Board infinity - Frontend Development using React
- Offered byCoursera
Frontend Development using React at Coursera Overview
Duration | 22 hours |
Start from | Start Now |
Total fee | Free |
Mode of learning | Online |
Difficulty level | Intermediate |
Official Website | Explore Free Course  |
Credential | Certificate |
Frontend Development using React at Coursera Highlights
- Flexible deadlines Reset deadlines in accordance to your schedule.
- Shareable Certificate Earn a Certificate upon completion
- 100% online Start instantly and learn at your own schedule.
- Course 2 of 3 in the .NET FullStack Developer Specialization
- Intermediate Level Familiarity with basic web development is required.
- Approx. 22 hours to complete
- English Subtitles: English
Frontend Development using React at Coursera Course details
- 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.
- 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.
Frontend Development using React at Coursera Curriculum
Introduction to HTML & CSS
Meet Your Instructor
What you will learn in this Lesson
Introduction to Web Development
What is HTML?
HTML Tag
Formatting HTML Tag
Forms and Input Tag
IFrame Tag
Images Tag
Audio Tag
Video Tag
List Tag
Table Tag
Semantic and Non- Semantic Tags
What you will learn in this Lesson
What is CSS?
CSS Syntax
CSS Simple Selector
CSS combinator selectors - Part 1
CSS combinator selectors - Part 2
What you will learn in this Lesson
Pseudo-class selectors - Part 1
Pseudo-class selectors - Part 2
Pseudo Elements Selectors
Attribute Selectors
CSS Fonts property
CSS Positions
CSS Float
CSS Display
CSS Units
What you will learn in this Lesson
CSS Colors
CSS Background Colors
CSS Box Model
CSS Box-Sizing
CSS Style Table
CSS Icon
CSS Display Grid - Part 1
CSS Display Grid - Part 2
CSS Navigation Bar
CSS Dropdowns
CSS Image Gallery and Sprites
CSS Styling Images & Image Reflections
CSS Forms
CSS Text Effects
CSS Object Fit & Position
Syllabus
Read more about HTML and Various Tags
Read more about Pseudo Class
Further Reads on CSS Design
Introduction to HTML - Practice Quiz 1
Introduction to HTML- Practice Quiz 2
CSS Basics- Practice Quiz
CSS Pseudo class selectors- Practice Quiz
CSS Design- Practice Quiz
HTML & CSS Graded Quiz
Introduction to JavaScript Programming
What you will learn in this Lesson
Introduction to JavaScript
Setting up your development environment
Writing your first JavaScript program
What you will learn in this Lesson
Understanding variables
Understanding data types
Using arithmetic and comparison operators
Arrays in Javascript
Working with strings
Working with string manipulation
Conditional statements (if/else, switch)
Looping structures (for, while)
Functions and scope
What you will learn in this Lesson
Understanding the Document Object Model (DOM)
Accessing DOM elements with JavaScript
Manipulating DOM elements with JavaScript
Modifying styles and attributes with JavaScript
Understanding events and event listeners
Responding to user input (clicks, key presses)
Creating interactive user interfaces with events
What you will learn in this Lesson
Creating and removing DOM elements with JavaScript
Using AJAX to load content dynamically
Handling errors and exceptions
Learn More about Javascript
Read More about Javascript components
Learn more about DOM
Further Readings on DOM & Ajax
Javascript - Practice Quiz
DOM - Practice Quiz
Javascript & DOM - Graded Quiz
React for Frontend development
What you will learn in this Lesson
Introduction to React
Virtual DOM in react.js
Setting up React.js
What you will learn in this Lesson
React Directory structure
JSX in React JS
React Components
React Props
React States
What you will learn in this Lesson
React useEffect Hook
Making API Calls with useEffect Hook
useContext Hook
React Redux
Application of React Redux
Read More about React
Further Reads on React
Learn more about Hooks and Redux
React Basics - Practice Quiz
React Intermediate - Practice Quiz
React - Graded Quiz
Frontend Development using React at Coursera Admission Process
Important Dates
Other courses offered by Coursera
Student Forum
Anything you would want to ask experts?