Course 2 of 3 .NET FullStack Developer Specialization

Frontend Development using React

Board InfinityIntermediate levelShareable certificate

Start with HTML and CSS, move through JavaScript, the DOM and AJAX, then build with React - components, props, state, hooks, useContext and React Redux - ending with a responsive React web application.

Enroll on Coursera
2 weeks to complete · 10 hours a week 3 modules · 15 assignments Flexible schedule
Want a mentor alongside the course? See 1:1 coaching - a separate Board Infinity offering.
The build order
01HTML + CSSSemantic tags, Grid, navigation
02JavaScriptDOM, events, AJAX
03React componentsJSX, props, state
04Hooks / ContextuseEffect, useContext
05React ReduxuseSelector, useDispatch
06API-powered UIAPI calls with useEffect

Enrollment

Frontend Development using React

By Board Infinity · Offered on Coursera

Course 2 of 3Intermediate levelFlexible schedule
  • 88 videos · 12 readings · 15 assignments
  • 2 ungraded labs · 2 discussion prompts · 1 plugin
  • Final assignment - build a responsive web application using React
  • Shareable certificate - add it to LinkedIn
Enroll on Coursera

Hands-on practice

2 ungraded labs, plus a final React assignment

Shareable certificate

Add it to your LinkedIn profile, resume or CV

Graded, not just watched

15 assignments across the three modules

Course highlights

As listed on the Coursera course page

IntermediateLevel
2 weeksTo complete
10 hours/weekSuggested pace
3 modules88 videos · 12 readings
15 assignmentsPractice and graded quizzes
6 languagesAvailable, per course details
Flexible scheduleLearn at your own pace
CertificateShareable on LinkedIn

Language options are shown in more than one place on the Coursera page and can vary by region and viewer; the course details list 6 languages available. Check the Coursera course page for current language and audio options.

01 About the course

From your first HTML tag to a React application.

One frontend progression across three modules: structured, responsive web pages first, dynamic JavaScript next, then React - ending with a capstone React application.

HTML CSS JavaScript DOM & AJAX React Hooks Context React Redux API integration Capstone React app

  1. HTML

    Semantic tags, forms, tables, images, audio, video and IFrames

    Module 1

  2. CSS

    Selectors, pseudo-classes, the box model, CSS Grid, navigation bars and dropdowns

    Module 1

  3. JavaScript

    Variables, data types, operators, arrays, strings, loops and functions

    Module 2

  4. DOM & AJAX

    DOM manipulation, event listeners, AJAX and exception handling

    Module 2

  5. React

    JSX, components, props, state, useEffect and useContext

    Module 3

  6. React Redux

    Global state with useSelector and useDispatch, then the final assignment

    Module 3

Frontend Development using React begins with structured, responsive web pages: semantic HTML, forms, tables and media, then modern CSS - selectors, pseudo-elements, the box model, CSS Grid, navigation bars and dropdowns.

Next come dynamic JavaScript applications - DOM manipulation, event handling, AJAX, the fetch API and exception handling - before React: components, props, state, hooks, useContext and React Redux, with API calls made through useEffect.

Every module pairs short video lessons with readings and quizzes: 88 videos, 12 readings and 15 assignments, plus 2 ungraded labs, 2 discussion prompts and a plugin.

Inside the course
01Introduction to HTML & CSS10 hours 02Introduction to JavaScript Programming7 hours 03React for Frontend development6 hours
02 Who it's for

Open to beginners and intermediate developers.

The Coursera course FAQ says no prior React, JavaScript, or HTML experience is required, and names these learners.

Beginners

Beginners exploring frontend development

Module 1 starts from HTML and CSS foundations.

Developers

JavaScript developers adding React

Moving from JavaScript and the DOM to React components, hooks and Redux.

Switchers

Java or Python developers adding frontend skills

Adding HTML, CSS, JavaScript and React to a backend background.

Students

Computer science students

Building frontend skills through a structured online course.

Enthusiasts

Web development enthusiasts

If you can use a browser and are curious about how websites work, the FAQ says you are ready to start.

03 What you'll learn

Four outcomes, in the order they build.

The learning outcomes exactly as Coursera lists them for this course.

Module 1 01

Build structured, responsive web pages using HTML5, CSS Grid, Flexbox, CSS selectors, navigation bars, and modern UI design

Module 2 02

Create dynamic JavaScript applications using DOM manipulation, event listeners, AJAX, and the fetch API for real-time content

Module 3 03

Develop React JS applications using components, props, useState, useEffect, useContext, and React Redux state management

