Udemyallen

Node.js and React: Build a complete web chat application

Build real-time chat apps! Learn Node.js, React, WebSockets, PostgreSQL & Redux. Full stack development skills.

4.3(270)
13,501students
9h 33m
Certificate
Dino Numić
Dino NumićSoftware Developer

Course Content

Node.js and React: Build a complete web chat application is an all-levels Udemy course taught by Dino Numić. It runs 9h 33m, is taught in English, and includes a certificate of completion. Learners rate it 4.3 out of 5 from 270 reviews, with 13,501 students enrolled. It is a paid course, first published November 2020.

Build a Real-Time Web Chat Application from Scratch!

This comprehensive course guides you through the entire process of creating a fully functional real-time chat application. No prior extensive experience is needed – we'll cover everything step-by-step.

Here's a breakdown of what you'll master:

  • Project Setup & Foundation:

    • Install Node.js and set up a new project structure using npm.
    • Enable Node watcher and project hot reload for efficient development.
    • Manage project environmental variables and configuration files.
    • Establish a dynamic project structure for scalability.
  • Database Management with PostgreSQL & Sequelize:

    • Install PostgreSQL and learn to manage your database effectively using pgAdmin.
    • Utilize Sequelize, an Object Relational Mapper (ORM), to define models, create tables, manage seeders, and execute SQL queries.
  • Secure Authentication with JWT Tokens:

    • Implement robust Node authentication using JWT (JSON Web Tokens).
    • Learn how to securely hash user passwords and generate JWTs.
    • Develop auth middleware to control API access.
    • Create custom form request validators for secure user input handling.
  • File Upload Functionality:

    • Implement custom file uploads using Multer.
    • Create a dedicated upload folder for organized file storage.
    • Implement file validation to ensure data integrity before upload.
  • Frontend Development with React, Redux & Router:

    • Create a new React application.
    • Integrate Redux for efficient state management.
    • Implement React Router for seamless application navigation.
    • Create async store actions and update state within reducers.
    • Implement Protected Routes for restricted access.
    • Configure an Axios base for API calls and utilize Axios services.
  • Real-Time Communication with WebSockets:

    • Implement WebSockets on both the Node.js server and the React client.
    • Achieve real-time communication between server and client.
    • Learn to emit and listen to events for instant updates.

Get ready for a fun and rewarding learning experience! While the concepts can be challenging at times, you'll be building a highly sought-after skill in the world of real-time applications.

$ whoami — the devs behind tutorialsearch.io

Need a web app built? Hire the team behind TutorialSearch.io

We ship fast, production-grade full-stack apps (Next.js, React, edge infra) — the same stack that powers this site.

5.0
1h 15m
intermediate
pluralsight

Publishing Progressive Web Apps

by Maximiliano Firtman

5.0
1h 57m
intermediate
pluralsight
5.0(321)
53m
beginner
skillshare