Season 3 - Full Stack Basics: PRODUCTION

Turn Season’s 2 Prototype into a professional grade Full Stack Application using the React JavaScript Library – Deploy to Azure Cloud

Buy $77.00 Free Preview

Course curriculum

1. WHY SEASON 2 IS AN IMPORTANT PRE-REQUISITE FOR ANY JS FRAMEWORK OR LIBRARY?
  FREE PREVIEW
1. S3.E01 - IS THIS YOUR FIRST REACT SPA? START HERE!
2. S3.E02 - CREATE OUR REACT PROJECT (PART I)
3. S3.E03 - CREATE OUR REACT PROJECT (PART II)
4. S3.E04 - WHAT IS JSX?
5. S3.E05 - LET'S CREATE A COMPONENT
6. S3.E06 - REACT COMPONENTS
7. S3.E07 - DISPLAY DYNAMIC DATA IN COMPONENTS
8. S3.E08 - STYLING IN JSX
9. S3.E09 - CONDITIONAL LOGIC IN JSX
10. S3.E10 - QUICK INTRO TO MATERIAL UI (PART I)
11. S3.E11 - QUICK INTRO TO MATERIAL UI (PART II)
12. S3.E12 - LISTS IN REACT
13. S3.E13 - PROPS IN REACT
14. S3.E14 - STATE IN REACT (PART I)
15. S3.E15 - STATE IN REACT (PART II)
1. S3.E16 - CREATE REACT PROJECT
2. S3.E17 - LET'S GET ALL OF OUR DEPENDENCIES
3. S3.E18 - LET'S CREATE OUR LANDING PAGE COMPONENT (PART I)
4. S3.E19 - LET'S CREATE OUR LANDING PAGE COMPONENT (PART II)
5. S3.E20 - CREATE OUR ROUTING LAYER (PART I)
6. S3.E21 - CREATE OUR ROUTING LAYER (PART II)
7. S3.E22 - CREATE OUR ROUTING LAYER (PART III)
8. S3.E23 - BUILD OUR LANDING PAGE - MUI (PART I)
9. S3.E24 - BUILD OUR LANDING PAGE - MUI (PART I - CONTINUED)
10. S3.E25 - BUILD OUR LANDING PAGE - MUI (PART II)
11. S3.E26 - BUILD OUR LANDING PAGE - MUI (PART II - CONTINUED)
12. S3.E27 - BUILD OUR LANDING PAGE - MUI (PART III)
13. S3.E28 - BUILD OUR LANDING PAGE - MUI (PART III - CONTINUED)
14. S3.E29 - BUILD OUR REGISTRATION PAGE - MUI (PART I)
15. S3.E30 - BUILD OUR REGISTRATION PAGE - MUI (PART I - CONTINUED)
16. S3.E31 - BUILD OUR REGISTRATION PAGE - MUI (PART II)
17. S3.E32 - BUILD OUR REGISTRATION PAGE - MUI (PART III)
18. S3.E33 - BUILD OUR REGISTRATION PAGE - MUI (PART III - CONTINUED)
19. S3.E34 - BUILD OUR LOGIN PAGE - MUI (PART I)
20. S3.E35 - BUILD OUR LOGIN PAGE - MUI (PART II)
21. S3.E36 - BUILD OUR LOGIN PAGE - MUI (PART III)
1. S3.E37 - INITIALIZE THE PROJECT & INSTALL DEPENDENCIES
2. S3.E38 - WHAT DID WE LEARN FROM OUR PROTOTYPE? (ENVIRONMENT VARIABLES)
3. S3.E39 - PROTOTYPE LESSONS LEARNED: SERVER RESPONSE (PART I)
4. S3.E40 - PROTOTYPE LESSONS LEARNED: SERVER RESPONSE (PART II)
5. S3.E41 - PROTOTYPE LESSONS LEARNED: SERVER RESPONSE (PART III)
6. S3.E42 - CONNECT TO OUR MONGO DB
1. S3.E43 - DATA MODELING
2. S3.E44 - USER MODEL
3. S3.E45 - PROJECT MODEL
4. S3.E46 - BOARD SCHEMA
5. S3.E47 - COLUMN SCHEMA
6. S3.E48 - TASK MODEL
1. S3.E49 - PREP OUR ENTRY POINT
2. S3.E50 - CONTROLLER AND SERVICE LAYER
3. S3.E51 - CREATE REPOSITORY LAYER
4. S3.E52 - IMPLEMENT BUSINESS RULES - UNIQUE USERS
5. S3.E53 - IMPLEMENT BUSINESS RULES - PASSWORD ENCRYPTED
6. S3.E54 - IMPLEMENT API FIELD VALIDATION
7. S3.E55 - CONFIGURE AXIOS
8. S3.E56 - CONFIGURE FRONT-END authService
9. S3.E57 - FRONT-END VALIDATION (PART I)
10. S3.E58 - FRONT-END VALIDATION (PART II)
11. S3.E59 - SUBMIT A VALID USER TO THE BACK-END
12. S3.E60 - SET UP TO RECEIVE ERRORS FROM THE BACK-END
1. S3.E61 - ROUTE SET UP
2. S3.E62 - IMPLEMENT BUSINESS RULES - CHECK CREDENTIALS
3. S3.E63 - IMPLEMENT BUSINESS RULES - GENERATE TOKEN (PART I)
4. S3.E64 - IMPLEMENT BUSINESS RULES - GENERATE TOKEN (PART II)
5. S3.E65 - IMPLEMENT BUSINESS RULES - GENERATE COOKIE
6. S3.E66 - PRIVATE ROUTE - GET ALL PROJECTS
7. S3.E67 - MIDDLEWARE FOR AUTHENTICATION CHECK
8. S3.E68 - BUILD OUR PROJECT DASHBOARD - MUI (PART I)
9. S3.E69 - BUILD OUR PROJECT DASHBOARD - MUI (PART II)
10. S3.E70 - BUILD OUR PROJECT DASHBOARD - MUI (PART III)
11. S3.E71 - BUILD OUR PROJECT DASHBOARD - MUI (PART III - CONTINUED)
12. S3.E72 - BUILD OUR PROJECT DASHBOARD - MUI (PART III - CONTINUED AGAIN)
13. S3.E73 - STORE CONFIGURATION - AUTH SLICE
14. S3.E74 - STORE CONFIGURATION - PROVIDER
15. S3.E75 - SET axiosConfig & UPDATE BACK-END CORS
16. S3.E76 - SET API CALL TO BACK-END
17. S3.E77 - PRIVATE & PUBLIC ROUTE CONFIGURATION
1. S3.E78 - PROJECT BOARD MUI
2. S3.E79 - IMPLEMENT PROJECT FORM (PART I)
3. S3.E80 - IMPLEMENT PROJECT FORM (PART II)
4. S3.E81 - IMPLEMENT PROJECT TABLE (PART I)
5. S3.E82 - IMPLEMENT PROJECT TABLE (PART II)
6. S3.E83 - IMPLEMENT PROJECT TABLE (PART III)
7. S3.E84 - SIDE BAR (PART I)
8. S3.E85 - SIDE BAR (PART II)
9. S3.E86 - SIDE BAR (PART III)
1. S3.E87 - PROJECT ROUTE SET UP
2. S3.E88 - IMPLEMENT REPOSITORY LAYER
3. S3.E89 - IMPLEMENT SERVICE LAYER
4. S3.E90 - IMPLEMENT projectService & FORM VALIDATION
5. S3.E91 - SUBMIT THE FORM TO THE BACK-END
6. S3.E92 - INTERCEPTOR
7. S3.E93 - IMPLEMENT REPOSITORY AND SERVICE LAYERS
8. S3.E94 - IMPLEMENT PROJECT SLICE (PART I)
9. S3.E95 - IMPLEMENT PROJECT SLICE (PART II)
10. S3.E96 - DISPLAY PROJECT LIST
11. S3.E97 - UPDATE onSubmitProject FUNCTION (projectForm.jsx)
12. S3.E98 - SET UP AND TEST DELETE END POINT
13. S3.E99 - ENABLE PROJECT MENU
14. S3.E100 - DELETE CONFIRMATION DIALOG (PART I)
15. S3.E101 - DELETE CONFIRMATION DIALOG (PART II)
16. S3.E102 - ENABLE THE DELETE OPERATION
17. S3.E103 - UPDATE OUR PROJECT-REPOSITORY
18. S3.E104 - IMPLEMENT SERVICE LAYER TO UPDATE
19. S3.E105 - WRAP UP END POINT & TEST
20. S3.E106 - UPDATE projectService AND projectSlice
21. S3.E107 - SET PROJECT TO BE UPDATED TO THE STATE
22. S3.E108 - LOAD THE MODAL FORM
23. S3.E109 - SUBMIT THE UPDATE PROJECT
1. S3.E110 - TaskBoard COMPONENT
2. S3.E111 - TASK BOARD MUI (PART I)
3. S3.E112 - TASK BOARD MUI (PART II)
4. S3.E113 - TASK BOARD MUI (PART III)
5. S3.E114 - CUSTOM MODAL (PART I)
6. S3.E115 - CUSTOM MODAL (PART II)
7. S3.E116 - CUSTOM MODAL (PART III)
1. S3.E117 - TASK ROUTE SET UP
2. S3.E118 - VALIDATION
3. S3.E119 - CONTROLLER & SERVICE LAYERS
4. S3.E120 - TASK REPOSITORY (PART I)
5. S3.E121 - TASK REPOSITORY (PART II)
6. S3.E122 - taskBoardService & FE VALIDATION
7. S3.E123 - SUBMIT TO BACK-END
8. S3.E124 - SET UP REPOSITORY, ROUTE, AND CONTROLLER
9. S3.E125 - SERVICE LAYER
10. S3.E126 - UPDATE THE SERVICE LAYER
11. S3.E127 - ANALYZE API DATA
12. S3.E128 - TASK BOARD SECTION (PART I)
13. S3.E129 - TASK BOARD SECTION (PART II)
14. S3.E130 - DISPLAY TASK CARDS (PART I)
15. S3.E131 - DISPLAY TASK CARDS (PART II)
16. S3.E132 - REFRESH TASK LIST AFTER TASK CREATION
17. S3.E133 - TASK MENU (PART I)
18. S3.E134 - TASK MENU (PART II)
19. S3.E135 - CREATE ROUTE, CONTROLLER, AND SERVICE
20. S3.E136 - DELETE LOGIC - TASK SERVICE
21. S3.E137 - OPEN AND CLOSE DELETE DIALOG
22. S3.E138 - COMPLETE DIALOG
23. S3.E139 - CONFIRM DELETE
24. S3.E140 - UPDATE ROUTE, CONTROLLER, AND SERVICE
25. S3.E141 - UPDATE LOGIC - TASK SERVICE (PART I)
26. S3.E142 - UPDATE LOGIC - TASK SERVICE (PART II)
27. S3.E143 - OPEN AND CLOSE THE VIEW MODAL
28. S3.E144 - MODAL FORM
29. S3.E145 - SUBMIT UPDATE MODAL
1. S3.E146 - DragDropContext & DROPPABLE AREA
2. S3.E147 - DRAGGABLE ITEMS
3. S3.E148 - DRAG 'N' DROP LOGIC (PART I)
4. S3.E149 - DRAG 'N' DROP LOGIC (PART II)
5. S3.E150 - DRAG 'N' DROP LOGIC (PART III)
6. S3.E151 - DRAG 'N' DROP LOGIC (PART III - CONTINUED)
7. S3.E152 - WHAT DO WE SUBMIT TO THE BACK-END?
8. S3.E153 - BACK-END CALL
9. S3.E154 - SET UP BASIC END POINT
10. S3.E155 - BUSINESS LOGIC
1. S3.E156 - WHAT IS SINGLE SIGN ON (SSO)?
2. S3.E157 - CREATE GOOGLE ACCOUNT
3. S3.E158 - UPDATE .env
4. S3.E159 - PASSPORT config
5. S3.E160 - STORE USER
6. S3.E161 - useGoogleAuth CUSTOM HOOK
7. S3.E162 - SSO - register.jsx
8. S3.E163 - SSO - login.jsx
1. INTRODUCTION TO AZURE CLOUD
2. S3.E164 - BACK-END DEPLOYMENT
3. S3.E165 - BACK-END TEST WITH LOCAL FRONT-END
4. S3.E166 - FRONT-END DEPLOYMENT PREP
5. S3.E167 - FRONT-END DEPLOYMENT & SSO CONFIGURATION

About this course

$77.00
169 lessons
13 hours of video content

Discover your potential, starting today

Enroll today

Full Stack Basics

Season 3 - Full Stack Basics: PRODUCTION

Course curriculum

WHY CORE JAVASCRIPT BEFORE REACT?

BUILD OUR FIRST MVP

MATERIAL UI FRONT-END

NODE JS BACK-END SETUP

DATA MODELLING

MERN - FLOW #1: USER REGISTRATION

MERN - FLOW #2: STANDARD LOGIN

MERN - FLOW #3: DISPLAY PROJECT DASHBOARD

MERN - FLOW #4: CRUD PROJECTS

MERN - FLOW #5: PROJECT BOARD

MERN - FLOW #6: CRUD TASKS

MERN - FLOW #7: DRAG 'N' DROP

MERN - FLOW #8: SINGLE SIGN ON (SSO)

MERN CLOUD DEPLOYMENT

About this course

Discover your potential, starting today