Course Curriculum
Course Curriculum
| Getting Started | |||
| VS Code Setup | FREE | 00:03:00 | |
| How to get source code for each lecture | 00:01:00 | ||
| Create React App using create-react-app cli | 00:02:00 | ||
| Creating Nested React Elements | 00:08:00 | ||
| Creating Nested Elements in React | 00:08:00 | ||
| How React uses React Elements to Create Virtual DOM | 00:01:00 | ||
| What is DOM | 00:03:00 | ||
| What is Virtual DOM | 00:05:00 | ||
| Create Nested Components in React | 00:05:00 | ||
| Creating Components in React | 00:06:00 | ||
| Adding Props Validations in React Component | 00:03:00 | ||
| Create Nested Components in React | 00:05:00 | ||
| Create State in React Component | 00:08:00 | ||
| Update State using events and custom methods | 00:08:00 | ||
| Iterate Array and render the components | 00:06:00 | ||
| Pass function as props from Parent to Child Componenty | 00:09:00 | ||
| Convert React Components to JSX | 00:09:00 | ||
| Module Summary | 00:01:00 | ||
| Data Flow in React Components | |||
| State in React Component | 00:05:00 | ||
| Shallow Merging with setState | 00:06:00 | ||
| Use props, PropTypes and defaultProps in React Component | 00:06:00 | ||
| Communicate with Parent and Child Component | 00:07:00 | ||
| Module Summary | 00:01:00 | ||
| Component LifeCycle Methods in React | |||
| What are LifeCycle Methods in React Component | 00:01:00 | ||
| Types and Phases of LifeCycle Methods | 00:04:00 | ||
| LifeCycle Mounting Methods in Action | 00:09:00 | ||
| LifeCycle Updating Methods in Action | 00:07:00 | ||
| Error Handling with componentDidCatch | 00:08:00 | ||
| Hacker news App - Building Components | |||
| Setup React Application | 00:03:00 | ||
| Add Bootstrap to React Application | 00:01:00 | ||
| Create Mock Restful API with Json-Server | 00:07:00 | ||
| Send HTTP Request in React using axios | 00:06:00 | ||
| Iterate Array and render the components | 00:06:00 | ||
| Add Bootstrap Card to render List Items | 00:07:00 | ||
| Creating Header Component | 00:06:00 | ||
| Error Handling with Custom ErrorMessage Component | 00:07:00 | ||
| Adding Loading Spinner | 00:04:00 | ||
| React Context API | |||
| Introduction to React Context API | 00:04:00 | ||
| React Context API in Action | 00:16:00 | ||
| Create Reducer to update the State in React Context | 00:09:00 | ||
| Create new Action to Handle Errors | 00:02:00 | ||
| Working with Forms in React | |||
| Creating Controlled Component | 00:03:00 | ||
| Adding State to the Form | 00:06:00 | ||
| Save new record by sending Http Request | 00:14:00 | ||
| Creating Reusable Component for Input FormControl | 00:07:00 | ||
| Adding Form Validations in React and Bootstrap | 00:08:00 | ||
| Add Routing in React using React-Router | |||
| Add Link Navigations using React-Router | 00:04:00 | ||
| Redirect after submitted new Record | 00:01:00 | ||
| Creating NotFound Component | 00:02:00 | ||
| Creating new Component to Edit the Record | 00:14:00 | ||
| State Management with Redux | |||
| Setting up Redux into React application | 00:10:00 | ||
| Connect React Component to Redux | 00:07:00 | ||
| Delete the Record from the ReduxStore | 00:07:00 | ||
| Add Record to ReduxStore | 00:05:00 | ||
| Consuming Http Rest API using Async Action Creators | |||
| Create Async Action to fetch records from the API | 00:07:00 | ||
| Create Async Action to delete records from the API | 00:01:00 | ||
| Create Async Action to add new Record | 00:01:00 | ||
| Async Action to fetch single record | 00:09:00 | ||
| Async Action to update the Link | 00:04:00 | ||
| Integrating React and Redux with Firebase | |||
| Creating Database on Firebase | 00:04:00 | ||
| Fetching data from firebase collection in react component | 00:12:00 | ||
| Delete document from firebase collection with react | 00:04:00 | ||
| Add document in firebase collection with react | 00:03:00 | ||
| Update document from firebase collection | 00:12:00 | ||
| Firebase Authentication with React and Redux | |||
| User Registration in React and Firebase | 00:09:00 | ||
| Logout User | 00:15:00 | ||
| User Login with Firebase and React | 00:04:00 | ||
| Apply Authentication on private Routes | 00:07:00 | ||
| Display error notification in React | 00:06:00 | ||
| Deploy React Application to Firebase | 00:05:00 | ||
| Bonus: ES6 crash course | |||
| var scoping | 00:04:00 | ||
| understanding let | 00:01:00 | ||
| Examples of const | 00:01:00 | ||
| More use cases of let and const | 00:04:00 | ||
| Introduction to Arrow functions | 00:02:00 | ||
| Examples on Arrow functions | 00:03:00 | ||
| Destructring Objects | 00:04:00 | ||
| Destructring Arrays | 00:03:00 | ||
| Destructring Function Arguments | 00:02:00 | ||
| Course Certification | |||
| Order your Certificate | 00:00:00 | ||
| Assessment | |||
Don't just take our word for it
Amazing workshop.
Very informative for the freshers like me. Learned a lot of things about digital marketing. I'm really thankful.
Aarini Sinha 
It was a great experience. The course was jampacked with excellent information. And when I needed help, Skill-up helped me with technical problems instantly. Fast feedback.
Varsha Sivamohan 
I am currently signed on to several courses with skill up. I have just finished my second one. The courses are informative and good for all types of learners. I recommend them.
Judith Taylor 
The support team was FANTASTIC!!! Very quick to respond and even though I was nervous as I am not good at tests, they made me feel comfortable.
I am very grateful for the support
Charlie Anderson 
Completed the Level 3 Mental Health Support Worker course, very good and highly recommend it.
Very good course, enjoyed it thoroughly and important in my line of work as a Support worker.
Parmjit Dosanjh 
I am pleased to have completed my online course in Mental Health First Aid with SkillUp. All the modules were detailed & comprehensive with review questions, which really helped me to grasp the information & prepared me well for the mock test & final exam.
Shan 
I was a bit nervous about the course but I gave a try,it's perfect and I still can't believe I paid a peanut to acquire such a course,the sliding show and introduction was well understood.i will recommend skill up to anyone interested to persuade a meaningful career,and also to the support team keep doing the good work.💪
Sara Nana 
Original price was: $346.11.$34.75Current price is: $34.75.
1 Year Access 
0 Students -
7 hours, 18 minutes