Beginner React (2019). Create a Movie Web App
4.7 (160 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
7,374 students enrolled

Beginner React (2019). Create a Movie Web App

A project oriented React course! Create an IMDB style real world Web Application in React js
4.7 (160 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
7,374 students enrolled
Created by Thomas Weibenfalk
Last updated 3/2019
English
Current price: $11.99 Original price: $34.99 Discount: 66% off
2 days left at this price!
30-Day Money-Back Guarantee
This course includes
  • 3.5 hours on-demand video
  • 1 downloadable resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to Udemy's top 3,000+ courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Build an entire real world Web App from start to finish
  • Use Create-React-App as a base

  • The basics of React ( reactjs )

  • State, Props and the flow between components
  • A lot of ES6 Syntax
  • Create and use React Components
  • Connect to an external API
  • Routing with React Router
  • Deploy the finished App
  • Use Local Storage to keep state
Course content
Expand all 19 lectures 03:30:46
+ Introduction
2 lectures 11:33

The starter files needed for the course is in the below file. Download it and navigate to the "React RMDB - Start Here" folder.

Preview 05:06
Web App structure and components
06:27
+ The Home page - part 2
3 lectures 48:48
Using Fetch to get API data
15:06
HeroImage and the SearchBar with talk about Controlled Components
17:56
Finishing the Components for the Home Page
15:46
+ React Router
1 lecture 13:54
React Router, Links and short on Fragments
13:54
+ The Movie Page
4 lectures 49:18
Scaffolding out the components for the movie page
10:35
Fetching the API data for the Movie page
12:41
Finishing the components for the Movie page - part 1
11:34
Finishing the components for the Movie page - part 2
14:28
+ Local Storage
1 lecture 08:14
Keeping state with Local Storage
08:14
+ Production Build for deploy
1 lecture 03:30
Create a production build for deployment
03:30
Requirements
  • Basic coding principles
  • Javascript fundamentals
  • HTML and CSS (CSS not that important)
Description

UPDATED dec 2018.

Are you a developer and a beginner at React? Do you want to learn React.js fundamentals in a real world project oriented course? Do you like quick learning and straight down to the point?
Then this is the course for you!

Guaranteed no "foo" and "bar" ... and no "to-do-list" app ;)

There's many great React.js courses out there but they're very huge and A LOT to grasp for beginners. My teaching style and belief is that you learn more by creating many smaller projects than one overwhelming 25 + hours course that tries to show you everything and don't focus on the fundamentals that much. So this is a 3 hour(ish) course where You'll learn how to create a Movie App from scratch based on The Movie DB API.

Some reviews are saying: 

"One of the best project oriented courses on Udemy very recommended"

"The instructor was very creative in figuring out a nice illustrative use case for the Movie DB API."

"A perfect course and a great project with the best explanation possible, I recommend it to everyone that wants to understand the logic of React and how it works."

What will we do in the course?


We'll build a light version of an IMDB style React DB Web Application and dive straight into creating our app and gradually learn more until we reach the finish.

My main goal with this course is to mix fun with teaching. There's many tutorials and courses out there that are great but too complex and focus on a lot at the same time. I'm a great movie lover myself so therefore I thought it would be fun to create a web application based on movie data for this course. Hope you enjoy it too!

Please make sure to download the STARTER FILES from the resources!

PLEASE NOTE! We're using a free API key from The Movie Database in this course. This is a great API with a lot of information about Movies and TV Series. Please note that I can not guarantee that the API key i have provided for the course will work forever. Therefore I will not take responsibility for this. I strongly recommend you to get your own free API key from The Movie Database. Just register for a free account at The Movie Database and go to your account setting area and select API in the menu. There you can register for your own free API key.

In this course you'll learn:


- React Fundamentals

- Components, props and state

- JSX syntax and expressions

- Fetching data from an external API

- Lifecycle Methods

- Use Create-React-App

- Deploy the finished App

- ES6+ concepts and syntax

- Use Local Storage to keep state

- BONUS: Destructuring state and props with ES6

Who this course is for:
  • Coders who want to learn React