ReactJS

REACTJS TRAINING COURSE SYLLABUS

What is ReactJS used for...?

What is React JS used for? ReactJS's primary goal is to create User Interfaces (UI) which enhance the speed of programs. It makes use of virtual DOM (JavaScript object), which enhances the app's efficiency. Quicker than the standard DOM is the JavaScript virtual


Trainer

BalaMurugan T

Available Seats

30

Schedule

5.00 pm - 7.00 pm

Quick Enquiry

Introduction To Front End

  • Semantic HTML
  • CSS Basics
  • Working with Chrome DevTools
  • CSS Layouts: Display Property
  • CSS Layouts: Float Property
  • CSS Layouts: Position Property
  • HTML Forms & Inputs
  • Basics of Responsive Website Design
  • Responsive Layouts & Mobile First Design with Flexbox

    • Introduction To JavaScript

  • Programming in JavaScript
  • Variables and Data Types
  • Functions
  • Working with Strings & Numbers
  • Application Logic & Loops
  • Introduction to Arrays & Objects
  • Working with Objects
  • Working with Arrays

    • Introduction to ReactJS

  • Setting up your Dev Environment
  • Introduction to Node & NPM
  • Create React App Boilerplate & Introduction to JSX
  • Introduction to SCSS & Adding SCSS Support

    • React Components And States

  • Passing Static & Dynamic Data between Components
  • React Basics: Components with States & Props
  • React Basics: Components with States & Props
  • Routing Support using React Router
  • Event Handling

    • Working With Data

  • Setting States and Props
  • Introduction to AJAX & Asynchronous Calls
  • Introduction to Axios & Service Calls
  • Loading Data into State
  • Fetching Data using API Calls
  • Using Helper Functions

    • Understanding API's And CRUD Operations

  • Introduction to REST API
  • Creating a Mock API Server
  • Understanding CRUD & HTTP Verbs
  • Implementing CRUD Endpoints

    • Conditional Rentaring

  • Introduction to Conditional Rendering using React
  • Handling Undefined and Unknown Data
  • Completely Componentising Repeats
  • Building the App based on Bootstrap

    • NoteJS Basics

  • Introduction to Node JS & Express JS
  • Basic Hello World REST API in Express JS
  • Creating modular Routers in Express JS
  • Using POST Variables with Body Parser
  • Using in-memory storage to access data

    • Connecting Rest API To Frentend

  • Introduction to AJAX calls
  • Using Fetch
  • Using Axios and understanding difference between fetch and Axios
  • Creating & implementing Service Calls
  • Consuming service calls and updating components

    • Stylling And Componentisation

  • Implementing Routers
  • Creating multiple pages
  • Using Partials
  • Adding Bootstrap Styles
  • Creating Components and using in Pages
  • Migrating Class Components to Functional Components
  • Using Hooks
  • useState and useEffect