Learn to install and use React Developer Tools to inspect components, debug apps, and modify React elements in Chrome.

How to Use React Developer Tools (With Example)

Learn what Node is, its meaning in programming, and how Node.js works. Complete definition guide with examples, installation, and real-world uses.

What is Node? Complete Guide to Node.js

Learn about Single Page Applications (SPAs) and understand what SPA means in modern web development. 

What is a Single Page Application (SPA)? 

Master React hooks with our comprehensive guide covering `useState`, `useEffect`, `useContext` and more - with practical examples to transform your ReactJS development workflow.

How to Use Hooks in ReactJS with Examples

What we see is just the surface of the Internet. From posting to streaming, everything happens on the back-end of the web. Get ready to learn the technologies behind the scenes of companies like Twitter and PayPal.

Learn how to build back-end web APIs using Express.js, Node.js, SQL, and a Node.js-SQLite database library.

Create a Back-End App with JavaScript

Back-end developers deal with the hidden processes that run behind the scenes, building APIs and databases that power the front-end. This Career Path will teach you the technologies you need to do just that.

Back-end developers deal with the hidden processes that run behind the scenes, building APIs and databases that power the front-end. 

Back-End Engineer

In this Skill Path, you will learn how to translate abstract game mechanics into code and play your creation, create interactive elements using the fundamental language of the internet and implement one of the most popular HTML5 game frameworks.







It’s easy to get lost in the flow of a good game. But behind every power-up and boss battle is simple code that brings the game to life. 

Create Video Games with Phaser.js

Learning the basics of HTML, CSS, and JavaScript can only get you so far. Learn React, the popular front-end library that powers Facebook and Netflix. Then, jump into Redux, the state-management library built specifically with React applications in mind.

Learn how to build advanced web applications with React and Redux.

Create an Advanced Web App with React and Redux

A full-stack engineer can get a project done from start to finish. This Career Path will start with the front-end, move on to the back-end, then teach you how to connect the two.

A full-stack engineer can get a project done from start to finish, back-end to front-end.

Full-Stack Engineer

Front-end engineers work closely with designers to make websites beautiful, functional, and fast. This Career Path will teach you the technologies you need to do just that.

Front-end engineers work closely with designers to make websites beautiful, functional, and fast.

Front-End Engineer

Front-end skills are in high demand, and plenty of people know HTML and CSS. Set yourself apart by building a foundation in JavaScript. Then, you’ll create interactive applications with React—the library that powers Facebook and Netflix.

Learn to build front-end web apps with JavaScript and React.

Create a Front-End App with React

Once you have a strong foundation in JavaScript, the next step is going pro. In this skill path, we’ll teach you the advanced coding skills you need to land a job — along with tips and tricks that will help you nail the technical interview. Learn about data structures and algorithms and dive into more advanced topics like algorithmic complexity and dynamic programming.

Learn about the computer science concepts of data structures and algorithms and build implementations from scratch in modern JavaScript.

Pass the Technical Interview with JavaScript

### About this course
D3 is a powerful JavaScript library for creating dynamic, interactive data visualizations for the web. With D3, you can bind data to HTML elements and manipulate them to create charts, graphs, and other data-driven visual elements. This course will teach you how to use D3 to transform data into engaging visualizations and bring your data stories to life.

### Skills you'll gain
* Bind data to webpage elements
* Customize visualizations based on data
* Build a bar chart with D3 to represent YouTube video popularity

Learn how to create bar charts with D3, the popular interactive data visualization library.

Learn D3

### About this course
Discover Vue.js, a modern front-end framework that simplifies web development by merging the best aspects of React and Angular into a user-friendly package. Learn to build and style forms that handle real-world, dynamic data and gain skills to solve complex front-end challenges with Vue.js.

### Skills you'll gain
* Set up and configure Vue.js projects
* Create and style dynamic forms
* Use directives and components
* Solve front-end development challenges
* Apply JavaScript, HTML, and CSS in Vue.js

Learn how to make front-end web apps with ease using Vue.js, an increasingly popular JavaScript front-end framework.

Learn Vue.js

### About this course
jQuery simplifies adding dynamic behavior to web pages with its pre-built methods for DOM manipulation, effects, and event handling. In this course, you’ll learn how to use jQuery to enhance your websites, making them interactive and engaging with minimal code.

### Skills you'll gain
* Adding jQuery to web pages
* Traversing and manipulating the DOM
* Using jQuery effects and animations
* Implementing event handlers and style changes

Learn the basics of jQuery, a JavaScript library that allows you to easily add dynamic behavior to static web pages.

Learn jQuery