Module 3 04

Apply react js course skills end-to-end in a capstone React app with API integration, hooks, and production-ready UI design

1:1 coaching · separate offering

Learn React with someone in your corner.

Board Infinity also runs 1:1 coaching - a separate, optional Board Infinity offering that you can take alongside the course.

Explore 1:1 coaching

Coaching is not part of, or included with, the Coursera course. Details, format and pricing are on the Board Infinity coaching page.

Bring your questions

Talk through the HTML, CSS, JavaScript and React topics from the course with a coach.

Discuss your own code

Go over the pages, components and applications you build.

Plan what comes next

Map the rest of the specialization against your goals.

Separate from Coursera

Enrolling in the course does not include coaching, and coaching is not required.

04 Syllabus

Three modules, every lesson listed.

2 weeks to complete at 10 hours a week, fully self-paced. Lesson titles and durations are shown exactly as they appear on Coursera.

88 videos 12 readings 15 assignments 2 ungraded labs · 2 discussion prompts · 1 plugin

What's included
  • 46 videos
  • 4 readings
  • 5 assignments
  • 1 discussion prompt
  • 1 ungraded lab
  • 1 plugin
Topics covered
HTML tagsForms & tablesImages, audio & videoSemantic tagsCSS selectorsPseudo-classes & elementsBox modelCSS GridNavigation bars & dropdowns
46 videosTotal 258 minutes
  1. Meet Your Instructor1 minute
  2. What you will learn in this Lesson1 minute
  3. Introduction to Web Development5 minutes
  4. What is HTML?5 minutes
  5. HTML Tag5 minutes
  6. Formatting HTML Tag10 minutes
  7. Forms and Input Tag13 minutes
  8. IFrame Tag5 minutes
  9. Images Tag4 minutes
  10. Audio Tag5 minutes
  11. Video Tag5 minutes
  12. List Tag4 minutes
  13. Table Tag8 minutes
  14. Semantic and Non- Semantic Tags4 minutes
  15. What you will learn in this Lesson1 minute
  16. What is CSS?3 minutes
  17. CSS Syntax4 minutes
  18. CSS Simple Selector6 minutes
  19. CSS combinator selectors - Part 15 minutes
  20. CSS combinator selectors - Part 25 minutes
  21. What you will learn in this Lesson1 minute
  22. Pseudo-class selectors - Part 16 minutes
  23. Pseudo-class selectors - Part 26 minutes
  24. Pseudo Elements Selectors8 minutes
  25. Attribute Selectors6 minutes
  26. CSS Fonts property5 minutes
  27. CSS Positions8 minutes
  28. CSS Float4 minutes
  29. CSS Display4 minutes
  30. CSS Units7 minutes
  31. What you will learn in this Lesson1 minute
  32. CSS Colors5 minutes
  33. CSS Background Colors4 minutes
  34. CSS Box Model9 minutes
  35. CSS Box-Sizing5 minutes
  36. CSS Style Table6 minutes
  37. CSS Icon4 minutes
  38. CSS Display Grid - Part 19 minutes
  39. CSS Display Grid - Part 210 minutes
  40. CSS Navigation Bar8 minutes
  41. CSS Dropdowns7 minutes
  42. CSS Image Gallery and Sprites8 minutes
  43. CSS Styling Images & Image Reflections7 minutes
  44. CSS Forms7 minutes
  45. CSS Text Effects7 minutes
  46. CSS Object Fit & Position4 minutes
4 readingsTotal 100 minutes
  1. Read more about HTML and Various Tags30 minutes
  2. Read more about Pseudo Class30 minutes
  3. Further Reads on CSS Design30 minutes
  4. Tell us what you think!10 minutes
5 assignmentsTotal 120 minutes
  1. Introduction to HTML- Practice Quiz15 minutes
  2. CSS Basics- Practice Quiz15 minutes
  3. CSS Pseudo class selectors- Practice Quiz15 minutes
  4. CSS Design- Practice Quiz15 minutes
  5. HTML & CSS Graded Quiz60 minutes
1 discussion promptTotal 10 minutes
  1. What Makes a Frontend Feel “Well Built”?10 minutes
1 ungraded labTotal 60 minutes
  1. Ungraded Lab : Building and Styling a Web Page with HTML and CSS60 minutes
1 pluginTotal 15 minutes
  1. Quick Course Check-In15 minutes
Module details from Coursera

