JavaScript Training in Jeddah

This course is designed for learners who already have a basic understanding of web development concepts, including familiarity with HTML, CSS, and hands-on experience with JavaScript or TypeScript. It is well-suited for front-end developers transitioning to modern Angular, software engineers building scalable web applications, and technical professionals who want to gain practical, real-world Angular skills.

Angular 20 is a robust front-end framework for building scalable, high-performance web applications.

This instructor-led, live training (online or onsite) is aimed at advanced-level developers who wish to build sophisticated, enterprise-grade Angular 20 applications.

Upon completing this course, participants will gain the skills to:

• Implement advanced state management using modern Angular patterns.
• Optimize rendering and performance across large applications.
• Architect reusable, maintainable, and scalable Angular 20 modules.
• Integrate advanced routing, signals, and reactive patterns effectively.

Format of the Course

• Expert-guided lectures and collaborative discussion.
• Extensive hands-on coding exercises.
• Practical implementation in a real-world style development environment.

Course Customization Options

• Custom training options are available upon request for teams with specialized requirements.

Angular is a modern, TypeScript-based framework for building scalable, high-performance web applications.

This instructor-led, live training (online or onsite) is aimed at beginner-level to intermediate-level developers who wish to build, structure, and deploy applications using Angular 20.

After completing this course, participants will be able to:

• Create Angular 20 applications using best practices.
• Work with components, templates, and standalone APIs.
• Implement routing, state management, and HTTP communication.
• Build production-ready applications with optimized performance.

Format of the Course

• Instructor-guided demonstrations and discussions.
• Extensive hands-on exercises and coding practice.
• Real-world implementation in an interactive development environment.

Course Customization Options

• If you require a tailored version of this course, please reach out to arrange a custom program.

This instructor-led, live training in Jeddah (online or onsite) is aimed at intermediate-level web developers who wish to build, test, and deploy Angular 19 applications with the latest tooling, component architecture, and best practices.

By the end of this training, participants will be able to:

• Set up and configure an Angular 19 development environment using the Angular CLI.
• Create components, directives, services, and reactive forms.
• Use routing, HTTP client, and state management with RxJS and signals.
• Build, test, and deploy production-ready Angular applications.

This instructor-led, live training in Jeddah (online or onsite) is aimed at beginner-level to intermediate-level developers who wish to build dynamic, modern web applications using Angular 18.

By the end of this training, participants will be able to:

• Set up and configure Angular 18 projects.
• Utilize Angular 18's new features and improvements, including optimized TypeScript 4.7 capabilities and zoneless change detection.
• Develop robust, scalable applications using Angular 18.
• Implement best practices for code organization and architecture.
• Integrate Angular applications with RESTful APIs.

This instructor-led, live training in Jeddah (online or onsite) is aimed at beginner-level to intermediate-level developers who wish to use the latest features of Angular 17 to build, test, and deploy web applications.

By the end of this training, participants will be able to:

• Set up a development environment that includes Node.js, Visual Studio Code, and Angular CLI.
• Create a basic Angular 17 application that displays data and handles user interactions.
• Use components, directives, pipes, services, and modules to organize and reuse code.
• Use data binding, dependency injection, routing, forms, and HTTP client to communicate with backend services.
• Use the new template control block syntax to simplify common tasks like conditional rendering, looping, and handling empty collections.
• Use the new @defer control block to enable lazy-loading of the block's content and its dependencies.
• Use the new view transitions API to customize the animations and transitions between views.
• Debug and test Angular 17 applications using tools such as Chrome DevTools, Jest, Karma, and Protractor.

This instructor-led, live training in Jeddah (online or onsite) is aimed at experienced testers and developers who wish to deep dive into Angular testing.

By the end of this training, participants will be able to:

• Understand Angular testing in-depth.
• Perform advanced component and integration testing.
• Perform end-to-end testing with Cypress and visual regression.

This instructor-led, live training in Jeddah (online or onsite) is aimed at beginner-level web developers who wish to use JavaScript to build interactive web pages, manipulate data, and enhance user experiences.

By the end of this training, participants will be able to:

• Use JavaScript to build dynamic and interactive web pages.
• Create scripts that work in all browsers.
• Write clear, reliable, and reusable code.
• Perform scripting with the DOM.
• Manipulate data with JavaScript.

This instructor-led, live training in Jeddah (online or onsite) is aimed at advanced-level developers who wish to master the latest features in Next.js 14, optimize performance, and implement modern React techniques.

By the end of this training, participants will be able to:

