8.2 C
New York
Friday, April 10, 2020
Home Development The React practice course, learn by building projects

The React practice course, learn by building projects

Created by Coding Revolution

What you’ll learn

  • Gain more knowledge to build better or more complex websites.

Expand all 218 lectures 43:43:49

Requirements

  • A little bit of ES5 and ES6.

Description

Do you want to practice your React coding or just to learn it by creating webpages ?. This is the course for you.

Because sometimes the best way to learn its by practicing and because most of the courses teach you the just the basics and give you a todo app, I wanted to create something different. We will create Three real life projects,  so we can practice our react coding in a more real environment.

If you don’t know much of React, no worries. We will start simple with a static landing page , then we will go to a much more compete project with authentication and DB and last but not least we will create am e-commerce style project with user cart, PayPal, not only that we will create our own server to handle all the requests.

If you know nothing about React, don’t worry, I added a bonus section with a tiny React course so you can understand the basics and how react works. So you can start from there and then go to the practice projects.

To sum everything up, this what we will be creating in this course:

Project one ”The venue”:

  • How to create a project with React CLI
  • Creation of components
  • Using third party libraries
  • Creating transitions on reveal and carrousel.
  • Using parts of Material UI to make our app better.
  • Deployment of a static webpages to SURGE.

Project two “M City”:

  • Creating of routes to navigate our project
  • More complex animations and transitions
  • Rendering components using data from a server
  • We will use authentication and create an Admin endpoint
  • Firebase uploads and storage
  • Add a database on a server to work with
  • Deployment of the project to Firebase

Project three “Waves”:

  • E-Commerce style application
  • Creation of dynamic routes
  • Using REDUX as store.
  • Authentication, user dashboard and admin dashboard
  • Create a server with Node JS and express
  • Add database to our Project with Mongo DB
  • Creating different routes to process the requests
  • Add cart items to user account
  • Complete checkout with Paypal
  • Deployment to Heroku

And as a bonus just like tiny React course, you will get additional React components to the projects.

Who is the target audience?

  • From beginners to intermediate.

Size: 24.75G

Friendly Websites

Related Posts

LEAVE A REPLY

Please enter your comment!
Please enter your name here

- Advertisment -

Most Popular

SQL – MySQL for Data Analytics and Business Intelligence

- SQL- MySQL for Data Analytics and Business IntelligenceSQL that will get you hired – SQL for Business Analysis, Marketing, and Data Management Bestseller –...

Facebook Ads & Facebook Marketing MASTERY 2018 | Coursenvy ™ Download

4.5 (11,836 ratings)78,082 students enrolledCreated by COURSE ENVYLast updated 10/2018 English – English , Italian Portuguese Spanish What you’ll learn• Connect with new audiences...

Data Structures and Algorithms Through Python In Depth

4.2 (92 ratings) 519 students enrolled Created by Deepali Srivastava Last updated 7/2018English What you’ll learn Over 100 Quiz questions Knowledge of basic Data Structures and various sorting...

Flutter & Dart – The Complete Flutter App Development Course

4.5 (1,454 ratings)6,777  students enrolled Created by Paulo Dichone, Build Apps With Paulo by Paulo DichoneLast updated 11/2018 EnglishEnglish , Portuguese What you’ll learn Be ABLE to...

Python Kivy The Full Guide

Python Kivy The Full Guide 3.4 (308 ratings)2,712 students enrolled Created by Mahmoud Raouf Last updated 10/2018English What you’ll learn Learn How To Build A Powerful Android...

The React practice course, learn by building projects

The React practice course, learn by building projects Created by Coding Revolution What you’ll learn Gain more knowledge to build better or more complex websites. Expand all...

Complete WordPress Development Themes and Plugins Course

Complete WordPress Development Themes and Plugins Course What you’ll learn PHP for WordPress – The Loop, Conditionals, Hooks and More! How to Work with Child and...

Complete C# Unity Developer 2D – Learn to Code Making Games

Description September 2018 – We have completely updated the first 6 projects to Unity 2018! The following 4 projects are in the process of being...

Complete C# Unity Developer 3D – Learn to Code Making Games

Description This is the long-awaited sequel to the Complete Unity Developer – one of the most popular e-learning courses on the internet! Completely re-worked from scratch with brand-new...

