The Complete Full-Stack JavaScript Course!

Joseph Delgadillo, Best-Selling Instructor

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
96 Lessons (1d 17m)
    • 1. Welcome to the Course!

      11:18
    • 2. Environment Setup

      12:24
    • 3. Anatomy of a React Project

      13:08
    • 4. Writing a React Component

      8:51
    • 5. React Lifecycle

      4:54
    • 6. The React state

      15:16
    • 7. Component Props and Re-rendering

      17:37
    • 8. Importing CSS into React Components

      4:36
    • 9. Calculator Project Part 1

      18:41
    • 10. Calculator Project Part 2

      34:41
    • 11. React Website Setup

      6:20
    • 12. Component Children

      16:52
    • 13. React Routing

      10:20
    • 14. Route Parameters and HTML Slicing Part 1

      14:32
    • 15. Route Parameters and HTML Slicing Part 2

      16:55
    • 16. Services and Portfolio Pages Part 1

      15:45
    • 17. Services and Portfolio Pages Part 2

      9:40
    • 18. Working with Forms in React Part 1

      15:35
    • 19. Working with Forms in React Part 2

      22:20
    • 20. Using Formik

      22:33
    • 21. Yup Form Validation Schemas

      17:02
    • 22. Setup of REST API Using LoopbackJS

      14:53
    • 23. Creating Models

      12:34
    • 24. Model Observers

      16:13
    • 25. Model Relations

      15:58
    • 26. ESLINT

      9:24
    • 27. Subclassing Access Tokens

      6:11
    • 28. Persisting Data Using MongoDB

      20:28
    • 29. Creating Data

      7:04
    • 30. Updating Data

      4:12
    • 31. Finding Model Instances Part 1

      21:23
    • 32. Finding Model Instances Part 2

      3:02
    • 33. Deleting Model Instances

      7:01
    • 34. Creating Post Collection

      6:27
    • 35. Roles and Rolemapping

      14:01
    • 36. Applying Access Control to our Post Model

      12:39
    • 37. Adding an Editor Role

      9:34
    • 38. Creating a Category Model

      8:35
    • 39. File Storage and Collection Part 1

      15:11
    • 40. File Storage and Collection Part 2

      9:44
    • 41. Custom Remote Methods and File Uploads Part 1

      17:37
    • 42. Custom Remote Methods and File Uploads Part 2

      14:21
    • 43. Creating Login Route

      18:06
    • 44. Adding a Login Form

      12:01
    • 45. Wrapping Components

      11:29
    • 46. Dispatching Actions

      6:19
    • 47. Creating our Store and Reducers

      24:01
    • 48. Integrating Remote API Calls

      21:52
    • 49. Applying Middleware

      14:35
    • 50. Material UI Intro

      11:35
    • 51. Drawer and CSS

      16:17
    • 52. Drawer Collapsing and Animations

      14:03
    • 53. Icons, Lists, Links

      17:10
    • 54. Main Content Class

      14:24
    • 55. Persisting Reducers Using localStorage

      15:29
    • 56. Basic Tables

      11:12
    • 57. Fetching Posts and Users From our API

      21:07
    • 58. Fab Buttons

      11:41
    • 59. Setting up Redux, Material UI and Formik for our Add Post Page

      11:43
    • 60. Material UI Forms with Formik

      19:01
    • 61. Flex Display and Connecting our Post Form to our Database via Redux Part 1

      15:16
    • 62. Flex Display and Connecting our Post Form to our Database via Redux Part 2

      14:34
    • 63. Editing Existing Posts

      27:30
    • 64. Uploading Post Images Part 1

      16:02
    • 65. Uploading Post Images Part 2

      17:13
    • 66. Integrating Quill as a Content Editor

      17:38
    • 67. Loading Posts on the Front End Part 1

      13:55
    • 68. Loading Posts on the Front End Part 2

      16:44
    • 69. Loading More Posts on Demand

      11:39
    • 70. Single Post Page

      26:33
    • 71. Registering New Accounts

      25:05
    • 72. Posting Comments and Adding Relations and ACLs to our API Part 1

      20:18
    • 73. Posting Comments and Adding Relations and ACLs to our API Part 2

      19:24
    • 74. Deploying React Apps with NGINX

      25:47
    • 75. Deploying our API Using PM2 and NGINIX Part 1

      17:44
    • 76. Deploying our API Using PM2 and NGINIX Part 2

      14:04
    • 77. Deploying our API Using PM2 and NGINIX Part 3

      16:55
    • 78. Creating a Chat App

      8:02
    • 79. Creating our Chat Store

      11:27
    • 80. Websocket Connections

      7:52
    • 81. Sending Socket Messages

      13:01
    • 82. Creating Signup and Login Forms

      18:11
    • 83. Writing Account Based Logic Part 1

      29:43
    • 84. Writing Account Based Logic Part 2

      1:58
    • 85. Using Auth Tokens

      12:39
    • 86. Styling the Messenger

      21:20
    • 87. Tracking Logged-in Users

      13:55
    • 88. Search Functionality

      20:26
    • 89. Creating New Threads and Sending to Relevant Clients

      26:31
    • 90. Connecting on Page Load if Already Logged-in

      24:01
    • 91. Get Threads on Page Load

      10:07
    • 92. Disconnecting Socket Sessions

      11:07
    • 93. Adding Messages and Sending to Relevant Clients

      31:46
    • 94. Rendering Messages Client Side

      18:42
    • 95. Rendering Messages with User Information

      22:47
    • 96. Ejecting a React Application

      8:40
13 students are watching this class

About This Class

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!