### About this course
Deploying websites is a crucial skill for developers. This course teaches you how to publish content to the web, use Jekyll for quickly setting up static sites, and utilize GitHub Pages for hosting. You'll also learn how to manage custom domain names with AWS, ensuring a smooth deployment process.

### Skills you'll gain
* Deploy websites using Jekyll and GitHub Pages
* Host sites on GitHub and manage static content
* Purchase and assign a custom domain name with AWS

Learn how to publish a website to the Internet with Jekyll, Amazon Web Services (AWS), and GitHub Pages.

How to Deploy a Website

### About this course
Learn to create games with Phaser, the leading HTML5 game development framework. This course introduces you to Phaser's powerful features and provides you with the skills to turn your game ideas into interactive web games. You will build eight engaging games and deploy them on the web, while mastering JavaScript in the process.

### Skills you'll gain
* Game development using the Phaser framework
* Creating interactive web games
* Game design and deployment to the web
* JavaScript fundamentals for game building

Learn about the HTML5 game development framework that makes writing browser-based games a breeze.

Learn Game Development with Phaser.js

### About this course
Learn how to build interactive websites using HTML, CSS, and JavaScript. This course will combine these essential web technologies to create engaging, dynamic web pages. You’ll bridge the gap between understanding JavaScript and applying it to real web development projects while learning to manipulate the DOM and handle browser events.

### Skills you'll gain
* Manipulate the DOM
* Handle browser events and event listeners
* Use Handlebars.js for templating
* Apply JavaScript principles to web development

Learn the Document Object Model, the interface between JavaScript and HTML elements, and combine HTML, CSS, and JavaScript into exciting interactive sites!

Building Interactive JavaScript Websites

### About this course
JavaScript Unit Testing teaches you to catch bugs early using test-driven development (TDD) and the Mocha testing library. You’ll focus on unit tests, which help ensure individual parts of your code work as expected, and prepare you for testing more extensive software features in future courses.

### Skills you'll gain
* Understanding test-driven development
* Using Mocha for JavaScript testing
* Writing unit tests for specific code functionality
* Preparing for testing larger features in web development

Learn the basics of test-driven development and write unit tests in JavaScript with the Mocha library.

Learn JavaScript Unit Testing

### About this course
Node.js is a powerful JavaScript runtime used to build efficient network applications. This course introduces server-side web development with Node.js, teaching you the core concepts and preparing you for exploring frameworks like Express.js. You'll gain the skills needed to create scalable web applications and handle server-side logic.

### Skills you'll gain
* Server-side web development fundamentals
* Familiarity with the Node.js runtime environment
* Understanding of frameworks like Express.js for application building

Learn about the different components of a web application's back-end and explore the Node.js JavaScript runtime environment.


Learn Node.js

### About this course
Learn to build dynamic single-page applications using AngularJS, a popular JavaScript framework. Discover how to use the Model-View-Controller (MVC) pattern to structure your applications efficiently and create interactive, real-time user experiences. By the end of the course, you'll build your application from scratch.

### Skills you'll gain
* Build single-page applications
* Apply the Model-View-Controller (MVC) pattern
* Develop dynamic and interactive web features
* Integrate AngularJS with HTML and JavaScript

Learn how to easily build single-page web applications using this popular JavaScript framework.

Learn AngularJS 1.X

### About this course
This course teaches you how to integrate SQL into JavaScript apps, enabling communication between your back-end database and user-facing software. You will learn to manage databases within your JavaScript applications, making it easier to develop fully integrated, dynamic web applications ready for deployment.

### Skills you'll gain
* Integration of SQL into JavaScript
* Performing fundamental SQL operations (CRUD)
* Separation of database management and application logic

Learn how to interact with a SQL database from within your JavaScript programs!

Learn Node-SQLite

### About this course
Learn essential web development testing techniques to ensure your applications are reliable, scalable, and free of critical issues. Explore how to create effective test suites for models, servers, dynamic content, and API responses using tools like SuperTest and Mongoose. This course also introduces you to backend development and MongoDB for well-rounded testing expertise.

### Skills you'll gain
* Write model and server tests
* Test dynamic HTML content and API responses
* Use SuperTest for testing Express applications
* Work with Mongoose for database management
* Get familiar with MongoDB and backend web applications

Build better and more maintainable web applications through test-driven development.

Learn Testing for Web Development

### About this course

You interact with JavaScript code all the time — you just might not realize it. It powers dynamic behavior on websites (like this one) and plays an important role in many fields, like front- and back-end engineering, game and mobile development, virtual reality, and more. In this course, you’ll learn JavaScript fundamentals that will be helpful as you dive deeper into more advanced topics. 

### Skills you'll gain
* Build core programming concepts
* Learn object-oriented concepts
* Read and write JavaScript 

