Development
QLS
Business
Healthcare
Health & Fitness
Technology
Teaching
Lifestyle
Design
See the Curriculum Section for materials and enjoy learning with Imperial Academy.
Course Curriculum
| 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 | ||
Certificate of Achievement
Learners will get an certificate of achievement directly at their doorstep after successfully completing the course!
It should also be noted that international students must pay £10 for shipping cost.
CPD Accredited Certification
Upon successfully completing the course, you will be qualified for CPD Accredited Certificate. Certification is available –
- PDF Certificate £7.99
- Hard Copy Certificate £14.99
Related Courses
Recent Courses
