From Beginner to PRO

  • About Our React.js Course -

    Learn advanced front end development with backed integration in PHP or any application development technology (as per course enrolled) to become advanced Application developer or React developer. Please note that this is a skill upgrade course hence placement support not provided for this course, you need to enroll in MERN or Web developer course in order to be eligible for placement support. Please check course links in header.

  • Pre-requisites -

    Web designing and any one appliation development technology like php/jsp/asp etc.

  • Brochure    Inquire Now

    (web designing part)
  • Related Course - Full Stack Web Developer

Get Offers & Details

Syllabus

Adv React.js Course
  • Pre-requisite: Web Designing + JavaScript(ES6+)
  • Introduction
  • Installing Node.js
  • VS Code Configuration
  • Creating React App
  • Folder Structure
  • JSX Syntax
  • Creating Components
  • Class Components (for understanding older React projects)
  • Functional Components (modern React standard.)
  • Using Components
  • Adding CSS
  • Adding Bootstrap
  • Hooks
    • useState
    • useEffect
    • useParam
    • useLocation etc
  • Event Handling
    • On Click
    • On keyup
    • On change
    • On keypress
    • On keydown, etc.
  • Properties (Props)
    • props destructuring
    • props children
    • props drilling
  • Context API
  • React Router Dom
    • CreateBrowserRoute
    • Routes
    • Route,etc.
  • Working with Forms
  • Rest API with React
  • React with Backend (php / Node.js)
  • CRUD Operations
  • Advance hooks
    • useReducer
    • useMemo
    • useRef
    • useCallback
  • Redux
    • create store
    • useSelector
    • useDispatch , etc
  • AXIOS
  • Taiwind CSS
    • modern styling library
    • breakpoints (layouts)
    • UI first approach
    • Customizing
    • Properties
    • & more...
  • Projects
    • 1. Counter App
    • 2. Password Generator
    • 3. E-Commerce
  • Pre-requisite: React. Duration 2 weeks
  • Introduction
    • What is Next.js?
    • Next.js vs React
    • Rendering Paradigms SSR, SSG and CSR basic Overview
  • Setup & Folder Structure
    • Create Next.js app
    • Run development server
    • app folder Structure
    • page.js & layout.js
    • public folder
    • Why Hydration Error Comes?
  • Routing
    • File-based routing
    • Static routes
    • Dynamic routes/Slug Route
    • Nested routes
    • Link navigation
    • useRouter
  • Components
    • Server vs Client Components
    • "use client"
    • Props & children
    • Reusable components
  • Data Fetching
    • fetch() in Next.js
    • Server side data fetching
    • Loading states (loading.js)
  • Styling
    • Tailwind CSS setup
    • Responsive design
    • next/image Component
  • SEO & Metadata
    • metadata object
    • generateMetadata()
    • basic SEO tags
    • Dynamic Metadata
      • generateMetadata()
      • Dynamic Title
      • Dynamic Description
  • Error Handling & UI
    • error.js
    • not-found.js
    • basic fallback UI
  • 1.5 months
  • addon - Nexts.js (3 weeks to 1 month) available, fees and duration extra.
  • more info

Training Samples

Learn 100% Practically (watch video)

Fees / Details

Related Courses

Trending Courses

Courses

Inquire Now

Training Programs

Fees / Details

Google Reviews

Get Best Training,
Book Demo