Build fullstack app with Node.Js, Loopback4, React and Hooks

Build fullstack app with Node.Js, Loopback4, React and Hooks, available at $49.99, has an average rating of 4.15, with 88 lectures, based on 19 reviews, and has 159 subscribers.

You will learn about Build REST APIs with Typescript Build APIs with Loopback 4 Build Frontend with React Learn React Hooks Learn Redux in depth Build full-stack application with React, React Hooks, Redux, Nodejs Connect Frontend app with Backend Application Typescript Fundamentals This course is ideal for individuals who are Developers who want to learn how to build fullstack applications with Javascript or Developers who want to learn MERN Stack application or Developers who want to learn how to build backend apis with Typescript It is particularly useful for Developers who want to learn how to build fullstack applications with Javascript or Developers who want to learn MERN Stack application or Developers who want to learn how to build backend apis with Typescript.

Enroll now: Build fullstack app with Node.Js, Loopback4, React and Hooks

Summary

Title: Build fullstack app with Node.Js, Loopback4, React and Hooks

Price: $49.99

Average Rating: 4.15

Number of Lectures: 88

Number of Published Lectures: 88

Number of Curriculum Items: 88

Number of Published Curriculum Objects: 88

Original Price: $94.99

Quality Status: approved

Status: Live

What You Will Learn

Build REST APIs with Typescript

Build APIs with Loopback 4

Build Frontend with React

Learn React Hooks

Learn Redux in depth

Build full-stack application with React, React Hooks, Redux, Nodejs

Connect Frontend app with Backend Application

Typescript Fundamentals

Who Should Attend

Developers who want to learn how to build fullstack applications with Javascript

Developers who want to learn MERN Stack application

Developers who want to learn how to build backend apis with Typescript

Target Audiences

Developers who want to learn how to build fullstack applications with Javascript

Developers who want to learn MERN Stack application

Developers who want to learn how to build backend apis with Typescript

LoopBack is an award-winning, highly extensible, open-source Node.js and TypeScript framework based on Express. It enables you to quickly create APIs and microservices composed from backend systems such as databases and SOAP or REST services.

The diagram below demonstrates how LoopBack serves as a composition bridge between incoming requests and outgoing integrations. It also shows the different personas who are interested in various capabilities provided by LoopBack.

React is an open-source, front end, JavaScript library for building user interfaces or UI components. It is maintained by Facebook and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications

Hooks are the new feature introduced in the React 16.8 version. It allows you to use state and other React features without writing a class. Hooks are the functions which “hook into” React state and lifecycle features from function components. It does not work inside classes.

TypeScript extends JavaScript by adding types.

By understanding JavaScript, TypeScript saves you time catching errors and providing fixes before you run code.

Any browser, any OS, anywhere JavaScript runs. Entirely Open Source.

Node.js is an open-source, cross-platform, back-end JavaScript runtime environment that runs on the Chrome V8 engine and executes JavaScript code outside a web browser

MySQL is an open-source relational database management system. Its name is a combination of “My”, the name of co-founder Michael Widenius’s daughter, and “SQL”, the abbreviation for Structured Query Language.

We are going to combine these tools and build a full-stack sample application. By the end of this course, you will be able to contribute to any open source project in MERN stack. You will learn the real world applications of React, Readux, Hooks and Node.js

Course Curriculum

Chapter 1: Nodejs Basics (Optional)

Lecture 1: Introduction to Nodejs

Lecture 2: Sending HTML in Response

Lecture 3: Reading and Writing Files

Lecture 4: Creating Custom Module

Chapter 2: NPM The Node Package Manager

Lecture 1: Running Node App using Npm scripts

Lecture 2: Installing External Dependencies

Lecture 3: Package Dependencies

Lecture 4: Sementic Versioning

Lecture 5: Listing package details

Lecture 6: Upgrading Local Packages

Lecture 7: Publish your custom Module to NPM

Lecture 8: Updating your published module

Chapter 3: Express Basics and REST API BASICS

Lecture 1: Introduction

Lecture 2: What is REST API

Lecture 3: Creating Web Server in Express

Lecture 4: Set Enviroment Variables

Lecture 5: Route Parameters

Lecture 6: GET API Endpoint

