https://codeit.com.np/storage/01HQW5JZ09J2G1XZDM4WRR30X7.webp

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
Upcoming Class Schedule
June 10, 2024
8:00pm-9:30pm
Class Type
Online

Quick Enquiry