MODULE 2: HTML-INTRODUCTION

• History of HTML
• What 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

MODULE 3: HTML-HEADERS

• Title
• Base
• Link
• Styles
• Script
• Meta

MODULE 4: HTML-BASIC FORMATTING TAGS

• HTML Basic Tags
• HTML Formatting Tags
• HTML Color Coding

MODULE 5: HTML-GROUPING USING DIV SPAN

• Div Tag
• Span Tags

MODULE 6: HTML SEMANTIC ELEMENTS

• <arcle>
• <aside>
• <details>
• <figure>
• header>, <footer>
• <main>
• <mark>
• <nav>
• <section>
• <summary>
• <time>

MODULE 7: HTML-LISTS

• Unordered Lists
• Ordered Lists
• Definition list

MODULE 8: HTML-IMAGES

• Image and Image Mapping
• Background Images

MODULE 9: HTML-HYPERLINK

• Anchor Tag.
• URL - Uniform Resource Locator
• Relative and Absolute Address

MODULE 10: HTML-TABLE

• < table >
• < th >
• < tr >
• < td >
• < caption >
• < the ad >
• < t body >
• < toot >
• < cogroup >
• < col >

MODULE 11: HTML-IFRAME

• Using I frame as the Target

MODULE 12: HTML-FORM

• HTML Forms
• HTML Form Attributes
• HTML Form Elements
• HTML Input Types
• HTML Input Attributes
• HTML Input form  Attributes
• < text area >
• < button >
• < select >
• < label >

MODULE 13: HTML GRAPHICS

• HTML Canvas Graphics
• HTML SVG Graphics

MODULE 14: HTML MEDIA

• HTML Media
• HTML Video
• HTML Audio
• HTML Plug-in
• HTML YouTube

MODULE 15: HTML APIS

• HTML Geolocation
• HTML Drag/Drop
• HTML Web Storage
• HTML Web Workers
• HTML SSE

MODULE 1: CSS INTRODUCTION

• What is CSS?
• Why Use CSS?
• CSS Syntax

MODULE 2: CSS CORE PROPERTIES

• CSS Color
• CSS Backgrounds
• CSS Box Model
• CSS Borders
• CSS Margins
• CSS Paddings
• CSS Box Sizing

MODULE 3: CSS UNITS

• Absolute Units
• Relative Units
• Max-Width
• Min-Width

MODULE 4: CSS STYLING

• CSS Text
• CSS Fonts
• CSS Outline
• CSS Alignment
• Important

MODULE 5: STYLING ELEMENTS

• Links
• Lists
• Dropdowns
• Tables
• Images
• Image-Sprite
• Image-Filters
• Clip-Path
• Forms

MODULE 6: NAVBAR

• Vertical-Navbar
• Horizontal-Navbar

MODULE 7: CSS SELECTORS

• Simple Selectors
• Combinator selectors
• Pseudo-class selectors
• Pseudo-elements selectors
• Attribute selectors

MODULE 8: CSS POSITIONS

• Position
• Z-Index
• Float
• Clear
• Overflow

MODULE 9: CSS LAYOUTS

• Display
• Block
• Inline
• Inline-Block
• Grid
• Flex-Box

MODULE 10: CSS TRANSFORMATION

• CSS 2D Transforms
• CSS 3D Transforms
• CSS Transition
• CSS Animations

MODULE 11: CSS RESPONSIVE

• Responsive Introduction
• Responsive Viewport
• Responsive Breakpoint
• Media Queries

MODULE 1: INTRODUCTION

• What is JavaScript?
• Why Use JavaScript?
• Syntax
• Statements
• Comments

MODULE 2: LANGUAGE SYNTAX

• Data Types
• Variable Declarations
• Var vs. Let
• Constant
• Dynamic Type
• Type of
• Type Conversion
• Objects
• Arrays

MODULE 3: OPERATORS

• JavaScript Operators.
• Arithmetic Operators
• Assignment Operators
• Comparison Operators
• Equality Operators
• Ternary Operators
• Logical Operators
• Bitwise Operators

