Coursera

Frontend Development using React (Coursera)

Offered by Board Infinity,
Frontend Development using React (Coursera)

Welcome to the Frontend Development using React course! In this program, you will learn the fundamentals of frontend development and how to build web applications using the React library. The course is best suitable for people with familiarity with web development.

Class Deals by MOOC List - Click here and see Coursera's Active Discounts, Deals, and Promo Codes.

The first module, Introduction to HTML & CSS, will introduce you to the basics of HTML and CSS, which are the building blocks of web development. You will learn how to structure content with HTML and apply styles to your web pages with CSS.
The second module, Introduction to JavaScript Programming, will teach you the fundamentals of JavaScript, the programming language that powers interactive web applications. You will learn about variables, data types, control structures, functions, and more.
In the third module, React for Frontend Development, you will dive into React, a popular JavaScript library for building user interfaces. You will learn how to set up a React project, create components, and manage state in your application.
By the end of this course, you will have a solid understanding of frontend development principles and how to use React to build interactive and dynamic web applications.
Course 2 of 3 in the .NET FullStack Developer Specialization.

Syllabus

WEEK 1
Introduction to HTML & CSS
In this module, you will be introduced to the fundamentals of HTML (Hypertext Markup Language) and CSS (Cascading Style Sheets) , which is the standard language used for creating web pages. You will learn about the structure of an HTML document and the basic HTML tags used to define the content and layout of a web page. You will also learn about the basic syntax of CSS and how to use CSS to control the layout, typography, and colors of a web page.

WEEK 2
Introduction to JavaScript Programming
This module is designed to provide learners with a comprehensive introduction to JavaScript programming. Throughout the module, learners will gain hands-on experience working with JavaScript and will develop a deep understanding of its core features and capabilities.
The module will cover the key concepts of JavaScript, including variables, data types, operators, control structures, and functions. Learners will understand how to use these concepts to create basic programs that are modular, maintainable, and easy to test. By the end of the module, learners will be proficient in creating simple and effective JavaScript programs. They will be able to apply best practices and coding standards to write high-quality code that meets the needs of their clients and users.

WEEK 3
React for Frontend development
In this module, you will be introduced to the basics of React, a popular JavaScript library used for building user interfaces. You will learn about the key concepts of React, such as components, state, props, and JSX, and understand how they work together to create dynamic and interactive UIs.

Go to Class
MOOC List is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Related Courses

Learn CSS Variables (Coursera) Coursera
Scrimba

Learn CSS Variables (Coursera)

CS: Software Engineering CS: Programming

CSS Custom Properties represent a significant advancement for front-end developers, introducing the concept of variables to CSS. This innovation substantially reduces redundancy, enhances code legibility, and augments overall flexibility. Notably, CSS Variables distinguish themselves from their CSS preprocessor counterparts by seamlessly integrating into the Document Object Model (DOM), offering a plethora of advantages.

Jun 8th 2026
1 Week
HTML CSS Software Development
Details
Fundamentals of VueJS (Coursera) Coursera
Board Infinity

Fundamentals of VueJS (Coursera)

Computer Science

Welcome to the "Fundamentals of VueJS" course, a comprehensive journey into the world of Vue.js, a versatile and progressive JavaScript framework for building modern web applications. This course is structured into two modules, each designed to equip you with the knowledge and skills needed to become proficient in Vue.js.

Jun 8th 2026
2 Weeks
Javascript VueJS Coursera Plus
Details
Advanced Styling with Responsive Design (Coursera) Coursera
University of Michigan

Advanced Styling with Responsive Design (Coursera)

CS: Software Engineering

It used to be the case that everyone viewed webpages on about the same size screen. But with the explosion of the use of smartphones to access the Internet, the landscape of design has completely changed. People viewing your site will now expect that it will perform regardless of the platform (smartphone, tablet, laptop, or desktop computer). This ability to respond to any platform is called responsive design.

Jun 8th 2026
4 Weeks
Javascript Bootstrap Web Design
Details
Angular for Front End Engineers (Coursera) Coursera
Codio

Angular for Front End Engineers (Coursera)

CS: Information & Technology Computer Science

