Introduction to Front-end Development with ReactJS

4.4
stars
139 ratings
Offered By
Coursera Project Network
8,270 already enrolled
In this Free Guided Project, you will:

Learn about the basics and theory of React

Create a small app by creating components, managing state and using React Router with React

Build and deploy a React app to the internet

Showcase this hands-on experience in an interview

Clock2 hours
IntermediateIntermediate
CloudNo download needed
VideoSplit-screen video
Comment DotsEnglish
LaptopDesktop only

In this 1-hour long project-based course, you will learn about React Basics & Theory, Initialization, React Router, Components, Hooks, State, and deployment with Netlify. You should know basic HTML & CSS before beginning this project. For development, your cloud desktop will come installed with Visual Studio Code. Note: This course works best for learners who are based in the North America region. We’re currently working on providing the same experience in other regions.

Requirements

Some familiarity with programming would be useful, but not required.

Skills you will develop

Front-end DevelopmentWeb Development

Learn step-by-step

In a video that plays in a split-screen with your work area, your instructor will walk you through these steps:

  1. Introduction to ReactJS

  2. State, Props and React Components

  3. Initialize with Webpack and Babel

  4. Setting up our React App

  5. Initializing with create-react-app

  6. Simple routing with React Router

  7. Form Handling & useState Hook

  8. The useEffect Hook & Conditional Rendering

  9. Creating React components and State management

  10. Deploying our React app to Netlify

How Guided Projects work

Your workspace is a cloud desktop right in your browser, no download required

In a split-screen video, your instructor guides you step-by-step

Reviews

TOP REVIEWS FROM INTRODUCTION TO FRONT-END DEVELOPMENT WITH REACTJS

View all reviews

Frequently asked questions

Frequently Asked Questions

More questions? Visit the Learner Help Center.