• Implement advanced React hooks and concurrent features.
• Understand and utilize Next.js routing strategies effectively.
• Leverage Server Components, Server Actions, and hybrid rendering approaches.
• Optimize data fetching, caching, and incremental static regeneration.
• Use Next.js as a backend solution with Edge Functions and Edge Runtime.
• Manage state using React Context, Redux, and atomic state libraries.
• Optimize application performance for Web Core Vitals.
• Test, monitor, and deploy Next.js applications efficiently.

This course provides an in-depth exploration of advanced Vue.js concepts, focusing on scalability, maintainability, and real-world performance optimization within modern frontend ecosystems.

This instructor-led, live training (online or onsite) is aimed at intermediate-level to advanced-level developers who wish to deepen their Vue.js expertise, adopt modern workflows, and integrate ecosystem tools such as Pinia, Quasar, and Vite effectively.

By the end of this training, participants will be able to:

• Build scalable, modular Vue.js applications using advanced reactivity and composition patterns.
• Design and manage complex global states efficiently with Pinia.
• Integrate APIs, handle errors, and manage data flow between stores and components.
• Apply advanced TypeScript and testing strategies for maintainability and reliability.
• Optimize build performance, CI/CD workflows, and production deployments.

Format of the Course

• Interactive lecture and discussion.
• Hands-on exercises and code labs.
• Practical implementation using real-world project scenarios.

Course Customization Options

• To request a customized training for this course, please contact us to arrange.

This instructor-led, live training in Jeddah (online or onsite) is aimed at experienced developers who wish to build, deploy, and scale applications using microservices built with NodeJS and React.

By the end of this training, participants will be able to:

• Develop, deploy, and scale applications using different microservices.
• Build a server-side rendered React application.
• Deploy multi-service apps to the cloud using Docker and Kubernetes.
• Perform application testing on microservices.

This instructor-led, live training in Jeddah (online or onsite) is aimed at intermediate-level to advanced-level web developers and technical architects who wish to explore the advancements of Next.js 14 and gain the knowledge to build cutting-edge web applications.

By the end of this training, participants will be able to:

• Leverage the full potential of Next.js 14 for building complex applications.
• Utilize the latest features such as Middleware, React Server Components, and Edge Functions.
• Implement best practices for performance, scalability, and SEO.
• Troubleshoot common issues in Next.js applications effectively.

This instructor-led, live training in Jeddah (online or onsite) is aimed at programmers who wish to use the latest features of Angular 13 to build, test, and deploy web applications.

By the end of this training, participants will be able to:

• Use TypeScript and Angular CLI to develop Angular 13 applications.
• Develop, test, and deploy Angular 13 web applications.
• Create web components that can be used for any web application or page.

This instructor-led, live training in (online or onsite) is aimed at developers who wish to use the FARM (FastAPI, React, and MongoDB) stack to build dynamic, high-performance, and scalable web applications.

By the end of this training, participants will be able to:

• Set up the necessary development environment that integrates FastAPI, React, and MongoDB.
• Understand the key concepts, features, and benefits of the FARM stack.
• Learn how to build REST APIs with FastAPI.
• Learn how to design interactive applications with React.
• Develop, test, and deploy applications (front end and back end) using the FARM stack.

This instructor-led, live training in Jeddah (online or onsite) is aimed at beginner-level .NET developers who wish to gain proficiency in JavaScript, Node.js, and React to actively develop and migrate systems/platforms.

By the end of this training, participants will be able to:

• Write and debug JavaScript code effectively.
• Build and deploy server-side applications using Node.js.
• Develop dynamic and responsive user interfaces with React.
• Integrate front-end and back-end components to create full-stack applications.
• Understand best practices for migrating legacy systems to modern JavaScript-based platforms.

This instructor-led, live training in Jeddah (online or onsite) is aimed at intermediate-level developers who wish to create micro-frontend applications using Vue.js.

By the end of this training, participants will be able to:

• Have a better understanding of micro-frontends.
• Learn how to split large applications into micro-frontends.
• Implement micro-frontends using different approaches.
• Build micro-frontend applications with Vue.js.

This instructor-led, live training in Jeddah (online or onsite) is aimed at intermediate-level developers who wish to learn advanced concepts and features of Svelte for developing web applications.

By the end of this training, participants will be able to:

• Use advanced techniques for developing Svelte applications.
• Develop web applications with the Svelte framework.
• Quickly prototype with TailwindCSS and DaisyUI.

JavaScript is a dynamic, high-level programming language widely used in web, mobile, and desktop development. With the rise of modern frameworks and TypeScript, JavaScript has become a cornerstone of full-stack application development.

This instructor-led, live training (online or onsite) is aimed at beginner-level to intermediate-level developers who wish to master JavaScript, TypeScript, and full-stack development using modern tools and practices.

