Full Stack Development – Module 3 – React JS

Full Stack Development – Module 3 – React JS

• Curriculum
• Instructor

• Introduction to Frameworks

  7
  • Module In Java Script
  • Command Line Interface
  • Node JS and NPM
  • Memory Management In Java Script
  • Garbage Collector
  • Call Stack
  • Useful Chrome Extensions

• Introduction to React JS

  11
  • JavaScript Frameworks
  • Introduction to React
  • File Structure of a React
  • Introduction to JSX
  • React DOM
  • Technologies Used in React
  • Components
  • Creating React Components
  • Styling React Components
  • Import & Exporting a Component
  • Variables Functions & Rendering

• React State & Working with Events

  4
  • Introduction to State
  • Event Handlers
  • Functions in JSX Components
  • Multiple States & Updating Previous State

• Props

  4
  • Props – Part 1
  • Props – Part 2 (Sending Data Back )
  • Lifting the state up
  • Controlled & Un Controlled Components

• Rendering Lists and Conditional Content

  6
  • Rendering Lists Inside React
  • Understanding “Keys”
  • Using State-ful Lists
  • Outputting Conditional Content
  • Adding Conditional return statements
  • Working with Ref’s in React

• Class Components

  5
  • Introduction To Class Components
  • Passing data in Class Components
  • Lifecycle Methods & How To Use Them
  • Class Based vs Functional Based
  • Error Boundaries

• Styling React Components

  5
  • Setting Dynamic Inline Styles
  • Setting CSS Classes Dynamically
  • Introducing Styled Components
  • Styled Components & Dynamic Props
  • Styled Components & Media Queries

• Handling Side Effects, Using Reducers and using the Context API

  6
  • Side Effects In React
  • Use Effect
  • Example Of Use Effect & Clean Up Function
  • Use Reducer
  • Difference between Use State & Use Reducer
  • Introduction To React Context

• Building Custom React Hooks

  1
  • Creating Custom Hooks

• React Router

  4
  • Introduction to Router
  • Implementing the router V5
  • Programmatic navigation
  • Implementing the router V6

• To Do List Project

  7
  • Introduction To The Project
  • Breaking Down The Project
  • Building the input container
  • Building The Item List Container
  • Connecting the list container with input container
  • Adding Delete and Count Features
  • Wrap up and recap

• Insta Buy

  16
  • Introduction To Project
  • Setting Up The Project
  • Creating Home Component
  • Fixing Ui Bugs
  • Creating Login Components
  • Creating Signup Components
  • Adding Navigation To The Project
  • Persisting User Data
  • Getting Product Data From API
  • Designing Product Gallery
  • Product Details Page
  • Products In This Category
  • Creating Cart Element
  • Adding Items To Cart
  • Finalizing Cart Functionality
  • Fixing Navlinks

• Ticket Box

  19
  • Introduction to Project
  • Setting Up Project
  • Installing React Bootstrap &Adding Navigation Bar
  • Finalizing Navigation Bar
  • Creating Login Component
  • Creating Sign up Component
  • Fixing Bugs
  • TMDB API
  • Creating Home Page Component
  • Completing Home Page
  • Adding to Movies
  • Geoapify API
  • Getting Near By Theaters
  • Creating UI for Seat Selection
  • Finalizing Seat Selection
  • Creating Success Component
  • Creating Logout Button
  • Restructuring Navigation
  • Finalizing Project

• Capstone Project -1

  1
  • MedStart

• Firebase and React

  10
  • Introduction To Fire Base
  • Adding Firebase And Add Design To React
  • Creating Login and Signup Components
  • Adding Firebase Authentication
  • Adding Firestore Database
  • Getting Single Document
  • Adding And Deleting Data
  • Qurey The Data
  • User Profile
  • Authentication State Management

• Capstone Project - 2

  2
  • Introduction
  • Capstone

cynohub_admin

Price ₹65,000.00

Instructor cynohub_admin

Duration 10 weeks

Lectures 108

Enrolled 20 students

Buy this course