Tutorialspoint

Mid-Year Savings Flat 10% OFF, Use Code: MID10

React Masterclass - For people who want to work in big firms

person icon Alex Matei

4.4

React Masterclass - For people who want to work in big firms

React for people who want to work in big firms, or create complex front-ends.

updated on icon Updated on Jul, 2024

language icon Language - English

person icon Alex Matei

English [CC]

category icon React,Node.JS,Development

Lectures -35

Duration -14 hours

4.4

price-loader

30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.

Course Description

Hi, I am Alex and this is React Masterclass.

If you want to write react apps like pros do, like people in big corporations, not just writing code for the sake of writing code, if you want to master react or if you never tried react but want to learn it then you're in the right place.

We will structure the app we are going to build as if it's a corporate project with all the tools, practices, and features for building a serious user interface. Why am I so convinced that it's the right place? That's because I will tackle react, and explain it to you in simple ways but I'm not going to give you just everything in a nutshell, no no... we are going to go deep into every aspect of React so after you finish this course you'll have a good understanding of how to build react application that you can apply for a job or an internship, although I would say that an internship will not give you more information compared to what this masterclass has to offer.

Also, we will build a relatively small personal website so after you finish you will have a personal website that you can put out there and people can visit.

I made this course as complete as I could but I did not overload it with repetitive information but I try to give you everything you need to know in order to build with react as a professionals do.

This course is for everyone, If you are experienced at React, you will learn new things for sure, but if you’re new to react, then you have a lot to learn, and here you have everything you need to know, from the fundamentals, the inner workings to how to make a production frontend that has everything.

This masterclass has everything you need to know to work as a react engineer in a company. Oh, and by the way, at the end of the course I will tell you how is it to work in a company as a react engineer.

Quick note. This masterclass assumes you already know javascript at least at a basic level. The ideal is if you have built a website with HTML, CSS and Javascript before

Ok, now, let me show briefly the roadmap ahead. You can look at them like chapters. A chapter may or may not have more than one lesson.

We are going to understand react, how does it work so you will have a good foundation before going further.

We'll create the environment setup, by that I mean the code editor, I will explain to you everything you need to know about it and we will also install all the fundamental libraries that you need to have in your application. The same libraries that most of the companies use in developing react applications, like Eslint, Husky and Prettier.

Then we will create the main project structure with Atomic Design Pattern and we will create the base Scss files that we will need to develop our app further and we'll discuss typescript because this app will not be built with javascript but with typescript.

We will create a router for our app so that each page has a route in the browser.

We will create the layout base with the navigation to go from one page to another. 

We will talk about how the web works, the websites, front-end and backend, we'll discuss API's and requests.

We will create the first page of the website. The "about me" page.

Then we'll create the second page which is Blog. This page will also have an admin view so the admin can edit, delete and create posts.

We will create the Contact page, which will collect data from a form and send it to the backend.

After all the pages are done we will add to them error catching in case the backend gives errors and we will use loading bars to show when the content hasn't arrived from the backend.

Next, we will create user authentification and verification with axios, cookies and react context.

We will go over creating two languages for our interface, so you can switch between them.

After we have done it all we will deploy our application and we will wrap everything up.

Lastly, I will tell you how is it to work in a company as a react engineer so you can have a reference point.

So, for those of you who will start the course - good luck and I hope you have the best educational experience.

Goals

  • React

  • Front-end

  • Web Development

  • Software Development

  • Javascript

  • Typescript

  • Nodejs

  • API

  • SCSS

  • BEM

Prerequisites

  • Javascript at least at a basic level. It is necessary to be familiar with ES6 syntax. HTML and CSS at a basic-medium level are also required.
React Masterclass - For people who want to work in big firms

Curriculum

Check out the detailed breakdown of what’s inside the course

Introduction
1 Lectures
  • play icon Introduction 06:58 06:58
Understanding React
3 Lectures
Tutorialspoint
Env Setup & Libraries
3 Lectures
Tutorialspoint
Dev Setup
3 Lectures
Tutorialspoint
Routing
1 Lectures
Tutorialspoint
Layout
3 Lectures
Tutorialspoint
How the Web Works
1 Lectures
Tutorialspoint
Page 1
2 Lectures
Tutorialspoint
Page 2
5 Lectures
Tutorialspoint
Page 3
1 Lectures
Tutorialspoint
Additional
2 Lectures
Tutorialspoint
Admin
7 Lectures
Tutorialspoint
Last Touches
3 Lectures
Tutorialspoint

Instructor Details

Alex Matei

Alex Matei

About me

Hi, I'm Alex, an analytical but creative person. I started to program and design when I was young by pure coincidence ( I was mainly driven by curiosity :) ). Fell in love with programming & design and I have improved my skills day by day. I have worked for several companies as a Designer and as a Software Engineer. In addition to this, I studied Informatics at college because that's what I was passionate about and now I am grateful to pass on what I have learned over the years


Course Certificate

Use your certificate to make a career change or to advance in your current career.

sample Tutorialspoint certificate

Our students work
with the Best

Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
Annual Membership

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
Online Certifications

Talk to us

1800-202-0515