Web Development Training In Chennai

Module 1: Web Programming 

• Introduction to web development – The fundamental technology is used to define the structure of a webpage. 

Module 2: HTML-Introduction

• History of HTML 
• What do you need to do to get going and make your first HTML page  
• What are HTML Tags and Attributes? 
• HTML Tag vs. Element  HTML Attributes
• How to differentiate HTML Document Versions 

Module 3: HTML-Headers

• Title  
• Head 
• Style 
• Script
• Meta

Module 4: HTML-Basic Formatting  and Grouping Tags 

• HTML Basic Tags 
• HTML Formatting Tags
• Div and Span Tags for Grouping
• Class, Id  attributes

Module 5 : HTML-Images and HTML-List

• Image and Image Mapping
• Unordered Lists
• Ordered Lists

Module 6: HTML-Hyperlink and  HTML-Table

• Anchor tag and Href, Target attributes.
• Link bookmarks
• Table in HTML (<table>,<th>,<tr>,<td>,<caption>,<thead>,<tbody>,<tfoot>)

Module 7: HTML-Iframe and  HTML-Form

• Iframe as the Target.
• Forms in html (<input> + Different types of Inputs,<textarea>,<button>,<select>,<label>)

Module 8: HTML Project Building

• The final Project that covers all HTML topics will be given 

Module 9: CSS-Introduction

• CSS Syntax
• External Style Sheet, Internal Style Sheet
• Value Lengths and Percentages
• Class selector, Id selector, Universal Selector, Grouping Selectors, Attribute Selectors

Module 10: CSS Backgrounds

• Background-color
• Background-image
• Background-repeat
• Background-position
• Background-attachment
• Background shorthand 

Module 11: CSS Typography

• Color
• Text-decoration
• Text-align
• Text-indent
• Text-transform
• White-space
• Letter-spacing  
• Word-spacing 
• Line-height  
• Font-family 
• Font-size  
• Font-style  
• Font-variant 
• Font-weight

Module 12: CSS-Box Model

• What is a box model
• Margin & padding
• Width and height 
• Max-width and Min-height
• Borders & outline

Module 13: CSS- Lists and Tables

• List-style
• List-style-type
• List-style-position
• List-style-image 
• Tables(border, width & height, padding)

Module 14: CSS -Display Positioning

• Visibility
• Display
• Positioning (Relative Positioning, Absolute Positioning, Static Positioning, Fixed Positioning,)
• Z-Index

Module 15: CSS -Floats and Combinators

• Float
• Clear
• Clearfix Hack  
• CSS combinators(Descendant Selector, Child selector, Adjacent Sibling Selector, General Sibling Selector)

Module 16: CSS Flex and Grids

• Flex
• Justify Content 
• Align Items 
• Flex -Wrap
• Order
• Flex-Direction
• Custom grids using float 

Module 17: CSS RWD

• Responsive web design
• Media queries 
• Splitting pages into grids by using flex and custom grids 

Module 18: Project Building (HTML,CSS)

• The final Project that covers all HTML and CSS  topics will be given 

Module 19: Intro to JavaScript

• What is Javascript 
• Scripting VS Programming 
• Where JS is used 
• Different types of JS engines in browsers 
• How to write scripts
• Internal and external scripting 

Module 20: Language Syntax

• Datatypes in JS 
• Dynamic typing 
• Variable declaration  
• Operators 
• Typecasting and Type correcion 

Module 21: Control Statements

• If, else if, else conditions 
• Loops (for, while,do while )
• Switch case  

Module 22: Arrays in JS 

• What are arrays 
• Types of array declarations
• Iterating over array (single iteration, nested 2-D,3-D iteration )
• Array methods (slice,splice,unshift,shift,push,pop,reverse)
• Demerits of array methods 
• Problem-solving patterns in arrays 
• Top Interview leet code problems in arrays 

Module 23: Strings in JS

• What are strings 
• Types of strings declarations
• Iterating over strings
• String  methods
• Problem-solving patterns in strings 
• Top Interview leet code problems in strings 

Module 24: Function  in JS

• What are functions and their use
• Syntax for declaring function 
• Return keyword in a function 
• Passing parameters into function 
• Function decalration vs function expression 
• Callbacks 
• Closures 
• Hositing 

Module 25: Objects  in JS

• What are objects in js 
• Types of objects  declarations
• Methods inside object 
• This keyword and their scoping 
• Object methods 
• Bind, call, apply 
• Problem-solving using objects in the array 

Module 26: DOM

• What is DOM
• How to select HTML elements in js 
• Different types of document methods 
• Event listeners and different types of events 
• Set-timeout, Cleartimeout
• Set- interval,Clearinterval
• Form validations 
• Dynamically writing HTML in js 

Module 27: Prototypes ad Es5 Classes 

• Prototypes and their uses 
• How to declare classes using function 
• Prototype chain 

Module 28: ES6

• Let, const and what is TDZ 
• Arrow function and their scoping 
• Array helper methods 
• Spread, Rest operator 
• Default arguments 
• ES6 classes 

Module 29: Async JS

• What are Promises in js 
• The syntax for declaring a promise 
• Methods in promise 
• Resolving and rejecting a promise 
• What is JSON 
• Fetch for API requests 
• Async and await 

Module 30: Most asked interview questions 

• Practicing most asked interview questions 

Module 31: Final project using HTML, CSS, AND JS 

Module 32: Data structures and Algorithm 

• Patterns to solve a problem
• Searching Algorithm 

Module 33: Sorting Algorithm

• Bubble sort, merge sort, selection sort 
• Leet code top asked interview problems 

Module 34: Recursion 

• How to implement recursion  
• Helper function in recursion 
• Leet code top asked interview problems 

Module 35: Linked Lists

• SinglyLinked List, Doubly Linked List 
• Leet code problems 

Module 36: Stacks and Queue

• Implementing stack and queue using arrays 
• Implementing stack and queue using Linked List
• The time complexity between different types of implementation 
• Leet code top asked interview problems

Module 37: BST

• What are trees 
• Different types of trees
• Implementing binary search tree 
• Time complexity

Module 38: Tree Traversal 

• BFS Algorithm 
• DFS Algorithm (inorder,preorder,postorder)
• Leet code top asked interview problems

Module 39: Graph 

• What are Graphs
• Different types of graphs
• Storing graphs adjacency matrix 
• Storing graphs adjacency list
• Add edge and Remove edge  

Module 40: Graph Traversal 

• BFS Algorithm 
• DFS Algorithm
• Leet code top asked interview problems

Module 41: Dynamic Programming 

• What is Dp 
• Overlapping subproblem 
• Optimal substructure 
• Memoization and Tabulation 

Module 42: Final Project Using DSA And Revision Of Interview Problems