Module - 1: Fundamentals of Web Development

  1. Why Web Development
  1. Case Studies of some best websites for Inspiration
  1. Introduction to the Web
  1. HTML5(Basic tags, Forms, Validations, Buttons, Basic Components)
  1. CSS3(Basics,, CSS Colors, Text, Font, Specificity, Flat UI colors, UI Gradients)
  1. Introduce to MDN and Google Stuff
  1. DIY 1: Digital Resume using HTML and CSS (webpage)
  1. Bootstrap 4 (Structure, CDN, Forms, Navbars, Grid System, etc.)
  1. Flexbox
  1. DIY 2: Startup Portfolio Responsive Website using HTML, CSS, Bootstrap & Flexbox

Module - 2: JavaScript Basics

  1. Introduction to the JavaScript(Primitives, Variables, Null, Built-in Methods)
  1. JS Control Flow(Arithmetic & Comparison Operators, Conditionals, Switch, Loops, etc.)
  1. JS Functions(Basics, Return keyword, Arrow Functions, Map, reduce, Filter)
  1. JS Arrays
  1. JS Oops (Objects, ‘this’ keyword, Objects v/s Arrays)
  1. ES6 & ES7 JS(Async, Promises, Callbacks, Closures, For...of Loops, etc.)

Module - 3: Javascript Advanced

  1. DOM Manipulation(vanilla JS, Manipulating Style,Text, Content, Attribute, Events)
  1. DIY 3: Manipulating Google Homepage
  1. Promise and Async/Await
  1. Introduction to Events
  1. Validations in JavaScript

Module - 4: Introduction to jQuery

  1. What is Jquery?
  1. Selectors
  1. Effects
  1. Traversing
  1. Ajax
  1. Final Project

Module - 5: React Basics (Frontend Framework)

  1. Setting up the Environment
  1. ReactJS - Babel
  1. ReactJS - VirtualDOM
  1. ReactJS - ReactDOM
  1. ReactJS - Lists
  1. ReactJS - Forms
  1. ReactJS - Keys
  1. ReactJS - Refs
  1. ReactJS - Rendering elements
  1. ReactJS - Conditional Rendering

Module - 6: React Advanced

  1. React Components and JSX
  1. Creating a basic component
  1. ReactJS - Components
  1. • ReactJS - Functional Components
  1. ReactJS - Lifecycle Components
  1. Differences: Functional Component and Class Component
  1. Working with props and state
  1. ReactJS - Methods as props
  1. ReactJS - Proptypes
  1. ReactJS - Props
  1. Undirectional Data Flow
  1. ReactJS - State in React
  1. ReactJS - State vs props
  1. ReactJS - Implement State and Lifecycle
  1. Handling Events and Forms
  1. Working with forms
  1. Handling form submission
  1. Styling React Components
  1. CSS modules and component libraries

Module - 7: Introduction to jQuery

  1. JavaScript Multiple Objects
  1. AJAX Connection
  1. Get JSON using AJAX
  1. External JSON file using AJAX
  1. AJAX server interaction
  1. AJAX send data to server
  1. AJAX post data to server
  1. update form to multiple challenges

Module - 8: Tools for Web Development

  1. GitHub
  1. Chrome Developer Tools
  1. Sublime Text
  1. Marvel
  1. Visual Studio Code
  1. Node Package Manager (npm)
  1. Sass
  1. Bootstrap
  1. Grunt
  1. Ruby on Rails
  1. Postman
  1. Docker
  1. Kubernetes
  1. Sketch
  1. NGINX
  1. Flutter
  1. ReactJS
  1. Angular
  1. Vue.js
  1. Laravel
 
Book your Slot Now
 
 
badge