Course content
- Introduction
- What is React.js
- JavascriptÂ
- Adding React Directly in HTML
- DOM and Virtual DOM
- Online editors for react
- Node.js and npm Installation
- Creating First React App
- Creating our Development Environment
- Running application and understanding the code
- Modification
- Understanding the General App Idea
- Sketching out the Frontend
- SPA Pages for the Frontend
- Setting Up a Starting Project
- Understanding JSX
- Understanding Components
- Function Based Components
- Class Based Components
- Working with Multiple Components
- Understanding Props and States
- Using Props to pass Data between Components
- Using States
- Stateful Components
- Adding a Main Header With Navlinks
- Creating Form
- Adding data in list
- Router
- Handling Events
- axios
- Form Component
- Submit Data
- Setting up Project
- Implementing Basic Routing
- Multiple ways to add bootstrap
- Creating Bootstrap Compnents
- Adding classes in jsx
- alternatives for jquery based components
- Multiple ways to add Material UI
- Creating Material UI Compnents
- Adding classes in jsx
- Advantages
- Create operation
- Read and Present data with style
- Upadating
- Deleting
- Multiple ways to add Css in react
- Connect all class based and funtion based components
- Recap the development cycle
- Discussion about the dependencies, resources and final projects
- Students have to create a CRUD Application for their portfolio and full understanding under the guidance of trainer.