MODULE 4: CONTROL STATEMENT

• if
• else
• if/else
• switch/case

MODULE 5: LOOP STATEMENT

• for
• for/in
• for/off
• while
• do/while
• Infinite loop
• Break
• continue

MODULE 6: JAVASCRIPT HTML DOM

• HTML Document object Model
• DOM Methods
• DOM Documents
• DOM Elements
• DOM HTML
• DOM Forms
• DOM CSS
• DOM Events
• DOM Event Listener
• DOM Navigation
• DOM Nodes
• DOM Collections
• DOM Node Lists

MODULE 7: JAVASCRIPT HTML BOM

• HTML Browser object Model
• JS Window
• JS Screen
• JS Location
• JS History
• JS Navigator
• JS Popup Alert
• JS Timing
• JS Cookies

MODULE 8: ARRAY

• Array Introduction
• Adding Element
• Deleting Element
• Modifying Element
• Searching Element
• Emptying Element
• Combining and Slicing Array
• Spread Operator
• Looping with Array
• Filtering with Array
• Mapping with Array
• Reducing an Array

MODULE 9: FUNCTIONS

• Function Declarations.
• Hoisting
• Arguments
• The Rest Operators
• Default Parameters
• Getter and Setters
• Try and Catch
• Local vs. Global Scope
• this keyword

MODULE 10: OBJECTS

• Basics
• Factory Functions
• Constructor
• Dynamic Nature of Object
• Functions are Objects
• Value vs. Reference Type
• Enumerating Properties of an Object
• Cloning an Object
• String
• Date

MODULE 11: BUILT-IN OBJECTS

• Number
• Math
• String
• Array
• Date
• Boolean
• Regex

MODULE 12: EVENTS

• Introduction
• Mouse Events
• Keyboard Events
• Form Events
• Document/Window Events

MODULE 13: INTRODUCTION TO OOP CONCEPT

• Prototype, Module pattern
• Augmenting type
• Closure
• ES6 Introduction
• Let & Const
• Arrow Functions
• Class and Inheritance
• Rest and Map Operators
• Export and Import
• Modules

MODULE 14: JAVASCRIPT WEB API

• API Introduction
• Forms API
• History API
• Storage API
• Worker API
• Fetch API
• Geolocation API

MODULE 15: JAVASCRIPT AJAX

• AJAX Introduction
• AJAX XML Http
• AJAX Request
• AJAX Response

MODULE 16: JAVASCRIPT JSON

• JSON Introduction
• JSON Syntax
• JSON Data Types
• JSON Parse
• JSON Stringy
• JSON Objects
• JSON Arrays

• Getting started with jQuery
• Selecting elements
• Manipulating the page
• Traversing the DOM and chaining
• jQuery Utility Methods
• Handling events and event delegation
• AJAX,JSON and Deferred
• Enhancing with Animation effects
• Grids, Tables with AJAX, Pagination, jQuery UI
• jQuery Best Practices

MODULE 1: INTRODUCTION

• Introduction
• Quick Styles Aer Dark
• Our First Web Page
• What's inside?
• Scripts & Styles
• Core concepts
• Summary

MODULE 2: LAYOUT WITH BOOTSTRAP

• Introduction
• Grid Layouts
• Simple Layout
• Fixed Grids
• Fluid Grids
• Responsive Design
• Responsive Ulies
• Inspiration
• Summary

MODULE 3: EVERYDAY BOOTSTRAP

• Introduction
• Typography
• Tables
• Forms
• Buttons
• Images & Icons
• Summary

MODULE 4: BOOTSTRAP COMPONENT

• Introductions
• Drop Down Menu
• Buttons with Menus
• Tabs & Pil
• The Navbars
• Heros, Badgets, Labels and media
• Summary

MODULE 5: BOOTSTRAP AND JAVASCRIPT

• Introduction
• More Buttons
• Modals
• Toolps And Popovers
• Carousel
• Summary