YoVDO

Learn React JS - Full Course for Beginners - Tutorial 2019

Offered By: freeCodeCamp

Tags

React Courses Web Development Courses Event Handling Courses Functional Components Courses JSX Courses

Course Description

Overview

Dive into a comprehensive 5-hour course on React.js, designed for beginners looking to master this powerful JavaScript library for building dynamic web applications. Learn everything from the basics to advanced concepts, including ReactDOM, JSX, functional components, props, state management, lifecycle methods, and more. Follow along as you build a Todo app and a Meme Generator capstone project, gaining hands-on experience with real-world applications. Explore topics such as conditional rendering, handling events, fetching data from APIs, and working with forms. By the end of this tutorial, you'll have the skills and knowledge needed to create your own React applications and tackle more complex projects.

Syllabus

) Course Introduction & Philosophy.
) What we'll be building.
) Why React?.
) ReactDOM & JSX.
) ReactDOM & JSX Practice.
) Functional Components.
) Functional Components Practice.
) Move Components into Separate Files.
) Parent/Child Components.
) Parent/Child Component Practice.
) Todo App - Phase 1.
) Styling React with CSS Classes.
) Some Caveats.
) JSX to JavaScript and Back.
) Inline Styles with the Style Property.
) Todo App - Phase 2.
) Props Part 1 - Understanding the Concept.
) Props Part 2 - Reusable Components.
) Props in React.
) Props and Styling Practice.
) Mapping Components.
) Mapping Components Practice.
) Todo App - Phase 3.
) Class-based Components.
) Class-based Components Practice.
) State.
) State Practice.
) State Practice 2.
) Todo App - Phase 4.
) Handling Events in React.
) Todo App - Phase 5.
) Changing State.
) Todo App - Phase 6.
) Lifecycle Methods Part 1.
) Lifecycle Methods Part 2.
) Conditional Rendering.
) Conditional Rendering Part 2.
) Conditional rendering Practice.
) Todo App - Phase 7.
) Fetching data from an API.
) Forms Part 1.
) Forms Part 2.
) Forms Practice.
) Container/Component Architecture.
) Meme Generator Capstone Project.
) Writing Modern React Apps.
) Project Ideas for Practicing.
) Conclusion.


Taught by

freeCodeCamp.org

Related Courses

Software as a Service
University of California, Berkeley via Coursera
Intro to Computer Science
University of Virginia via Udacity
Web Development
Udacity
Software Engineering for SaaS
University of California, Berkeley via Coursera
CS50's Introduction to Computer Science
Harvard University via edX