YoVDO

The Complete Full-Stack JavaScript Course!

Offered By: Skillshare

Tags

Javascript Courses Node.Js Courses MongoDB Courses Redux Courses REST APIs Courses Data Persistence Courses Socket Programming Courses

Course Description

Overview

If you would like to master JavaScript and get started as a full-stack web developer, you are going to LOVE this course! Learn full-stack JavaScript development working on coding projects using ReactJS, NodeJS, LoopbackJS, Redux, Material-UI and socket programming.

This course was designed for students who have a basic understanding of front-end web development. It will be helpful if you know how to use HTML and CSS. A basic understanding of JavaScript is not required, but it will help you get up to speed with the tutorials.

Thank you for taking the time to read this and we hope to see you in the course!


Syllabus

  • Welcome to the Course!
  • Environment Setup
  • Anatomy of a React Project
  • Writing a React Component
  • React Lifecycle
  • The React state
  • Component Props and Re-rendering
  • Importing CSS into React Components
  • Calculator Project Part 1
  • Calculator Project Part 2
  • 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
  • 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
  • Wrapping Components
  • Dispatching Actions
  • Creating our Store and Reducers
  • Integrating Remote API Calls
  • Applying Middleware
  • Material UI Intro
  • Drawer and CSS
  • Drawer Collapsing and Animations
  • Icons, Lists, 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 NGINIX Part 1
  • Deploying our API Using PM2 and NGINIX Part 2
  • Deploying our API Using PM2 and NGINIX Part 3
  • 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

Taught by

Joseph Delgadillo

Related Courses

Learn Javascript - 21 Essential Array Methods
Coursera Project Network via Coursera
3D Graphics for Web Developers
Pompeu Fabra University via FutureLearn
A Simple Scatter Plot using D3 js
Coursera Project Network via Coursera
Access WebView in an Android Studio Project
Coursera Project Network via Coursera
Deployment Pipelines using GitHub Actions
A Cloud Guru