Angular 7 (formerly Angular 2) – The Complete Guide

Description This course starts from scratch, you neither need to know Angular 1 nor Angular 2! (Angular 7 simply is the latest version of Angular...

Become a Probability & Statistics Master

Become a Probability & Statistics Master   Bestseller What you’ll learn Visualizing data Analyzing data Data distributions Probability Discrete random variables Sampling Hypothesis testing Requirements Fundamentals of math Basic algebra Description HOW BECOME A PROBABILITY & STATISTICS MASTER IS SET...

React 16 – The Complete Guide (incl. React Router 4 & Redux)

Description What’s this course about? Learn React or dive deeper into it. Learn the theory, solve assignments, practice in demo projects and build one big application which...

Crie seu personagem 3D completo no Blender!

Crie seu personagem 3D completo no Blender! - Download Udemy Courses For Free | freetutorials.usPlease disable your adblock and script blockers to view this...

The Complete Python Developer Course

The Complete Python Developer Course Learn Python like a Professional! Start step by step from basic to build complete games and apps with python...

Ultimate Laravel Course 2018 (+ PayPal, Webshop)

Ultimate Laravel Course 2018 (+ PayPal, Webshop) Learn Laravel framework by building real-world application and solving problems occurring in Laravel project development. Requirements Basic programming understanding Basic...

Master Java Reactive Programming with RxJava 2

Java basics Be familiar with basic functional programming is preferred but not mandatory Any IDE tool is sufficient Description Reactive Paradigm is used widely in multiple projects around...

Mastering Kotlin for Absolute Beginners

Mastering Kotlin for Absolute Beginners Take your first step towards mastering Kotlin, and learn kotlin from scratch What you’ll learn Requirements You’ll need to install IntelliJ IDEA...

Lightroom Master Class-Edit Images Like a Pro+Free Presets

Must have any version of Adobe Lightroom installed. No Prior knowledge is required Description Lightroom Master Class-Edit Images Like a Pro+ Free Premium-Cinematic Portrait Lightroom Presets Learn Professional...

The Modern GraphQL Bootcamp (Advanced Node.js)

Development: A basic understanding of Node and JavaScript is required. Hardware: A computer with an internet connection (Windows, macOS, or Ubuntu). Description Do you want to learn...

The Ultimate GIMP 2.8 Guide. Book included as sold on Amazon

This course is about Gimp 2.8 I start from the very beginning, so when you are new to photo editing, that’s no problem! Also, I...

Photoshop CC : In an Easy Simple Professional Way

Description This Photoshop course starts with you from scratch until you become a professional starting from how to add and export files until creating a...

Video Analytics Using OpenCV and Python Shells

Video Analytics Using OpenCV and Python Shells Through this training we shall understand and learn how to perform video analysis with OpenCV. What you’ll learn Requirements Basic...

Full-Stack Vue with GraphQL – The Ultimate Guide

A basic familiarity with Vue A basic understanding of ES6 JavaScript will help, but it’s not required Description Includes Apollo Server 2, Apollo Boost and the very...

WordPress: Create Stunning WordPress Websites for Business

Create an Amazing Professional WordPress Websites For Business or Personal Use. What Will I Learn? Build a professional nice looking website for you or your company. Sign...

Master React the fun way! Create a Movie App from scratch

Basic coding principles Javascript fundamentals HTML and CSS (CSS not that important) Description In this course you will learn how to master React. We’ll build a light version...

Excel 2016 – The Complete Excel Mastery Course for Beginners

All you need is a copy of Excel on your computer. The course teaches you how to use Excel starting at the very beginning. Description “Your...

Building Recommender Systems with Machine Learning and AI

Description Learn how to build recommender systems from one of Amazon’s pioneers in the field. Frank Kane spent over nine years at Amazon, where he...

Machine Learning with Javascript

Description If you’re here, you already know the truth: Machine Learning is the future of everything. In the coming years, there won’t be a single industry in the...

NodeJS – The Complete Guide (incl. MVC, REST APIs, GraphQL)

  Bestseller Created by Maximilian Schwarzmüller What you’ll learn Work with one of the most in-demand web development programming languages Build modern, fast and scalable server-side web applications with...

LEARN C++ PROGRAMMING -BEGINNER TO ADVANCE- DEEP DIVE IN C++

LEARN C++ PROGRAMMING -BEGINNER TO ADVANCE- DEEP DIVE IN C++ What you’ll learn Learn Basic concepts of Programming C++, OOPs,Exception Handling, STL, Features of C++...

Python and Flask Bootcamp: Create Websites using Flask!

Description Welcome to the best online resource for learning how to create websites with Python and Flask! I’m Jose Portilla and I’ve created this course to...

Python and Django Full Stack Web Developer Bootcamp

Bestseller What you’ll learn Create a fully functional web site using the Full-Stack with Django 1.11 Learn how to use HTML to create website content Use CSS to...

Python for Data Science and Machine Learning Bootcamp

Python for Data Science and Machine Learning Bootcamp - Download Udemy Courses For Free | freetutorials.usPlease disable your adblock and script blockers to view...

Manga Art School: Anime and Manga Character Drawing Course

Description What is Manga Art School? Manga Art School is a 2-6 week learn-anywhere video course where you learn to become adept at drawing professional and authentic Japanese...

Deep Learning: Advanced NLP and RNNs

Description It’s hard to believe it’s been been over a year since I released my first course on Deep Learning with NLP (natural language processing). A lot of cool stuff...

Adobe Illustrator CC – Advanced Training Course

Created by Daniel Walter Scott, Instructor HQ What you’ll learn You will be able to earn more using these new Illustrator skills. You will create multiple images...

Online Japanese Beginner Course (All 12 lessons)

Online Japanese Beginner Course (All 12 lessons) - Download Udemy Courses For Free | freetutorials.usPlease disable your adblock and script blockers to view this...

Python Django Dev To Deployment

Python Django Dev To Deployment Highest Rated What you’ll learn Learn Python and it’s core fundamental syntax Build a real estate application using the Django framework &...

English Language: Intensive Course [Beginner level English]

English Language: Intensive Course - Download Udemy Courses For Free | freetutorials.usPlease disable your adblock and script blockers to view this page Skip to...

AWS Certified Solutions Architect – Associate [New Exam]

Description Continuously updated – Last Update NOV 25th 2018 Stop wasting time on other CSA Associate preparation material that claim to be updated. AWS is making the exam...

Machine Learning Practical: 6 Real-World Applications

Description So you know the theory of Machine Learning and know how to create your first algorithms. Now what? There are tons of courses out there about the underlying...

Master the Coding Interview: Data Structures + Algorithms

Description Want to land a job at a great tech company like Google, Microsoft, Facebook, Netflix, Amazon, or other companies but you are intimidated by...

Adobe Photoshop CC – Essentials Training Course

Adobe Photoshop CC – Essentials Training Course - Download Udemy Courses For Free | freetutorials.usPlease disable your adblock and script blockers to view this...

The Complete 2019 Web Development Bootcamp

The Complete 2019 Web Development Bootcamp - Download Udemy Courses For Free | freetutorials.usPlease disable your adblock and script blockers to view this page Skip...

From Wire to PLC , A Bootcamp In Industrial Automation

Description ***Update 11/28/2018** **** Classic control simulation software tutorial is available*** ***Update 14/11/2018*** One-Line diagram interpretation section was added ****Update 29/10/2018****** ****Two new sections were added  “Troubleshooting for Electrical Panel”...

The Complete Web Developer in 2019: Zero to Mastery

Description Welcome to the The Complete Web Developer in 2019! This is one of the fastest growing courses on Udemy and is now one of the HIGHEST RATED...

Angular 6 (Angular 2+) & React 16 – The Complete App Guide

Description Up-to-date course that listens to it’s students. More on-demand features are integrated to this course regularly. Payment feature with Stripe, Image upload with AWS from...

Adobe Illustrator CC – Essentials Training Course

Description Are you frustrated trying to teach yourself Adobe Illustrator?! This course will quickly allow you to start getting paid for your Illustrator skills. Whether you’re...

The Web Developer Bootcamp

The Web Developer Bootcamp - Download Udemy Courses For Free | freetutorials.usPlease disable your adblock and script blockers to view this page Skip to content Advertisement ...

Android Studio e Java – Curso Para Iniciantes

Android Studio e Java - Curso Para Iniciantes - Download Udemy Courses For Free | freetutorials.usPlease disable your adblock and script blockers to view...