Learn React.js from the ground up with fundamentals to more intermediate and advanced topics by building a real app. The course covers React, JSX, Styled Components, React Router, State and Props, Context, CSS, API handling, Hooks, Typescript, persisting state in SessionStorage, deploying to Netlify, and more. The teaching method includes video lectures and hands-on coding sessions. This course is intended for beginners who want to learn React.js and web development.
Overview
Syllabus
) Introduction.
) The App.
) The Movie DB - API Key.
) What is React? .
) Starter Files.
) Quick about tooling.
) Bootstrap with CRA.
) Install dependencies.
) Copy fils from starter files.
) Setup API Key and walkthrough of API files.
) React without JSX.
) Short about JSX .
) Crash course in Props and State.
) Short about Styled Components.
) Global Styles.
) Header Component.
) Header Component - Styles.
) Home Component - Scaffold.
) Short about built-in hooks in React.
) Fetch data from the API for Home Page.
) Custom hook for Home Page.
) HeroImage Component.
) HeroImage Component - Styles.
) Grid Component.
) Grid Component - Styles.
) Thumb Component.
) Thumb Component - Styles.
) Spinner Component.
) SearchBar Component.
) SearchBar Component - Styles.
) SearchBar Component - Logic.
) Button Component.
) Button Component - Styles.
) Button Component - Logic.
) Short about React Router.
) Routing with React Router.
) Movie Component - Scaffold.
) Fetch movie data from the API.
) BreadCrumb Component.
) BreadCrumb Component - Styles.
) MovieInfo Component.
) MovieInfo Component - Styles.
) MovieInfoBar Component.
) MovieInfoBar Component - Styles.
) Actor Component.
) Actor Component - Styles.
) Short about PropTypes.
) Validate Props with PropTypes.
) Short about SessionStorage.
) SessionStorage - Home.
) SessionStorage - Movie.
) Build and prepare for Netlify.
) Netlify drag and drop and Netlify CLI.
) Netlify Continous Deployment.
) Bonus - Classes - SearchBar Component.
) Bonus - Classes - Home Component.
) Bonus - Classes - Movie Component.
) Bonus - Typescript - Introduction.
) Bonus - Typescript - Bootstrap project and copy files.
) Bonus - Typescript - Refactor base files.
) Bonus - Typescript - Refactor Home and Components.
) Bonus - Typescript - Refactor Movie and Components.
) Bonus - Login - Short about TMDB login and rating system.
) Bonus - Login - Global Context.
) Bonus - Login - Login Component.
) Bonus - Login - Login Component - Styles.
) Bonus - Login - Login from Header.
) Bonus - Login - Rate Component.
) Bonus - Login - Rating from MovieInfo.
Taught by
freeCodeCamp.org
Related Courses
Related articles
Reviews
5.0 rating, based on 1 Class Central review
-
Manoj KumarThe react js course is very good I liked this course and I gained knowledge and enjoy a lot and last this is demanding skills and helpful for me in upcoming carrier
