React.js - Create a Movie App
Learn React.js in a fun and projected oriented way
Are you a an aspiring React.js developer or know some React stuff already? 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 ;)
Checkout the App live here: https://weibenrmdb.netlify.com/
There's many great React.js courses out there but they're very huge and A LOT to grasp. 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. This is a course where You'll learn how to create a Movie App from scratch based on The Movie DB API.
Some reviews are saying:
"Great React Course.. I could've saved $10,000 in Coding bootcamp if i had just taken this course first..!"
"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!
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. 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
- React Hooks API with functional components
- As a bonus also learn how to create the app with "classic" Class Components
- Components, props and state
- JSX syntax and expressions
- Fetching data from an external API
- Use Create-React-App
- Deploy the finished App
- ES6+ concepts and syntax
- Use Local Storage and Session Storage to keep state
- And a lot more ...
StartJSX and React Components (12:31)
PreviewScaffolding Home Page (13:00)
StartCrash course in Props and State (13:21)
StartFetching data from TMDB API to Home Component (25:17)
PreviewStyled Components 1 - Header (17:01)
StartStyled Components 2 - Hero Image and props (19:17)
StartStyled Components 3 - Global Styling (7:04)
StartGrid and MovieThumb (18:52)
StartLoad More (13:08)
StartSearchBar - Controlled components (20:31)
Thomas is a multitalented digital native from Sweden. He has been developing webpages and web applications ever since Internet first became a phenomenon. He's been employed in several business areas such as Fintech and Advertising in different roles. Today he is a freelancer and work in both coding and design projects as he's also a skilled designer. His code and design experience range back to the C64 and Amiga era as he grew up by a computer since he was only seven years old. As he is a fullstack developer he mostly enjoys doing Front End code because it's the bridge between design and technology.