Video description
If you would like to master JavaScript and get a job as a full-stack web developer, start with this course. You’ll learn full-stack JavaScript development with over 24 hours of HD video tutorials covering ReactJS, NodeJS, LoopbackJS, Redux, Material-UI, and socket programming. And you’ll learn these by putting them to work on three hands-on coding projects. A working knowledge of HTML, CSS and JavaScript will be helpful when taking this course.
You’ll work on three coding projects:
Calculator ApplicationBuilding this app will teach you the basics of React, how to create components, and how to work within the React life cycle.
WeblogYou’ll use React and LoopbackJS to build a feature-rich blog app. We begin to explore the full-stack elements of JavaScript by coding our own REST API, and see how the front end and back end can communicate with each other.
Chat Application With a WebSocket you can keep clients connected on the server side. We will explore socket programming building a chat app where you can create a user account, add other users, and then message back and forth with them.
Distributed by Manning Publications
This course was created independently by Joseph Delgadillo and is distributed by Manning through our exclusive liveVideo platform.
About the Technology
About the Video
What's Inside
- Full-stack JavaScript
- ReactJS
- NodeJS
- Rest API with LoopbackJS
- Redux
- Material-UI
- Socket Programming
- API Development
About the Reader
Basic understanding of HTML, CSS and JavaScript
About the Author
Joseph Delgadillo is the founder of JTD Courses, an education technology company. He has been active in the online learning industry since 2015 and has worked with several prominent companies. As of 2023, over 1 million students across the globe have enrolled in his courses covering network security, Python programming, web development, and more.
Quotes
Table of contents
- Introduction and Setup
- Getting Started with ReactJS
-
Building a ReactJS Website
- React website setup
- Component children
- React routing
- Route parameters and HTML slicing - Part 1
- Route parameters and HTML slicing - Part 2
- Services and portfolio pages - Part 1
- Services and portfolio pages - Part 2
- Working with forms in React - Part 1
- Working with forms in React - Part 2
- Using Formik
- Yup form validation schemas
-
Rest API with LoopbackJS
- Setup of REST API using LoopbackJS
- Creating models
- Model observers
- Model relations
- ESLINT
- Subclassing access tokens
- Persisting data using MongoDB
- Creating data
- Updating data
- Finding model instances - Part 1
- Finding model instances - Part 2
- Deleting model instances
- Creating post collection
- Roles and rolemapping
- Applying access control to our post model
- Adding an editor role
- Creating a category model
- File storage and collection - Part 1
- File storage and collection - Part 2
- Custom remote methods and file uploads - Part 1
- Custom remote methods and file uploads - Part 2
- Creating login route
- Adding a login form
-
Redux and Material-UI
- Wrapping components
- Dispatching actions
- Creating a store and reducer
- Integrating remote API calls
- Applying middleware
- Material-UI intro
- Drawer and CSS
- Drawer collapsing and animations
- Icons, lists and links
- Main content class
- Persisting reducers using localStorage
- Basic tables
- Fetching posts and users from our API
- Fab buttons
- Setting up Redux, Material-UI and Formik for our add post page
- Material-UI forms with Formik
- Flex display and connecting our post form to our database via Redux - Part 1
- Flex display and connecting our post form to our database via Redux - Part 2
- Editing existing posts
- Uploading post images - Part 1
- Uploading post images - Part 2
- Integrating Quill as a content editor
- Loading posts on the front-end - Part 1
- Loading posts on the front-end - Part 2
- Loading more posts on demand
- Single post page
- Registering new accounts
- Posting comments and adding relations and ACLs to our API - Part 1
- Posting comments and adding relations and ACLs to our API - Part 2
- Deploying React apps with NGINX
- Deploying our API using PM2 and NGINX - Part 1
- Deploying our API using PM2 and NGINX - Part 2
- Deploying our API using PM2 and NGINX - Part 3
-
WebSocket Chat Application
- Creating a chat app
- Creating our chat store
- WebSocket connections
- Sending socket messages
- Creating signup and login forms
- Writing account based logic - Part 1
- Writing account based logic - Part 2
- Using auth tokens
- Styling the messenger
- Tracking logged in users
- Search functionality
- Creating new threads and sending to relevant clients
- Connecting on page load if already logged in
- Get threads on page load
- Disconnecting socket sessions
- Adding messages and sending to relevant clients
- Rendering messages client-side
- Rendering messages with user information
- Ejecting a React application
Product information
- Title: The Complete Full-Stack JavaScript Course
- Author(s):
- Release date: May 2023
- Publisher(s): Manning Publications
- ISBN: 10000DIVC202327
You might also like
video
The Complete Node.js Developer Course (3rd Edition)
This course was just completely re-filmed to give you everything you need to master Node.js in …
video
The Complete Front-End Web Development Course
If you would like to learn web development and get a job in the tech industry, …
video
Modern JavaScript From The Beginning
This is a front to back JavaScript course for absolutely everybody. We start with the basic …
book
JavaScript from Beginner to Professional
Start your journey towards becoming a JavaScript developer with the help of more than 100 fun …