By the end of this training, participants will be able to:

• Write clean and modern JavaScript and TypeScript code.
• Build interactive front-end applications with React.
• Develop scalable back-end APIs using Node.js and Express.
• Create desktop applications using Electron.
• Test, document, and deploy full-stack applications.

Format of the Course

• Interactive lecture and discussion.
• Lots of exercises and practice.
• Hands-on implementation in a live-lab environment.

Course Customization Options

• To request a customized training for this course, please contact us to arrange.

Overview

Node.js is a platform for easily building fast, scalable network applications. Learn how to use the event-driven, non-blocking I/O model to build data-intensive real-time applications that run across distributed devices. We will explore the design choices that make Node.js unique, how this changes the way applications are built and how systems of applications work most effectively in this model. Learn how to create modular code that’s robust, expressive and clear. Understand when to use callbacks, event emitters and streams. Use streams to easily manipulate data that would be impossible to fit in application memory. Gain confidence in handling errors effectively to ensure runtime reliability. The course has extensive lab exercises to reinforce the concepts and techniques covered.

Objectives

On completion of this course, students will be able to:

• Clearly understand the platform design choices that led to Node.js choosing an event loop and what this means for applications built on that foundation.
• Understand the unique trade-offs present in event-driven programming.
• Create Node.js modules and express code modularity in an application.
• Understand the core flow control patterns in Node.js and know when it is appropriate to use callbacks, event emitters or streams.
• Create and manipulate buffers efficiently.
• Understand how to manage error state and know when a process should exit due to an error.
• Build network applications with Node.js.

This instructor-led, live training in Jeddah (online or onsite) is aimed at developers who wish to build React components and design complex applications.

By the end of this training, participants will be able to:

• Understand React's advanced concepts, including context APIs, HOCs, external state, asynchronous APIs, etc.
• Build composable components with React.
• Enable server side and client side authentication.
• Implement React and Redux libraries to manage complex stateful applications.
• Reduce code and optimize an application's performance.
• Test and deploy an application.

This instructor-led, live training in Jeddah (online or onsite) is aimed at developers who wish to use TypeScript's advanced features to create and build JavaScript applications.

By the end of this training, participants will be able to:

• Set up the necessary development environment to start developing TypeScript and Node.js applications.
• Take advantage of Typescript's advanced capabilities to write clean, expressive code with fewer errors.
• Configure and use Webpack with TypeScript to build complex front-end UIs.
• Use custom data types (Union, Intersection, Tuple Types, etc.) to extend existing generic types.
• Implement asynchronous code patterns and APIs for error handling and validating responses.
• Deploy TypeScript and Node.js applications to production environments (AWS EC2, Heroku, etc.).

This instructor-led, live training in Jeddah (online or onsite) is aimed at Vue JS developers who wish to create advanced components that are simpler, more flexible, and easier to maintain.

By the end of this training, participants will be able to:

• Write VueJS code that is maintainable and resilient.
• Write application logic that is portable and reusable.
• Create customized components and widgets while avoiding unneeded complexity.

The training is designed for JavaScript developers, designing and implementing advanced Internet applications. Topics discussed during the training aimed at bringing best practices in JavaScript programming and highlight the most common mistakes. An important point of the training is to discuss the available object-oriented programming with JavaScript syntax.

This instructor-led, live training in Jeddah (online or onsite) is aimed at beginner-level developers who wish to use JavaScript to create dynamic and interactive web pages.

By the end of this training, participants will be able to: understand core JavaScript concepts, write scripts for web pages, work with objects and functions, and manipulate the DOM to enhance user experience.

This instructor-led, live training in Jeddah (online or onsite) is aimed at web developers who wish to use Laravel and Vue JS for fullstack web development.

By the end of this training, participants will be able to:

• Develop web applications with Laravel and Vue JS.
• Integrate the Laravel backend API into Vue JS.
• Deploy a Laravel application.

Next.js 16 Advanced Development covers advanced application architecture, App Router patterns, React Server Components, Server Actions, caching, security, and deployment at scale.

This instructor-led, live training. Is aimed at full-stack developers and React engineers building production-grade Next.js applications.

By the end of the course, participants will be able to:

• Build complex Next.js 16 apps with App Router, RSC, and Server Actions
• Implement caching, authentication, and performance optimization
• Deploy and monitor production applications at scale

Available in Jeddah.

The Hidden Cost of "Invisible" Code Migrating to or building with Nuxt 4 offers incredible performance, but its complex rendering modes (Hybrid, ISR, SWR) create a dangerous "Rendering Cliff." If your developers treat Nuxt 4 purely as a UI framework without understanding its hydration behavior, you risk deploying applications that are invisible to Google. A site that cannot be indexed yields 0% organic return on investment. Fixing these architectural issues post-launch costs 3x to 5x more than implementing them correctly during the build.