Lecture 7: POST API Endpoint

Lecture 8: DELETE API Endpoint

Lecture 9: Update API Endpoint

Chapter 4: Typescript Fundamentals

Lecture 1: Typescript Setup

Lecture 2: Basic Types

Lecture 3: Types in Typescript

Lecture 4: Operators, Decisions and Loops

Lecture 5: Functions Basics

Lecture 6: Interfaces

Lecture 7: Classes

Lecture 8: Modules

Lecture 9: Generics Types

Lecture 10: Generics in more depth

Chapter 5: Typescript Generics

Lecture 1: 01-What are Generics

Lecture 2: 02-Typescript Setup and Installation

Lecture 3: 03-Generic Function

Lecture 4: 04-Generic Function T Array Type

Lecture 5: 05-Generic Function with Multiple Type Variables

Lecture 6: 06-Generic Constraints

Lecture 7: 07-Generic Interfaces to describe Object Properties

Lecture 8: 08-Create Interface to describe Function Type

Lecture 9: 09-Generic Classes and Interfaces

Chapter 6: Typescript Decorators

Lecture 1: 01-Introduction-to-decorators

Lecture 2: 02-Arguments in Method Decorators

Lecture 3: 03-Configurable Decorator using Decorator Factory

Lecture 4: 04-Property-Decorator

Lecture 5: 05-Parameter-Decorator

Lecture 6: 06-Class Decorator

Chapter 7: Getting started with Loopback 4

Lecture 1: Introduction to Loopback 4

Lecture 2: Getting started with Loopback 4

Chapter 8: CRUD with Loopback 4

Lecture 1: 01-What is Loopback Model

Lecture 2: 02-Creating-your-first-Loopback-model

Lecture 3: 03-Creating Datasource

Lecture 4: 04-Creating Repository for CRUD Operations

Lecture 5: 05-Creating Controller to define REST API Operations

Lecture 6: 06-Test Loopback REST APIs using Explorer

Lecture 7: 07-Digging into Loopback Repositories

Chapter 9: Connecting with Databases

Lecture 1: 01-Installing-MysQL-Server

Lecture 2: 02-Connecting Mysql Database with Loopback

Lecture 3: 03-Set id property to Auto-Increment

Chapter 10: Relations

Lecture 1: 01-Implement HasMany Relation

Lecture 2: 02-Implement BelongsTo Relation

Lecture 3: 03-Implement HasOne Relationship

Chapter 11: React Hooks Fundamentals

Lecture 1: 01-ueState Hook

Lecture 2: 02-Fetching Data using ComponentDidMount

Lecture 3: 03-Fetching Data using useEffect

Lecture 4: 04-using async/await with useEffect

Lecture 5: 05-Running SideEffect after every render

Lecture 6: 06-Run useEffect on specific Dependency

Lecture 7: 07-useReducer Demo

Lecture 8: 08-useContext Demo

Chapter 12: Redux Fundamentals

Lecture 1: 01-Understand the Redux API

Lecture 2: 02-Building First App with Redux

Chapter 13: 02- Build Frontend App with React, Redux and React Hooks

Lecture 1: 01-Project Setup

Lecture 2: 02-Basic Layout to render the Data in Table

Lecture 3: 03-Creating Action Types to Fetch Songs

Lecture 4: 04-Creating Reducer to update the state

Lecture 5: 05-Send API Request in Redux

Lecture 6: 06-Rendering Data in the Table

Lecture 7: 07-Refactor List Item into Separate Component

Lecture 8: 08-Implement Delete Action Creator

Lecture 9: 09-Confirmation box before Deleting Record

Lecture 10: 10-Creating Forms in React and Redux

Lecture 11: 11-Adding Form Validations using React Hook Form

Lecture 12: 12-Send API request to create new Record

Lecture 13: 13-Use same Component to Update and New Record

Lecture 14: 14-Fetch Single Record on the based on ID

Lecture 15: 15-Set data to the Form

Lecture 16: 16-Send update record request in React and Redux

Instructors

Haider Malik
Fullstack Developer/Entrepreneur/Author

Rating Distribution

1 stars: 1 votes

2 stars: 1 votes

3 stars: 4 votes

4 stars: 6 votes

5 stars: 7 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!