React JS Frontend Framework
Duration: 14 Days
Course Fee: Rs.999 /-
Rs.16500
Course Overview:
This syllabus is designed to provide participants with a comprehensive and hands-on introduction to React, a popular JavaScript library for building user interfaces. The course covers React fundamentals, state management, component lifecycle, routing, and integrating with external APIs. Participants will gain practical experience in developing React applications.
Prerequisites:
Basic understanding of HTML, CSS, and JavaScript. Familiarity with ES6 syntax is beneficial but not mandatory.
What you will learn
Learn the modern way of building web applications
Master React's Compositional Model
Build an Instagram-like Web App from the ground up!
Build Interactive Web Pages with self-contained Components
Manage your Application's Data with Redux
Get web development jobs on freelancer sites
Materials included
Free Certificate
Life Time Video Access
Live Session (Google Meet)
QNA Session after class
Requirements
You must know HTML
CSS
JavaScript
Course Syllabus
Introduction
- Introduction
- Discover More Valuable Content
Getting Started
- Code Editor
- Node js
ES6 Crash Course
- Overview
- How to run your code for this section
- ES6 - let (Optional)
- ES6 - let vs const (Optional)
- ES6 - Arrow Functions (Optional)
- ES6 - Template Strings (Optional)
- Prototype Methods (Optional)
- ES6 - Classes (Optional)
React Intro
- Overview
- Create-react-app
- Create-react-app (Permissions Error)
- Elements
- JSX
- Components
- Refactor
React State Management
- Overview
- App Setup (Resources)
- App Setup
- Component Architecture
- Functional Components
- State Management
- Updating State
- Prop-Types
- Lifecycle Methods
- Lifecycle Methods List
React Router
- Overview
- Component State Navigation (Resources)
- Component State Navigation
- Browser-Router
- Link
- Route
- UI Setup (Resources)
- Font-names (error)
- UI Setup
- Adding Photos
- Wrapping up
- Key Prop - Index, or not?
- Source Code
Redux
- Overview
- Theory
- Redux Store
- Reducer
- Connected Component
- Actions
- Updating State
- Actions (2) - Adding Posts
- History Prop Inconsistency
- Redux Dev Tool
- Source Code
Redux (2)
- CSS
- UI Setup
- Adding Comments
- Selectively Loading Comments
- Comment Count
- Source Code
Simple Website Using API
- Project Work