This instructor-led, live training in Jeddah (online or onsite) is aimed at web developers who wish to use Quasar Framework and Vue JS to create cross-platform applications.

By the end of this training, participants will be able to:

• Build a cross-platform application for iOS, Windows, etc.
• Manage states and data with Vuex.
• Create a backend application with Firebase.

In this instructor-led, live training in Jeddah, we demonstrate React's power and flexibility, compare it to alternative frameworks, and walk participants step-by-step through the creation of their own React application.

By the end of this course, participants will be able to:

• Understand React's design philosophy.
• Decide when and where it makes sense to use React, and when to rethink the conventional MVC model.
• Understand React concepts such as components, props, state, and lifecycle.
• Implement related technologies such as Babel, Webpack, and JSX.
• Build, test and deploy an interactive web application.

In this instructor-led, live training in Jeddah, participants learn the principles and approach behind React Native as they take on the development of their own mobile application for Android and iOS

In this instructor-led, live training in , participants learn to use React Native Expo through discussion and hands-on practice. By the end of the course, participants will be equipped to create and deploy their own React Native application using React Native Expo.

React is a widely-used library for creating single page applications in JavaScript and HTML. It is used by companies such as Facebook, Instagram, Netflix or the New York Times.

This course will introduce the foundations on which React and other libraries (like Angular and Vue.js) are based on and highlight the sepecifics of React. It will also cover technologies that are commonly used with React, like Redux and React-Router.

By the end of this course participants will be able to build applications of various complexity with React while adhering to best practices.

This instructor-led, live training in Jeddah (online or onsite) is aimed at web developers who wish to build functional front-end and back-end web applications with Spring Boot, React, and Redux.

By the end of this training, participants will be able to:

• Build a front-end application with React and Redux.
• Create RESTful APIs with Spring Boot.
• Secure web services with Spring security and JWT web tokens.

This instructor-led, live training in Jeddah (online or onsite) is aimed at developers and programmers who wish to use the framework changes and new features in Vue 3 to create applications.

By the end of this training, participants will be able to:

• Migrate and update from Vue 2 to Vue 3.
• Learn the new features to improve the development of applications.
• Test and use Vue 3 to build maintainable and reliable applications.

In this instructor-led, live training in Jeddah (online or onsite), participants will learn how to take advantage of Vue JS's incrementally adoptable architecture to build a complex, single-page application (SPA).

By the end of this training, participants will be able to:

• Build web apps that process and render data conditionally.
• Design interactive web apps that react efficiently to user events.
• Write modular and reusable code.
• Incrementally progress a view into full-blown single-page application.
• Integrate VueJS to an existing webpage.
• Use Vue's ecosystem to extend the framework's capability.

In this instructor-led, live training in Jeddah (online or onsite), participants will learn just the necessary Javascript to take advantage of Vue JS's incrementally adoptable architecture to build a complex, single-page application (SPA).

By the end of this training, participants will be able to:

• Undestand and use Javascript and the VueJS framework to build an interactive web application.
• Design interactive web apps that react efficiently to user events.
• Write modular and reusable code.
• Incrementally progress a view into full-blown single-page application.

This instructor-led, live training in Jeddah (online or onsite) is aimed at developers who wish to use Vuetify.js to build beautiful interfaces for single-page applications.

By the end of this training, participants will be able to:

• Install and configure Vuetify.js.
• Understand the principles behind Material Design.
• Create a single page application with an advanced UI using Vue.js and Vuetify.js.

This instructor-led, live training (online or onsite) is aimed at developers who wish to reduce the cost and complexity of managing state in large data-driven web applications.

By the end of this training, participants will be able to:

• Reduce the complexity of very large projects where managing state is difficult to maintain.
• Minimize an application's state processes.
• Reduce the time needed to develop complex data-oriented web applications.

Format of the Course

• Interactive lecture and discussion.
• Lots of exercises and practice.
• Hands-on implementation in a live-lab environment.

Course Customization Options

• To request a customized training for this course, please contact us to arrange.
• To learn more about NgRx, please visit: https://ngrx.io/

This instructor-led, live training in Jeddah (online or onsite) is aimed at beginner-level to intermediate-level developers who wish to build dynamic, modern web applications using Angular 2.

By the end of this training, participants will be able to:

• Set up and configure Angular 2 projects.
• Utilize Angular 2's features and improvements.
• Develop robust, scalable applications using Angular 2.
• Implement best practices for code organization and architecture.
• Integrate Angular applications with RESTful APIs.