Explore HTML, CSS, JavaScript, and Angular without installing anything! This course is designed for intermediate learners who already have a solid foundation of basic skills in HTML, CSS, and JavaScript. However, a broad overview of these topics will also be provided for beginning learners. The modules in this course cover web development basics, introduction to Angular, and developing an Angular application. At the end of the course, learners will fully develop a todo application using HTML, CSS, and Angular.

Jun 8th 2026
3 Weeks
HTML Javascript CSS
Details
How To Create a Website in a Weekend! (Project-Centered Course) (Coursera) Coursera
The State University of New York

How To Create a Website in a Weekend! (Project-Centered Course) (Coursera)

CS: Software Engineering CS: Information & Technology

In this project-centered course*, you’ll design, build, and publish a basic website that incorporates text, sound, images, hyperlinks, plug-ins, and social media interactivity. We’ll provide you with step-by-step instructions, exercises, tips, and tools that enable you to set up a domain name, create an attractive layout for your pages, organize your content properly, ensure that your site functions well across different operating systems and on mobile devices, keep your site safe, and finally, let people know your site is online. We’ll even show you how to track your visitors.

Jun 8th 2026
3 Weeks
Programming HTML Javascript
Details
Introduction to HTML5 (Coursera) Coursera
University of Michigan

Introduction to HTML5 (Coursera)

CS: Programming

Thanks to a growing number of software programs, it seems as if anyone can make a webpage. But what if you actually want to understand how the page was created? There are great textbooks and online resources for learning web design, but most of those resources require some background knowledge. This course is designed to help the novice who wants to gain confidence and knowledge. We will explore the theory (what actually happens when you click on a link on a webpage?), the practical (what do I need to know to make my own page?), and the overlooked (I have a page, what do I do now?).

Jun 8th 2026
3 Weeks
Programming HTML HTML5
Details
Building Interactive Web Pages Using Modern JavaScript (Coursera) Coursera
NIIT StackRoute

Building Interactive Web Pages Using Modern JavaScript (Coursera)

CS: Software Engineering CS: Programming

Most businesses with a strong online presence wish to provide its consumers a rich interactive user experience. HTML5 and CSS3 frameworks help you build a static web page, that displays content and works on any device. However, to make a page interactive you need a programming language that can be understood by the browsers. JavaScript is one of the core technologies of the World Wide Web.

Jun 8th 2026
5-12 Weeks
Javascript JSON DOM
Details
JavaScript, jQuery, and JSON (Coursera) Coursera
University of Michigan

JavaScript, jQuery, and JSON (Coursera)

CS: Programming

In this course, we'll look at the JavaScript language, and how it supports the Object-Oriented pattern, with a focus on the unique aspect of how JavaScript approaches OO. We'll explore a brief introduction to the jQuery library, which is widely used to do in-browser manipulation of the Document Object Model (DOM) and event handling. You'll also learn more about JavaScript Object Notation (JSON), which is commonly used as a syntax to exchange data between code running on the server (i.e. in PHP) and code running in the browser (JavaScript/jQuery). It is assumed that learners have already taken the Building Web Applications and Building Database Applications in PHP courses in this specialization.

Jun 8th 2026
4 Weeks
Programming Javascript JSON
Details
Learn CSS Flexbox (Coursera) Coursera
Scrimba

Learn CSS Flexbox (Coursera)

CS: Software Engineering

Mastering CSS Flexbox: Unlock the Power of Flexible Web Layouts. Discover the indispensable art of CSS Flexbox and elevate your web development prowess to new heights. In this comprehensive course, you'll gain proficiency in harnessing the unparalleled capabilities of Flexbox, revolutionizing the way you construct websites.

Jun 8th 2026
1 Week
Programming CSS Web Design
Details
Computational Thinking with JavaScript 4: Create & Deploy (Coursera) Coursera
University of Glasgow

Computational Thinking with JavaScript 4: Create & Deploy (Coursera)

CS: Software Engineering

This is the fourth and final course in the Computational Thinking with JavaScript specialisation. It is an added-value unit and entirely builds on what you will have learned in the first three units and enables you to synthesise and develop that knowledge. The course supports you to develop your own larger application, using a combination of the technologies you have seen already, including HTML, JavaScript and various libraries, while also encouraging you to reach out to incorporate new libraries.

Jun 8th 2026
3 Weeks
Javascript Computational Thinking Coursera Plus
Details