Introduction and Setup | |||
Welcome To The Course | 00:11:00 | ||
Environment Setup | 00:12:00 | ||
Anatomy of a React Project | 00:13:00 | ||
Getting Started with ReactJS | |||
Writing a React Component | 00:09:00 | ||
Purchasing and Procurement Management | 01:00:00 | ||
The React State | 00:15:00 | ||
Understanding Component Props and Re-rendering | 00:18:00 | ||
Importing CSS Into React Components | 00:05:00 | ||
Coding a calculator part 1 | 00:19:00 | ||
Coding a Calculator Part 2 | 00:35:00 | ||
Building a ReactJS Website | |||
React Website Setup | 00:06:00 | ||
Component Children | 00:17:00 | ||
React Routing | 00:10:00 | ||
Route Parameters and HTML Slicing Part 1 | 00:15:00 | ||
Route Parameters and HTML Slicing Part 2 | 00:17:00 | ||
Services and Portfolio Pages Part 2 | 00:10:00 | ||
Working With Forms in React Part 1 | 00:16:00 | ||
Working With Forms in React Part 2 | 00:22:00 | ||
Using Formik | 00:23:00 | ||
Yup Form Validation Schemas | 00:17:00 | ||
Rest API with LoopbackJS | |||
Setup of REST API Using LoopbackJS | 00:15:00 | ||
Creating Models | 00:13:00 | ||
Model Observers | 00:16:00 | ||
Model Relations | 00:16:00 | ||
ESLINT | 00:09:00 | ||
Subclassing Access Tokens | 00:06:00 | ||
Persisting Data Using MongoDB | 00:20:00 | ||
Creating Data | 00:07:00 | ||
Updating Data | 00:04:00 | ||
Finding Model Instances Part 2 | 00:03:00 | ||
Deleting Model Instances | 00:07:00 | ||
Creating Post Collection | 00:06:00 | ||
Roles and Rolemapping | 00:14:00 | ||
Applying Access Control to Our Post Model | 00:13:00 | ||
Adding an Editor Role | 00:10:00 | ||
Creating a Category Model | 00:09:00 | ||
File Storage and Collection Part 1 | 00:15:00 | ||
File Storage and Collection Part 2 | 00:10:00 | ||
Custom Remote Methods and File Uploads Part 1 | 00:18:00 | ||
Custom Remote Methods and File Uploads Part 2 | 00:14:00 | ||
Creating Login Route | 00:18:00 | ||
Adding a Login Form | 00:12:00 | ||
Redux and Material-UI | |||
Wrapping Components | 00:11:00 | ||
Dispatching Actions | 00:06:00 | ||
Creating Our Store and Reducers | 00:24:00 | ||
Integrating Remote API Calls | 00:22:00 | ||
Applying Middle Ware | 00:15:00 | ||
Material-UI Intro | 00:12:00 | ||
Drawer and CSS | 00:16:00 | ||
Drawer Collapsing and Animations | 00:14:00 | ||
Icons, Lists, Links | 00:17:00 | ||
Main Content Class | 00:14:00 | ||
Persisting Reducers Using Local Storage | 00:15:00 | ||
Basic Tables | 00:11:00 | ||
Fetching Posts and Users From Our API | 00:21:00 | ||
Fab Buttons | 00:12:00 | ||
Setting up Redux, Material-UI and Formik for Our Add Post Page | 00:12:00 | ||
Material-UI Forms With Formik | 00:19:00 | ||
Flex Display and Connecting Our Post Form to Our Database via Redux Part 1 | 00:15:00 | ||
Flex Display and Connecting Our Post Form to Our Database via Redux Part 2 | 00:15:00 | ||
Editing Existing Posts | 00:28:00 | ||
Uploading Post Images Part 1 | 00:16:00 | ||
Uploading Post Images Part 2 | 00:17:00 | ||
Integrating Quill as a Content Editor | 00:18:00 | ||
Loading Posts on the Front-end Part 1 | 00:14:00 | ||
Loading Posts on The Front-end Part 2 | 00:17:00 | ||
Loading More Posts on Demand | 00:12:00 | ||
Single Post Page | 00:27:00 | ||
Registering New Accounts | 00:25:00 | ||
Posting Comments and Adding Relations and ACLs to Our API Part 1 | 00:20:00 | ||
Posting Comments and Adding Relations and ACLs to Our API Part 2 | 00:19:00 | ||
Deploying React Apps With NGINX | 00:26:00 | ||
Deploying Our API Using PM2 And NGINIX Part 1 | 00:18:00 | ||
Deploying Our API Using PM2 And NGINIX Part 2 | 00:14:00 | ||
Deploying Our API Using PM2 And NGINIX Part 3 | 00:17:00 | ||
WebSocket Chat Application | |||
Creating A Chat App | 00:08:00 | ||
Creating Our Chat Store | 00:11:00 | ||
Websocket Connections | 00:08:00 | ||
Sending Socket Messages | 00:13:00 | ||
Creating Signup and Login Forms | 00:18:00 | ||
Writing Account Based Logic Part 1 | 00:30:00 | ||
Writing Account Based Logic Part 2 | 00:02:00 | ||
Using Auth Tokens | 00:13:00 | ||
Styling The Messenger | 00:21:00 | ||
Tracking Logged In Users | 00:14:00 | ||
Search Functionality | 00:20:00 | ||
Creating New Threads And Sending To Relevant Clients | 00:27:00 | ||
Connecting On Page Load If Already Logged In | 00:24:00 | ||
Get Threads on Page Load | 00:10:00 | ||
Disconnecting Socket Sessions | 00:11:00 | ||
Adding Messages and Sending to Relevant Clients | 00:32:00 | ||
Rendering Messages Client-side | 00:19:00 | ||
Rendering Messages With User Information | 00:23:00 | ||
Ejecting a React Application | 00:09:00 | ||
Order Your Certificate | |||
Order Your Certificate Now | 00:00:00 |
Upgrade to get UNLIMITED ACCESS to ALL COURSES for only £49/year
Claim Offer & UpgradeMembership renews after 12 months. You can cancel anytime from your account.