Learn how to use JavaScript — a powerful and flexible programming language for adding website interactivity.

Learn JavaScript

### About this course
Continue your JavaScript learning journey with Learn JavaScript: Error Handling. Errors provide insight into what went wrong and how to fix it. Sometimes, errors are unavoidable, and that's ok. You'll develop the skills to handle and debug errors. 

### Skills you’ll gain
* Employ appropriate tools to debug code.
* Identify and handle errors using try/catch.
* Create error objects and throw errors. 

### Notes on prerequisites
We recommend that you complete [Learn JavaScript: Requests](https://www.codecademy.com/learn/learn-javascript-requests) before starting this course.



Learn how to create more secure applications by predicting, handling, and debugging errors with JavaScript.

Learn JavaScript: Error Handling

### About this course
React (sometimes spelled React.js or ReactJS) is one of the most popular JavaScript libraries to develop powerful, interactive web applications. You'll learn how to start with React and build up to dynamic user interfaces. You'll work with React specific concepts like: JSX, components, state, props, hooks, and more. Take this course to gain an edge as a front-end or full-stack web developer.

### Skills you'll gain
* Understand key React concepts
* Use JSX, props, state, and more
* Work in React’s modular style

In this React course, you’ll build powerful interactive applications with one of the most popular JavaScript libraries.

Learn React

### About this course
Continue your JavaScript learning journey with Learn JavaScript: Async Programming. Asynchronous JavaScript can be tricky even for experienced developers, but it’s part of what makes JavaScript such a powerful and efficient programming language.

### Skills you'll gain
* Identify what asynchronous programming is.
* Write asynchronous JavaScript with promises and async/await.
* Handle errors with try/catch statements.

### Notes on prerequisites
We recommend that you complete [Learn JavaScript: Classes and Modules](https://www.codecademy.com/learn/learn-javascript-classes-and-modules) before starting this course.


Create efficient asynchronous programs using Promises and the async/await syntax.

Learn JavaScript: Asynchronous Programming 

### About this course
Express is a lightweight and robust framework for building server-side applications with Node.js. In this course, you'll learn how to create APIs and implement CRUD functionality, which is essential for modern web development. Whether you want to enhance your back-end skills or explore back-end programming, this course is an ideal starting point!

### Skills you'll gain
* Setting up and configuring servers with minimal overhead
* Creating routes to handle HTTP requests
* Implementing server behavior using middleware
* Writing clean and scalable server-side code

Learn how to make back-end apps and APIs using the popular Express.js framework

Learn Express

### About this course
A-Frame is a web framework for creating virtual reality experiences directly in the browser using simple HTML. This course introduces you to foundational A-Frame concepts like HTML primitives, building virtual environments, and designing user interactions. Explore VR by building engaging projects on a computer or in a VR headset.

### Skills you'll gain
* Build virtual reality experiences with A-Frame
* Create virtual environments and interactions
* Use HTML primitives for VR design
* Develop VR projects like the Flower of Life and Solar System

Ready to learn VR in VR? Dive into A-Frame and learn how to build virtual reality experiences in the browser.

Learn A-Frame (VR)

### Why Create a Professional Website with Wix?
With [Wix](https://www.wix.com/) you can create a site that fits your needs in no time. Wix offers a huge range of expertly designed templates that you can drag and drop onto your webpage with an intuitive editor. Even better, Wix's Velo development platform empowers ambitious users to create completely original features with basic JavaScript. Wix takes care of the legwork, like styling and setting up a development environment, so you can focus on what matters: turning the designs and user experience you envision into reality. So if you want to create a website with ease by dragging and dropping, challenge yourself to create a full-stack application with JavaScript, or do anything in between, **Create a Professional Website with Velo by Wix** is for you.


### Outcomes 
* Master Wix's drag-and-drop editor 
* Learn foundational JavaScript 
* Use JavaScript to power features of your own creation
* Streamline development with Wix's built-in methods
* Create a backend to store and interact with data
* Make API calls to external resources
* Build a fullstack application on Wix

From beginners to experienced web developers, Wix offers a wide range of solutions to quickly create a website that you can proudly share.

Create a Professional Website with Velo by Wix

### About this course
Elevate your JavaScript skills by learning TypeScript, a language designed to create more reliable and maintainable code. TypeScript enhances JavaScript with its type system, helping you develop error-free code efficiently. Explore TypeScript to boost your career prospects and streamline your development process.

### Skills you'll gain
* Applying TypeScript's type system
* Structuring and organizing code effectively
* Reducing errors with TypeScript's linter
* Streamlining workflows for faster coding

Learn TypeScript, a superset of JavaScript that adds types to make the language scale!

Learn TypeScript

### Why Learn Handlebars? 

Learn to create semantic templates using a popular and lightweight semantic templating engine, Handlebars! This styling of templates allows you to create simple, easy to read, and reusable templates. By incorporating Handlebars and templating into your code, you can create dynamic web pages faster and not have to worry about writing HTML strings in your JavaScript!



### Take-Away Skills 
In this course, you will learn the basics of creating Handlebars templates to add interactivity and customization to your static website. 

Note: this course is under construction and so does not have an associated certificate.


Learn to create semantic templates using a popular and lightweight templating engine, Handlebars!



Learn Handlebars

### About this course
Technical interviews are a key part of landing a tech role, and while the questions can vary, certain problems appear frequently. In this course, you’ll practice solving common technical interview problems using JavaScript. Even if you don’t have an interview, this practice will help improve your coding skills, problem-solving abilities, and code efficiency.

### Skills you'll gain
* Solve common technical interview problems
* Enhance problem-solving and coding efficiency
* Gain the confidence to tackle coding interviews

Learn key interview preparation skills and practice algorithmic problem-solving in JavaScript

Technical Interview Practice with JavaScript

### About this course
Learn Redux, the powerful state-management library widely used with React to handle complex data sharing between components. With a focus on predictable, reliable apps, Redux helps you manage state in an efficient and scalable way. This course will guide you from core concepts to advanced tools, empowering you to create better React applications.

### Skills you'll gain
* Learn core Redux concepts: reducers, stores, actions
* Use Redux Toolkit, React Redux, Redux Thunk
* Manage state in complex React apps
* Build scalable, predictable applications with Redux

Enhance your React applications with Redux, a popular state-management library. 

Learn Redux

### About this course
p5.js is an open-source JavaScript library designed for creative coding. This course allows you to explore programming as a form of artistic expression, teaching you how to create dynamic visuals, interactive experiences, and generative designs for various creative fields like design, gaming, and architecture.

### Skills you'll gain
* Creating 2D sketches and generative visuals
* Interactive animations and multimedia elements
* Using JavaScript fundamentals within p5.js

Create generative visualizations and interactive experiences with p5.js, a popular JavaScript library for creative coding.

Learn p5.js

### About this course
If you’re familiar with web development and want to build mobile apps, this course is perfect. With Expo and React Native, you can use your web development skills to create cross-platform apps for iOS, Android, and the web. Learn how to write apps with native UI and device capabilities, streamlining development and reusing code across platforms.

### Skills you'll gain
* Understand how Expo and React Native work
* Use core components in React Native apps
* Add custom styles to components
* Implement React Navigation for multi-screen apps
* Handle data for mobile applications
* Implement platform-specific functionality
* Deploy React Native applications

Build mobile apps with TypeScript and React, using Expo and React Native

Learn React Native

### About this course
Secure authentication and authorization practices are critical for protecting web applications. This course teaches you how to manage user interactions with your app, data, and other users. With Broken Authentication and Broken Access Control being top security risks, it’s essential to implement the right measures to keep your application safe.

### Skills you'll gain
* Implement authentication and authorization with Express and Node.js
* Understand authentication, authorization, and encryption
* Use sessions, cookies, and OAuth 2.0
* Secure your Express applications with best practices

In this course, you'll learn how to implement User Authentication and Authorization in an Express web application.

User Authentication & Authorization in Express

### About this course
Web applications face constant threats, from malicious actors to hacking attempts. This course focuses on preventing SQL Injection, Cross-Site Scripting (XSS), and Cross-Site Request Forgery (CSRF) attacks in your Node.js applications, using the OWASP Top 10 as a guide for security practices.

### Skills you'll gain
* Protect Node.js applications from SQL Injection, XSS, and CSRF
* Apply safer JavaScript coding practices
* Understand Remediation and Incident Response basics
* Implement security best practices in Express applications

Learn how to protect Node.js Applications from SQL Injection, CSRF, & XSS Attacks, JavaScript safety practices, and what to do when something goes wrong.

Defending Node Applications from SQL Injection, XSS, & CSRF Attacks

### About this course
Take your React skills to the next level by learning to test your applications with Jest and React Testing Library. This course focuses on testing React components from the user’s perspective, enabling you to write effective unit tests for both synchronous and asynchronous code, ensuring your apps are reliable and production-ready.

### Skills you'll gain
* Writing unit tests with Jest
* Testing React component output
* Mocking API calls and testing async code

Begin testing quickly with Jest and simplify component testing with React Testing Library.

Learn React Testing

### About this course
Do you have a grasp on the foundations of React and feel ready to take the next step? Are you interested in learning how to implement routing for a single-page application (SPA) using React Router version 6? Level up your React skills and get up to date with the most recent iteration of React Router with Learn React Router v6. With React Router, you'll be able to create seamless user experiences through front-end routing, allowing users to navigate your app without clunky page refreshes.

### Skills you'll gain
* Route users to different views in a single-page-application
* Build navigational components that link to other page views
* Use URL parameters to sort and filter resources
* Build flexible routes with dynamic routing
* Establish continuity between views with nested routing

Learn how to use the popular React Router library to easily create navigation components.

Learn React Router v6

### About this course
Build on your JavaScript foundation with Intermediate JavaScript. This course dives into advanced concepts like classes, promises, async/await, and requests. You’ll learn how to create more dynamic and efficient web applications while mastering essential techniques for structuring and optimizing large-scale projects.

### Skills you'll gain
* Understanding currying, hoisting, and concurrency
* Structuring web apps with classes and modules
* Using promises and async/await for asynchronous programming
* Managing efficient web app requests

Take your JavaScript knowledge to the next level by learning how to use advanced functions to create more efficient programs.

Learn Intermediate JavaScript

### About this course
Learn how to use build tools that optimize and streamline web development. This course will teach you essential techniques used by engineering teams to create portable, fast-loading applications. Get a head start on using tools commonly used in most companies.

### Skills you'll gain
* Understand the role of build tools
* Use common tools for optimization
* Create portable, fast-loading code
* Integrate resources like HTML, CSS, JS, and images
* Set up build tools for your projects

Start creating your own professional web applications using build tools such as Webpack, esbuild, Parcel, and Vite.

Learn Build Tools

### About this course
WebSockets is a robust protocol that enables real-time, two-way communication between servers and clients, making it ideal for building dynamic and interactive web applications. In this course, you'll explore how WebSockets work in tandem with HTTP, learn their advantages, and gain hands-on experience implementing them in real-world projects.

### Skills you'll gain
* Understand WebSockets vs. HTTP
* Use the `ws` package and browser-native `WebSocket` API
* Build a real-time chatroom
* Develop a fast-paced multiplayer game

Build real-time applications like chatrooms and multiplayer games with WebSockets!

Learn WebSockets

### About this course
As software projects become more complex, it's important to write new code and ensure that it integrates smoothly with existing systems. Software design principles help developers build scalable, adaptable applications that evolve to meet new challenges. By learning these principles, you can ensure your code remains maintainable and flexible.

### Skills you'll gain
* Apply Object-Oriented Programming (OOP) principles
* Understand and use Design Patterns
* Explore the SOLID principles
* Work with high-level software architectures

Start designing more complex systems with techniques such as design patterns, SOLID principles, and UML.

Software Design Principles

### About this course
Enhance your web development skills with CSS-in-JS, a modern technique that integrates CSS styling within JavaScript. Many tech companies use CSS-in-JS libraries, making it a valuable skill to boost your job prospects.

### Skills you'll gain
* Understand the difference between CSS-in-JS and traditional CSS
* Use the [Emotion](https://emotion.sh/) library to style React components
* Apply CSS-in-JS for efficient styling in JavaScript

Advance your CSS styling strategies with CSS-in-JS, a popular technique that allows programmers to write CSS styling in JavaScript.

Learn CSS-in-JS

### About this course
Learn how to connect front-end and back-end technologies to create seamless full-stack applications. This course covers the fundamentals of rendering websites, designing REST APIs, and structuring apps using the Model-View-Controller (MVC) pattern. You’ll also practice building a client-side rendered app using React and Node.js.

### Skills you'll gain
* Understand client-side vs server-side rendering
* Build and connect front-end and back-end code
* Design a RESTful API
* Use React and Node to create client-side rendered applications
* Implement MVC architecture in a full-stack app

Learn how to join the front-end and the back-end by creating REST APIs and using the MVC architecture.

Connecting Front-End to Back-End

### About this course
Continue your JavaScript learning journey with Learn JavaScript: Arrays and Loops. So much of the information that we encounter on the web is arranged in lists. Create and manipulate arrays and execute efficient repetitions using loops to develop meaningful programs.

### Skills you’ll gain
* Create and manipulate lists of data using arrays.
* Execute blocks of code multiple times using loops.
* Identify different types of loops and when to use them.

### Notes on prerequisites
We recommend that you complete [Learn JavaScript: Functions and Scope](https://www.codecademy.com/learn/learn-javascript-functions-and-scope) before starting this course.


Create and manipulate arrays and execute efficient repetitions using loops to develop meaningful programs.

Learn JavaScript: Arrays and Loops

### About this course
Continue your React learning journey with Learn React: State Management. Learn how to manage states of your React applications using programming patterns for mixing components with and without states. You'll work with props to pass information from components to components and how to update these props.

### Skills you'll gain
* Explain the concept of props
* Pass props from a component
* Update a passed-down prop

### Notes on Prerequisites
We recommend that you complete [Learn React: Hooks](https://www.codecademy.com/learn/learn-react-hooks) before completing this course.


Manage states using programming patterns for mixing components with and without states.


Learn React: State Management

###About this course 

This comprehensive course on TypeScript takes you from setting up TypeScript in VSCode to mastering its intermediate concepts and features. You'll learn how to install TypeScript globally and for specific projects in VSCode on your local computer, apply TypeScript types to classes  to control how class properties and methods are used. You’ll also learn how TypeScript does type narrowing, use type guards, and apply generics with classes, type parameter defaults and constraints.Through practical examples password generator and currency converter apps, you'll gain hands-on experience in using these concepts. 
 

###Skills you'll gain 

* Set up TypeScript in VSCode on your local computer 
* Apply types to object-oriented programming patterns 

* Utilize TypeScript’s power of inference through type narrowing and type guards 
* Create reusable code with TypeScript generics 
 


Dive into intermediate TypeScript concepts including class types, type narrowing, and generics. 

Learn Intermediate TypeScript

### About this course
Continue your JavaScript learning journey with Learn JavaScript: Iterators. Write cleaner code with less room for error by simplifying the process of looping over arrays with iterator methods.

### Skills you’ll gain
* Build abstractions using higher-order functions.
* Simplify the process of looping over arrays using iterator methods.
* Choose the right iterator for a given task.

### Notes on prerequisites
We recommend that you complete [Learn JavaScript: Arrays and Loops](https://www.codecademy.com/learn/learn-javascript-arrays-and-loops) before starting this course.


Simplify the process of looping over arrays with iterator methods and learn how to build abstractions in JavaScript.

Learn JavaScript: Iterators

### About this course
Ready to start your journey into React? Take Learn React: Introduction — React offers graceful solutions to some of front-end programming’s most persistent issues, allowing you to build dynamic and interactive web apps with ease. It’s fast, scalable, flexible, powerful, and has a robust developer community that’s rapidly growing.

### Skills you'll gain
* Explain front-end frameworks
* Get an introduction to React 
* Learn to read and write JSX
* Create React components
* Make React components interact

### Notes on Prerequisites
We recommend that you complete [Learn JavaScript](https://www.codecademy.com/learn/introduction-to-javascript) before completing this course.

Build powerful interactive applications with React, a popular JavaScript library.


Learn React: Introduction

### About this course

Continue your React learning journey with Learn React: Additional Basics. Improve your React applications by learning how to apply styles and use forms to get user input.

### Skills you'll gain
* Apply styles to React apps
* Get user input via forms
* Distinguish between controlled and uncontrolled components

### Notes on Prerequisites
We recommend that you complete [Learn React: State Management](https://www.codecademy.com/learn/learn-react-state-management) before completing this course.

Take your React skills to the next level by learning how to apply styles and use forms to get user input.

Learn React: Additional Basics

### About this course
Take your React skills to the next level with this advanced course. Learn key techniques like error handling, performance optimization, and custom hooks to build scalable, efficient, and professional-grade web applications. Ideal for front-end and full-stack developers aiming to enhance their expertise.

### Skills you'll gain
* Build error boundaries to handle runtime errors
* Optimize application performance
* Use Context API to manage data across components
* Create custom hooks for cleaner, reusable code

Learn advanced React techniques and topics including custom hooks, error boundaries, the Context API, and optimization.

Learn Advanced React

### About this course
Ready to start your journey into back-end programming? Take Introduction to Back-End Programming—explore the building blocks of back-end web architecture and the components of writing the server-side logic for web applications.

### Skills you’ll gain
* Explore the building blocks of back-end web architecture.
* Identify components of writing server-side logic.
* Review essential JavaScript concepts for Node.js.

### Notes on prerequisites
We recommend that you complete [Learn JavaScript: Objects](https://www.codecademy.com/learn/learn-javascript-objects) before starting this course.

Explore the building blocks of back-end web architecture and server-side components.

Introduction to Back-End Programming

### About this course
Continue your React learning journey with Learn React: Lifecycle Methods. Level-up your React applications by utilizing lifecycle methods (mounting, updating, and unmounting) to specify when your code runs in a React component's lifecycle.

### Skills you'll gain
* Identify component lifecycles
* Implement lifecycle methods

### Notes on Prerequisites
We recommend that you complete [Learn React: Introduction](https://www.codecademy.com/learn/learn-react-introduction) before completing this course.


Discover the three stages that comprise the lifecycle phases of React components.

Learn React: Lifecycle Methods

### About this course
Continue your JavaScript learning journey with Learn JavaScript: Functions and Scope. Define and reuse logic with functions and scope variables for effective data access to build the foundation for complex JavaScript programs. 

### Skills you’ll gain
* Define and reuse logic with functions.
* Pass data through functions and return results.
* Identify global and block-level scopes.

### Notes on prerequisites
We recommend that you complete [Learn JavaScript: Fundamentals](https://www.codecademy.com/learn/learn-javascript-fundamentals) before starting this course.

Define and reuse logic with functions and scope variables for effective data access.


Learn JavaScript: Functions and Scope

### About this course
Continue your React learning journey with Learn React: Hooks. Level-up your React applications with hooks, a powerful feature of function components, to use states without creating classes. You'll learn how to use state hooks to maintain a function component's state. Additional effect hooks will help you fetch data, manage timers, and manipulate the DOM. 

### Skills you'll gain
* Write function components
* Create state hooks
* Implement effect hooks

### Notes on Prerequisites
We recommend that you complete [Learn React: Lifecycle Methods](https://www.codecademy.com/learn/learn-react-lifecycle-methods) before completing this course.


Leverage hooks, a powerful feature of function components, to use states without creating classes.

Learn React: Hooks

### About this course
Continue your JavaScript learning journey with Learn JavaScript: Objects. Model real-world elements using Objects, a data structure that stores information and functions. You will also learn how to add methods, getters, and setters to your objects.

### Skills you’ll gain
* Model real-world items using objects.
* Manipulate objects using methods, getters, and setters.
* Use JavaScript ES6 object syntax.

### Notes on prerequisites
We recommend that you complete [Learn JavaScript: Iterators](https://www.codecademy.com/learn/learn-javascript-iterators) before starting this course.

Model real-world elements using Objects, a data structure that stores information and functions.

Learn JavaScript: Objects

### About this course
Ready to start your journey into the JavaScript programming language? Take Learn JavaScript: Fundamentals — JavaScript powers dynamic behaviors on websites and plays an important role in front- and back-end engineering, game and mobile development, virtual reality, and more.

### Skills you’ll gain
* Implement JavaScript data types, built-in methods, and variables.
* Control the flow of a program using conditionals.
* Recognize JavaScript ES6 syntax.


Learn how to control the flow of a program and use JavaScript to power dynamic behaviors on websites.

Learn JavaScript: Fundamentals

### About this course
Continue your JavaScript learning journey with Learn JavaScript: Classes and Modules. Reuse logic in different parts of our application by easily producing multiple objects that have the same properties using classes and exporting and importing modules. You will also learn about inheritance—a concept used to efficiently produce classes with similar properties.

### Skills you’ll gain
* Produce objects with shared properties using classes.
* Efficiently produce classes with similar properties by leveraging inheritance.
* Define reusable logic using JavaScript modules.

### Notes on prerequisites
We recommend that you complete [Learn JavaScript: Objects](https://www.codecademy.com/learn/learn-javascript-objects) before starting this course.

Easily produce multiple objects with the same property using classes and export and import modules.

Learn JavaScript: Classes and Modules

### About this course
Continue your JavaScript learning journey with Learn JavaScript: Requests. Asynchronously request data using the async/await syntax to dynamically use data from APIs: Application Programming Interfaces.

### Skills you’ll gain
* Understand how web browsers communicate via HTTP.
* Create calls to various APIs using requests.
* Make asynchronous requests using async/await syntax.

### Notes on prerequisites
We recommend that you complete [Learn JavaScript: Async Programming](https://www.codecademy.com/learn/asynchronous-javascript) before starting this course.

Asynchronously request data using the async/await syntax to dynamically use data from APIs.


Learn JavaScript: Requests

### About this course
Continue your JavaScript learning journey with Learn JavaScript: Under the Hood & Best Practices. Gain an insight into how your JavaScript program executes under the hood. You'll also level up the code composition of your applications by learning about different programming design patterns.  

### Skills you’ll gain
* Recognize common design patterns in JavaScript.
* Identify the ways currying and hoisting contribute to how JavaScript works under the hood.
* Understand the concurrency module and event loop in JavaScript.

### Notes on prerequisites
We recommend that you complete [Learn JavaScript: Error Handling](https://www.codecademy.com/learn/javascript-errors-debugging) before starting this course.


Learn how JavaScript works under the hood and level up your code composition with various design patterns.

Learn JavaScript: Best Practices

### About this course
Ready to start your journey into the TypeScript programming language? Take Learn TypeScript: Fundamentals—TypeScript builds on your JavaScript foundation so you can develop higher-quality, less error-prone code faster. As a TypeScript developer, you’ll be in higher demand and gain a competitive edge in the work world.

### Skills you’ll gain
* Identify how TypeScript is used to add types to JavaScript.
* Use the type system to spot potential bugs.
* Write type annotations to indicate variable types.

### Notes on prerequisites
We recommend that you complete [Learn JavaScript: Objects](https://www.codecademy.com/learn/learn-javascript-objects) before starting this course.

Apply the JavaScript syntax to TypeScript’s type system to give your code more structure.


Learn TypeScript: Fundamentals

### About this course
Continue your TypeScript learning journey with Learn TypeScript: Object Types. Object types are where TypeScript truly shines. Learn how to represent complex object shapes in TypeScript.

### Skills you’ll gain
* Create object types using `interface` keyword.
* Write organized and flexible code by defining multipe types.
* Define variable property names within an object type with index signatures.

### Notes on prerequisites
We recommend that you complete [Learn TypeScript: Type Narrowing](https://www.codecademy.com/learn/learn-typescript-type-narrowing) before starting this course.

Learn how to define property names, represent complex object shapes, and write more organized code in TypeScript.

Learn TypeScript: Object Types

### About this course
Continue your TypeScript learning journey with Learn TypeScript: Functions. In addition to variable types, TypeScript allows you to declare the expected types of your function parameters and infer the types returned by those functions. 

### Skills you’ll gain
* Apply type annotations to function parameters.
* Understand how TypeScript determins the return type of a function.
* Explicitly specify return types for functions.

### Notes on prerequisites
We recommend that you complete [Learn TypeScript: Fundamentals](https://www.codecademy.com/learn/learn-typescript-fundamentals) before starting this course.


Write functions in TypeScript to declare expected types of function parameters and return values.


Learn TypeScript: Functions

### About this course
Continue your TypeScript learning journey with Learn TypeScript: Complex Types. You'll learn to apply types to more complex data structures like arrays and objects. You'll also learn to define custom types and give convenient names to your types using type aliases.

### Skills you’ll gain
* Apply type annotations for arrays and tuples.
* Use rest and spread operators with TypeScript.
* Define custom types in TypeScript.

### Notes on prerequisites
We recommend that you complete [Learn TypeScript: Functions](https://www.codecademy.com/learn/learn-typescript-functions) before starting this course.

Learn how to apply types to more complex data structures like arrays and objects in TypeScript.

Learn TypeScript: Complex Types

### About this course
Ready to start your journey into the Node.js  JavaScript runtime environment? Take Learn Node.js: Fundamentals—the powerful Node.js runtime environment has been ranked the technology most commonly used by professional developers. It has myriad potential uses for JavaScript development including being a great environment for building efficient network applications.

### Skills you’ll gain
* Utilize core modules to program basic Node.js apps.
* Set up Node.js in local environment.
* Get user input and output and create readable and writable streams.

### Notes on prerequisites
We recommend that you complete [Introduction to Back-End Programming](https://www.codecademy.com/learn/introduction-to-back-end-programming) before starting this course.

Get an introduction to Node.js—a JavaScript runtime environment typically used to build back-end apps.

Learn Node.js: Fundamentals

### About this course
Continue your TypeScript learning journey with Learn TypeScript: Union Types. Union types help strike a balance between extreme specificity and being totally unspecific with our types. Combine individual types into flexible combinations with union types.

### Skills you’ll gain
* Combine multiple types using unions.
* Narrow down methods and properties available in a program with type narrowing.
* Define states within the program using literal types and unions.

### Notes on prerequisites
We recommend that you complete [Learn TypeScript: Complex Types](https://www.codecademy.com/learn/learn-typescript-complex-types) before starting this course.

Level up your Typescript skills by learning how to combine individual types into flexible combinations with union types.

Learn TypeScript: Union Types

### About this course
Continue your TypeScript learning journey with Learn TypeScript: Type Narrowing. Leverage TypeScript’s type system to gain insights into the runtime behavior of your code by narrowing down what types unions may actually be.

### Skills you’ll gain
* Understand how TypeScript utilizes type narrowing at runtime.
* Write type guards to check if a variable is a specific type.
* Check if a property exists in an object using the `in` operator.

### Notes on prerequisites
We recommend that you complete [Learn TypeScript: Union Types](https://www.codecademy.com/learn/learn-typescript-union-types) before starting this course.


Gain insights into the runtime behavior of the TypeScript code by narrowing down union types.


Learn TypeScript: Type Narrowing

The JavaScript programming language is fun and flexible. It’s one of the core technologies of web development and can be used on both the front-end and the back-end.

JavaScript courses

About JavaScript

Related topics