Data & Modern Frontend Development

Overview

This course features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. Start by learning JSON fundamentals, followed by building a Chrome extension project. Next, master jQuery for efficient DOM manipulation, then dive into React.js, covering everything from JSX to advanced features like React Router, state, props, pagination, and infinite scroll. Through these topics, you will develop practical skills and build real-world projects. The course is designed for hands-on learning, with projects that reinforce React concepts, such as API integration, dynamic data management, and creating a dark mode feature. You’ll also gain experience in structuring and maintaining large React applications. This course is perfect for learners looking to strengthen their frontend development skills, especially in React.js. Basic JavaScript knowledge is recommended, but not required. By the end of the course, you will be able to build dynamic web apps with React.js, handle external APIs, manage routing, and implement features like pagination and infinite scroll.

Syllabus

JSON (Zero to Hero)

In this module, you’ll be introduced to JSON (JavaScript Object Notation), its structure, syntax, and key features. By the end, you’ll understand how JSON is utilized for data exchange in web applications and how it simplifies the process of sending and receiving data.

#5 Project: Chrome Extension

In this module, you will build your very own Chrome extension from scratch. You’ll start with setting up the extension, working with manifest files, and using JavaScript to add functionality. This project gives you hands-on experience with web technologies and introduces you to browser-specific development.

jQuery (Zero to Hero)

This module is dedicated to jQuery, a powerful JavaScript library that simplifies HTML document traversal, event handling, and animations. You’ll learn the essentials of jQuery and how to use it to manipulate DOM elements efficiently, making your web applications more interactive.

React.js (Zero to Hero)

This module introduces React.js, one of the most popular libraries for building user interfaces. You’ll explore the basics, including JSX syntax, and then dive into more advanced concepts such as props, states, events, and routing. You'll also learn how to work with class-based components and functional components in React, building dynamic and interactive web applications.