WPI Curriculum Module: JavaScript/TypeScript & React (Frontend)
This module offers a comprehensive introduction to JavaScript and TypeScript, the core technologies for building dynamic and interactive web applications. You will learn the fundamentals of JavaScript, including variables, data types, control flow, functions, and object-oriented programming. You will also explore modern JavaScript features like ES6+ and understand how to write clean, efficient, and maintainable code. Â
To enhance code quality and reliability, you will learn about debugging techniques and testing methodologies, including unit testing and integration testing. You will also delve into TypeScript, a statically typed superset of JavaScript, which helps catch errors early and improve code readability.
The module will then introduce React, a powerful JavaScript library for building user interfaces. You will learn how to create reusable components, manage state, and handle user interactions effectively. By mastering React, you will be able to build complex and scalable web applications.
Ultimately, this module aims to equip you with the skills to create modern, efficient, and user-friendly web applications. By combining a strong foundation in JavaScript and TypeScript with the power of React, you will be well-prepared for a successful career in web development.
After completing this module, you'll be, among other things, able to:
Master JavaScript fundamentals:Â You will gain a strong understanding of JavaScript's core concepts, including variables, data types, control flow, functions, and object-oriented programming.
Build dynamic web applications with React:Â You will be able to create interactive and responsive user interfaces using React's component-based architecture.
Write clean and efficient code:Â You will learn how to write maintainable and scalable JavaScript code using best practices and modern JavaScript features.
Leverage TypeScript for improved code quality:Â You will be able to use TypeScript to enhance code reliability, catch errors early, and improve overall code quality.
This module consists of the following classes:
The JavaScript programming language is used on many millions of websites. It can be used to create dynamic websites and adds interactivity and dynamism to HTML and CSS. It is also one of the most popular programming languages. Thanks to its simplicity and versatility, newcomers can quickly get to grips with JavaScript and enjoy a quick sense of achievement that invites them to continue learning and makes them curious for more. This class introduces you to the core concepts of JavaScript programming. You will learn about variables, data types, operators, control flow, and functions, providing a solid foundation for building dynamic web applications.
This course provides a comprehensive overview of DOM manipulation, equipping you with the skills to create dynamic and interactive web applications. Topics include querySelector, innerHTML, selectors, pseudo-classes, classList, DOMTokenList, defer, async, events, event handlers, style object manipulation, createElement, appendChild, siblings, and insertBefore.
Building on the fundamentals, this class delves into more complex JavaScript topics, including object-oriented as well as asynchronous programming, and modern JavaScript features such as ES6+. You will learn to write efficient and maintainable JavaScript code. This provides you with the best prerequisites for a career as a web developer.
TypeScript is a statically typed superset of JavaScript. This class covers the basics of TypeScript, including type annotations, interfaces, classes, and modules. You will learn how TypeScript can improve code quality, readability, and maintainability.
React is a popular JavaScript library for building user interfaces. This class teaches you how to create reusable components, manage state, and handle user interactions. You will learn about React's core concepts, including JSX, components, and state management.
You will learn about debugging techniques, unit testing, integration testing, and automated testing tools. You will gain the skills to identify and fix bugs efficiently and write robust code.
This module has a workload of approximately 306 hours. The workload includes the total amount of time that course participants have to successfully complete the JS course.
The workload is an average value calculated by the Web Professional Institute (WPI). The actual workload in a course offered by a training center may differ from the average value stated here depending on the delivery method of the course (e.g. online or face-to-face) and the target group.
The duration of the course depends on the weekly study time. You can use the slider to find out how long the course lasts.
This module is required for the following WPI Certifications:
Interested in learning more about these certifications? Click on the links above to find out how each one can benefit you.
Can't find the perfect fit yet? Explore our full range of certifications to discover new opportunities.