Build complete, professionally styled web pages from scratch using HTML and advanced CSS techniques. You will master semantic HTML tags, forms, tables, media elements, and IFrames, then apply CSS selectors, pseudo-classes, pseudo-elements, the box model, CSS Grid, navigation bars, dropdowns, responsive units, and image galleries - covering every react front end developer foundational skill required before JavaScript and React.

What's included
  • 26 videos
  • 4 readings
  • 5 assignments
  • 1 ungraded lab
Topics covered
Variables & data typesOperatorsArrays & stringsConditionals & loopsFunctions & scopeThe DOMEvents & event listenersAJAXErrors & exceptions
26 videosTotal 138 minutes
  1. What you will learn in this Lesson1 minute
  2. Introduction to JavaScript6 minutes
  3. Setting up your development environment3 minutes
  4. Writing your first JavaScript program5 minutes
  5. What you will learn in this Lesson1 minute
  6. Understanding variables7 minutes
  7. Understanding data types9 minutes
  8. Using arithmetic and comparison operators9 minutes
  9. Arrays in Javascript6 minutes
  10. Working with strings6 minutes
  11. Working with string manipulation7 minutes
  12. Conditional statements (if/else, switch)6 minutes
  13. Looping structures (for, while)7 minutes
  14. Functions and scope7 minutes
  15. What you will learn in this Lesson1 minute
  16. Understanding the Document Object Model (DOM)4 minutes
  17. Accessing DOM elements with JavaScript7 minutes
  18. Manipulating DOM elements with JavaScript7 minutes
  19. Modifying styles and attributes with JavaScript6 minutes
  20. Understanding events and event listeners4 minutes
  21. Responding to user input (clicks, key presses)6 minutes
  22. Creating interactive user interfaces with events5 minutes
  23. What you will learn in this Lesson0 minutes
  24. Creating and removing DOM elements with JavaScript7 minutes
  25. Using AJAX to load content dynamically7 minutes
  26. Handling errors and exceptions6 minutes
4 readingsTotal 120 minutes
  1. Learn More about Javascript30 minutes
  2. Read More about Javascript components30 minutes
  3. Learn more about DOM30 minutes
  4. Further Readings on DOM & Ajax30 minutes
5 assignmentsTotal 120 minutes
  1. JavaScript Practice quiz15 minutes
  2. Variables, Data Types, and Operators - Practice Quiz15 minutes
  3. DOM - Practice Quiz15 minutes
  4. Advanced DOM Manipulation practice quiz15 minutes
  5. Javascript & DOM - Graded Quiz60 minutes
1 ungraded labTotal 60 minutes
  1. Ungraded Lab : Manipulating Web Pages with JavaScript60 minutes
Module details from Coursera

Master JavaScript programming and build dynamic, interactive web applications using DOM manipulation, event handling, and async data loading. You will write JavaScript programs using variables, arrays, strings, functions, and control flow, then manipulate the Document Object Model to update page content in real time, handle user events, load data with the fetch API and AJAX, and handle exceptions - the full JavaScript skill set that underpins React JS development.

What's included
  • 16 videos
  • 4 readings
  • 5 assignments
  • 1 discussion prompt
Topics covered
Virtual DOMSetting up ReactJSXComponentsPropsStateuseEffect & API callsuseContextReact ReduxFinal assignment
16 videosTotal 83 minutes
  1. What you will learn in this Lesson0 minutes
  2. Introduction to React4 minutes
  3. Virtual DOM in react.js4 minutes
  4. Setting up React.js5 minutes
  5. What you will learn in this Lesson1 minute
  6. React Directory structure5 minutes
  7. JSX in React JS6 minutes
  8. React Components7 minutes
  9. React Props6 minutes
  10. React States8 minutes
  11. What you will learn in this Lesson1 minute
  12. React useEffect Hook10 minutes
  13. Making API Calls with useEffect Hook7 minutes
  14. useContext Hook8 minutes
  15. React Redux5 minutes
  16. Application of React Redux5 minutes
4 readingsTotal 100 minutes
  1. Read More about React30 minutes
  2. Further Reads on React30 minutes
  3. Learn more about Hooks and Redux30 minutes
  4. Provide your feedback!10 minutes
5 assignmentsTotal 165 minutes
  1. React Basics - Practice Quiz15 minutes
  2. React Intermediate - Practice Quiz15 minutes
  3. React Hooks & Redux practice quiz15 minutes
  4. React - Graded Quiz60 minutes
  5. Final Assignment - Build a Responsive Web Application using React60 minutes
1 discussion promptTotal 10 minutes
  1. Before Module 3: How Do You Feel About React?10 minutes
