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!
You may also like
- Top 10 Language Learning Courses to Learn in November 2024
- Top 10 Video Editing Courses to Learn in November 2024
- Top 10 Music Production Courses to Learn in November 2024
- Top 10 Animation Courses to Learn in November 2024
- Top 10 Digital Illustration Courses to Learn in November 2024
- Top 10 Renewable Energy Courses to Learn in November 2024
- Top 10 Sustainable Living Courses to Learn in November 2024
- Top 10 Ethical AI Courses to Learn in November 2024
- Top 10 Cybersecurity Fundamentals Courses to Learn in November 2024
- Top 10 Smart Home Technology Courses to Learn in November 2024
- Top 10 Holistic Health Courses to Learn in November 2024
- Top 10 Nutrition And Diet Planning Courses to Learn in November 2024
- Top 10 Yoga Instruction Courses to Learn in November 2024
- Top 10 Stress Management Courses to Learn in November 2024
- Top 10 Mindfulness Meditation Courses to Learn in November 2024
- Top 10 Life Coaching Courses to Learn in November 2024
- Top 10 Career Development Courses to Learn in November 2024
- Top 10 Relationship Building Courses to Learn in November 2024
- Top 10 Parenting Skills Courses to Learn in November 2024
- Top 10 Home Improvement Courses to Learn in November 2024