This course introduces students to modern web development using React, the most popular JavaScript library for building interactive user interfaces. Students will learn how to create dynamic web applications using component-based architecture, state management, and modern development tools.

Starting with a refresher on JavaScript ES6 features, the course gradually moves into React fundamentals, including components, props, state, and hooks. Students also learn routing, context management, and best practices for building scalable web applications.

The course is project-based: by the end, each student will have built a complete React application ready to showcase.

What students will learn

• Modern JavaScript (ES6+) and coding best practices
• React components, JSX, props, and state management
• React hooks and context API for state management
• Routing, navigation, and building SPA (Single Page Applications)
• Project planning, testing, and deployment basics

This course is ideal for young developers who want to learn modern web development, gain hands-on experience with React, and build interactive web projects from scratch.

Course syllabus

• Module 1: JavaScript ES6 refresher
• Module 2: React components & JSX
• Module 3: Props & state
• Module 4: Hooks & context
• Module 5: Routing & navigation
• Module 6: Final project: React application

Course outcomes

• Confidence in writing React code and understanding modern web development
• Ability to build complete web applications from scratch
• Improved problem-solving and project planning skills
• A collection of finished React projects to showcase
• A solid foundation for further advanced web development courses

Students completing this course will be able to design, develop, and deploy modern React web applications and continue learning advanced topics in web development.