Module details from Coursera

Develop scalable, production-ready React JS applications using the complete React ecosystem. You will set up create-react-app, work with JSX, build function components with props, manage state using useState, handle side effects with useEffect and API calls, solve prop drilling with useContext, implement global state management with React Redux using useSelector and useDispatch, and build a peer-reviewed capstone React application demonstrating mastery of the full react js course curriculum.

Source: the Coursera course page. Lesson names and durations are reproduced as published there; module totals are Coursera's own.

05 Tools & skills

The tools you work in, and the skills you leave with.

The Coursera FAQ says the course includes a step-by-step development environment setup lesson, so you can configure everything from scratch.

Skills you'll gain Coursera listing

Exactly as the Coursera course page lists them.

React.jsWeb Design and DevelopmentDevelopment EnvironmentHTML and CSSUser Interface (UI)Web DevelopmentJavascriptFront-End Web Development

Tools you'll learn Coursera listing

Exactly as the Coursera course page lists them.

JavaScript FrameworksHypertext Markup Language (HTML)Web ApplicationsWeb Development ToolsCascading Style Sheets (CSS)React ReduxUI Components
Development environment

The tools named in the course FAQ - your working environment, rather than skills in themselves.

Editor

VS Code

The code editor named in the FAQ, described there as free.

Course FAQ
Browser

Browser DevTools

A modern web browser with DevTools, for viewing and inspecting your pages.

Course FAQ
Runtime

Node.js & npm

The JavaScript runtime and package manager listed in the FAQ.

Course FAQ
Scaffold

create-react-app

Used to set up React projects in Module 3.

Setting up React.js · Module 3
What the course covers

Grouped the way the three modules progress.

Core technologies Modules 1-3

HTML5CSSJavaScriptReact JSReact Redux

React concepts Module 3

ComponentsJSXPropsStateuseStateuseEffectuseContext

State & data Modules 2-3

React ReduxuseSelectoruseDispatchAJAXfetch APIAPI integration
Shareable certificate

A credential you can share.

Complete the course and earn a shareable certificate from Board Infinity, issued on Coursera.

Coursera states the certificate is awarded after completing all required assessments under an active subscription. It is a Coursera course certificate - not an official React, Meta or Microsoft certification, a university credential or a professional license.

LinkedIn

Add this credential to your LinkedIn profile.

Resume / CV

Add it to your resume or CV.

Social media

Share it on social media.

Performance review

Share it in your performance review.

06 Career impact

Skills behind React and frontend roles.

The course FAQ discusses these roles. They are career areas the course helps you explore - not outcomes it promises.

Roles the course discusses

React JS Developer

Components, props, state, useEffect, useContext and React Redux from Module 3.

Frontend Developer

The full path the course covers: HTML and CSS, JavaScript and the DOM, then React.

UI Developer

CSS layout, navigation bars, dropdowns, forms and image styling from Module 1.

JavaScript Developer

JavaScript fundamentals, DOM manipulation, events and AJAX from Module 2.

Full Stack Developer

The frontend half of the .NET FullStack Developer Specialization, which continues with backend development.

Keep going

Course 3 of the specialization adds backend development for .NET Full Stack.

Completing the course does not guarantee a job, interview, placement or salary. It builds skills that are relevant to these areas.

The honest comparison

React is widely taught. So what does a course add?

Documentation, books, videos, freeCodeCamp and other courses all teach frontend development well. What this course offers is one structured route through the material, with checks along the way and a certificate at the end.

What you get
This course
Assembling your own path
Structured progressionHTML → CSS → JavaScript → React
3 modules in a set order
Your own pathYou decide the order yourself
Graded assessmentsPractice and graded quizzes
15 assignments across the modules
Your own pathYou set your own checks
Hands-on labsHTML/CSS and JavaScript
2 ungraded labs, 60 minutes each
Your own pathYou set up your own exercises
Hooks, Context & ReduxIn one module
useEffect, useContext and React Redux in Module 3
Your own pathYou piece them together
Capstone projectWith API integration
Build a Responsive Web Application using React
Your own pathYou choose and scope a project
Shareable certificateFor LinkedIn and your CV
Issued on Coursera by Board Infinity
Your own pathDepends on the resource
07 Where to go next

Course 2 of 3 in the .NET FullStack Developer Specialization.

The specialization moves from a foundation in .NET and C#, to dynamic front-end apps with React, to back-end development with ASP.NET.

Course 1

.Net Full Stack Foundation

The foundation in .NET and C# that the specialization starts from.

