HTML
CSS
Bootstrap
JavaScript
HTML
1. Basics of HTML
- Introduction to HTML
- HTML Attributes and page structure
- Lists and Tables
- Bold, Emphasis and Underline
2. Advanced HTML
- Images and Links
- CSS Styles
- IDs and Classes
- Div and Span
- Forms
- The Box Model
- IFrames
CSS
1. Using HTML and CSS
- CSS Introduction
- Font Formats
- Font Formats-2
- CSS Comments
- Background Images-1
- Background Images-2
- Background Images-3
- Box Model-1
- Border
- Padding and Margins
- Box Model-1
2. Content (Formtting Visual Data)
- Unordered List
- Ordered List
- Link Styling
- Button Styling
- Selectors
- Pseudo Classes
3. Graphics (Images and Colors)
- Basic Positions
- Z-Index
- Float
- Inline and Block Level Elements
- Grids
- Flexbox
- Pseodo Elements
- Units-1
- Linear Gradient
- Radial Gradient
- Variables
- Animations
- SAAS and LESS
Bootstrap
1.Grid System, Alerts and Buttons
- Basics of Bootstrap
- Bootstrap Grids
- Bootstrap Container and container-fluid
- Buttons and Alerts
- Bootstrap Grids
2. Cards, Navs and Dropdowns
- Cards
- Navs and Dropdowns
- Active Nav Items
- Bootstrap Scaling
JavaScript
1. Fundamentals of JavaScript
- What is JavaScript
- JavaScript Scripts
- JavaScript Language Type
- Variables
- Comments
- Modulo Operator
- Variable Scope
- Template Literals
- If Statements
- Else-If Statements
- Concatenation
- DataTypes in JavaScript
- Equality Operator
- Switches and Decision Structures
- Arrays and Strings
- Fuctions in JavaScript
- Closures in JavaScript
2. Advanced JavaScript
- Loops
- Adding HTML to pages
- Forms and Input
- DOM Structure and Methods
- DOM in JavaScript
- Inner Text
- Data Types
- Objects
- Calender and Date Functions
- Modern JavaScript Syntax
- JSON Objects
- Inspect Element and network tab
- “this” keyword in JavaScript
- jQuery
- Nested Functions
- Global Object
- Introduction to AI tools in Web Development
- AI tools for Web Developers