Tutors

Innomatics Research Labs

PROGRAM OVERVIEW

CURRICULUM

  Course Tool Kit

  • Discord Community - Innomatics Server
  • Zoom Mentoring Sessions

  Front End Development - HTML CSS Bootstrap

  • Frontend Overview
  • HTML CSS Basics
  • Lists and Tables
  • Tables
  • HTML Basics(16th may'22)
  • iframes in html
  • Forms in HTML
  • Forms in HTML cont.
  • CSS - Internal, external, changing elements design with help of class, id and tag
  • CSS grid, flex, flex properties, transition and transform
  • Bootstrap-1
  • Bootstrap-2
  • Bootstrap-3
  • Java Script basics
  • JavaScript basics, inline javascript, script tag

  Version Control System

  • Git Command
  • Git and GitHub

  Front End Development - JavaScript

  • Introduction to Javascript
  • Data types
  • functions
  • Arrays, loops
  • Dom intro
  • onClick
  • JS cont.
  • Loops
  • OOPS concepts
  • Static & Non Static
  • Javascript Inheritance & Events
  • AJAX - Asynchronous JS & XML
  • Promises & Fetch()

  Front End Development - ReactJs

  • React introduction
  • React components & JSX
  • React app folder structure & work flow
  • React functional & class component
  • React props & state
  • React multiple components & conditional rendering
  • React parent child communication - 1
  • React parent child communication -2
  • React parent child communication - 3
  • Axios library
  • React hooks - useState() & useEffect()
  • React lifecycle methods - 1
  • React life cycle methods - 2
  • React revision
  • Integrate bootstrap in React and OOPS
  • React parent child communication revision
  • Assignement Discussion
  • Context API
  • HOC - Higher order components
  • HOC example
  • Redux
  • Reducers
  • React-redux
  • React redux with API data - 1
  • React redux with API data - 2
  • Project on React
  • React project discussion & introduction of Nodejs

  Assignment / Projects

  • 1