17 hours, per the specialization page
View on Coursera
You are here Course 2

Frontend Development using React

HTML and CSS, JavaScript and the DOM, then React components, hooks, context and React Redux.

23 hours, per the specialization page
View on Coursera
Course 3

Backend Development for .Net Full Stack

Back-end development with ASP.NET Core, MVC and Web API.

16 hours, per the specialization page
View on Coursera

Course hours here come from the specialization page and are listed differently from this course page's own "2 weeks at 10 hours a week". Completing this course on its own does not complete the specialization - that requires all three courses. See the specialization.

Know exactly what you're signing up for.

3 modules · 88 videos · 12 readings · 15 assignments · free PDF

08 FAQ

Common questions

Answered from the Coursera course page.

Before you start

The Coursera FAQ describes the course as open to complete beginners and intermediate developers alike - no prior React, JavaScript, or HTML experience is required. It names computer science students, web development enthusiasts, and Java or Python developers adding frontend skills. The course page lists the level as Intermediate.

No. React is introduced in Module 3, which opens with Introduction to React, Virtual DOM in react.js and Setting up React.js.

No. Module 2 covers JavaScript programming fundamentals - from Introduction to JavaScript and Writing your first JavaScript program through variables, data types, operators, arrays, strings, conditionals, loops and functions - before React in Module 3.

No. According to the Coursera FAQ, Module 1 teaches complete HTML and CSS foundations from scratch.

The Coursera FAQ lists VS Code (free), a modern web browser with DevTools, Node.js, npm, and create-react-app, and says the course includes a step-by-step development environment setup lesson. Module 2 includes Setting up your development environment and Module 3 includes Setting up React.js.

The Coursera course page lists 2 weeks to complete at 10 hours a week, and the three modules are listed at 10, 7 and 6 hours to complete. The course FAQ gives a separate estimate - approximately 20 hours total, designed for 3 weeks of study at 5-6 hours per week. Because these figures differ, check the Coursera page for the current listing.

Yes. The course has a flexible schedule. The Coursera FAQ describes it as fully self-paced, with no fixed live sessions or deadlines.

What you'll learn

HTML5 and CSS (semantic tags, forms, tables, media, selectors, the box model, CSS Grid, navigation bars and dropdowns); JavaScript programming, DOM manipulation, event listeners and AJAX; and React JS - JSX, components, props, state, useEffect, useContext and React Redux - ending with a final assignment to build a responsive web application using React.

Yes. Module 1, Introduction to HTML & CSS, has 46 videos covering HTML tags, forms, IFrames, images, audio, video, lists, tables and semantic tags, then CSS selectors, pseudo-classes, pseudo-elements, positions, units, the box model, CSS Grid, navigation bars, dropdowns, image galleries and forms.

Yes. Module 2, Introduction to JavaScript Programming, has 26 videos on JavaScript fundamentals, the Document Object Model, events and event listeners, AJAX, and handling errors and exceptions.

Yes. Module 3 includes React useEffect Hook, Making API Calls with useEffect Hook and useContext Hook, alongside React States. The module description also covers managing state using useState.

Yes. Module 3 includes the lessons React Redux and Application of React Redux, and the module description covers global state management with React Redux using useSelector and useDispatch.

Yes. Module 3 ends with the assignment "Final Assignment - Build a Responsive Web Application using React" (60 minutes). The module description refers to it as a peer-reviewed capstone React application.

Yes. Module 2 covers Using AJAX to load content dynamically, and Module 3 covers Making API Calls with useEffect Hook. The fourth learning outcome refers to a capstone React app with API integration.

Certificate & next steps

Yes. The course offers a shareable certificate from Board Infinity on Coursera, awarded after completing all required assessments under an active subscription. You can add it to your LinkedIn profile, resume or CV, and share it on social media and in your performance review. It is a Coursera course certificate - not an official React, Meta or Microsoft certification.

This is Course 2 of 3 in the .NET FullStack Developer Specialization. Course 1 is .Net Full Stack Foundation and Course 3 is Backend Development for .Net Full Stack. Completing this course on its own does not complete the specialization.

Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.

Want a coach alongside the course?

Board Infinity 1:1 coaching is a separate, optional offering - it is not part of the Coursera course.

See 1:1 coaching

Start building with React.

Enrollment, lessons, grading and the certificate all happen on Coursera.

Intermediate level2 weeks · 10 hours a week3 modulesShareable certificate
Enroll on Coursera
Frontend Development using React Enroll on Coursera
Your syllabus is downloading. Download again