Front End & Fullstack - React 16.8 +

person icon Sandra L

Front End & Fullstack - React 16.8 +

Full course for beginners to learn Full Stack React, MERN, Redux, Node.js, React Router 4, Networking

updated on icon Updated on Sep, 2023

language icon Language - English

person icon Sandra L

architecture icon Web Development,React


30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 19,000+ top Tutorialspoint courses anytime, anywhere.

Course Description

React provides the perfect solution for creating JavaScript-based interfaces, with a huge range of uses for it including building native mobile apps and web apps. 

This class will teach you to build dynamic website components and real-time applications with React.js.

React is a Javascript library, developed in 2013 by Jordan Walke of Facebook. You’ll find React is both very popular (it’s the 5th most starred JS library on GitHub) and used on major sites including on Facebook, Netflix, and Khan Academy. 

You’ll love the flexibility of using React with your favorite web technologies (except for jQuery!), and this path will take you from the fundamentals all the way up to building full apps with custom styling. With this class, learn the A-Z of React : 

  • the basics and fundamentals with snack-bite size video lessons. From simple to complex, tutorials and exercises will help you get up to speed fast with the main concepts of web development with react.js

  • Understanding React Components (stateless and stateful components)

  • writing and displaying data with JSX 

  • Networking with asynchronous HTTP requests & RESTFul APIs

  • Maintain your Application's State

  • Passing dynamic data with props objects

  • Component lifecycle (componentDidMount, componentDidUpdate)

  • Communication between components

  • Events and event binding

  • Working with State and HTML5 LocalStorage

  • Creating maintainable code with JavaScript Modules

  • Data Persistence with Redux

  • Routing with React Router 4

  • Taking advantage of new ES6 Features

  • The React Hooks (useState, useEffect)

  • + So much more 

What we will be building together?

  •  A real-time and single page application - Countdown Timer - stating how many days, hours and minutes are left until this awesome event you look forward to.

  • The classic Todo List example to get up to speed with the basics and main concepts in a short amount of time

  •  An interactive - checklist - developed with the Bootstrap Library, Font Awesome icons & HTML5 Localstorage

  • A front to back example with MERN (MongoDB, Express.js, React.js & Node.js)

  • a weather widget with the Restful API openweathermap(dot)org

  • + So much more 

Who is this class for?

  • Anyone willing to learn and build solid frontend skills

  • Developers who wish to grow and sharpen their javascript skills


What will you learn in this course:

  • Anyone who wants to get better at JavaScript and Frontend developpment
  • Developers who wish to grow and sharpen their javascript skills


What are the prerequisites for this course?

  • HMTL, CSS & JS
  • Node & NPM
Front End & Fullstack - React 16.8 +


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

Course Intro
1 Lectures
  • play icon Presentation & First Words 01:19 01:19
Try React Online !
8 Lectures
Tools, Installation & Set up
8 Lectures
Learn React : Fundamentals & Starter Projects
9 Lectures
[WORKSHOP] - Countdown
12 Lectures
Learn React : Further Topics
14 Lectures
[Workshop] - Time management & Data Persistence
12 Lectures
Networking- Internet Data Fetching & APIs
10 Lectures
Build a React.js Weather App
15 Lectures
Introducing React Redux
11 Lectures
React Router 4
7 Lectures
Introducing the React Hooks
7 Lectures
Server-Side : Back-End Integration
12 Lectures
FullStack Application with MERN
5 Lectures

Instructor Details

Sandra L

Sandra L

Javascript and Web Developer


I am Sandy, freelance web and mobile Developer based out of Toronto, in Ontario, Canada, I specialize in Front-End development with HTML, CSS, CSS3 Animation, Sass, Javascript and JQuery. 

I love creating beautiful, professional and user-friendly websites using the Adobe Creative Suite: Photoshop, Illustrator and Flash to name a few. 

I am also keen on Web marketing, Web analytics, Visual Design, Video Editing, Photography and WordPress development.

Course Certificate

User your certification to make a career change or to advance in your current career. Salaries are among the highest in the world.

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
People having fun around a laptop

Online Certifications

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

Explore Now
People having fun around a laptop

Talk to us