web-development

This is Web Development learning repository.
Reference Resource : mdn web docs

Other useful websites :
cssfontstack.com
coolors.co
mycolor.space
canva.com/color-palette

--- Concepts Covered ---

>> HTML

CHAPTER 1 :

1. HTML Elements and tags
   
2. Paragraph and Heading Element
   
3. Lists
   
4. Attributes
   
5. Anchor Element
   
6. Image Element
   
7. Comments
   
8. br Tag
   
9. Bold, Itatilc & Underline Tags
   
   

CHAPTER 2 :

1. Inline v/s Block
   
2. Div and Span Element
   
3. hr Tag
   
4. Sub & Sup Tag
   
5. Semantic Markup & Tags
   
6. HTML Entities
   
7. Emmets - HTML in speed
   
8. Understanding HTML 5
   

CHAPTER 3 :

1. Tables in HTML
   
2. Semantics in Tables
   
3. Colspan & Rowspan Attributes
   
4. Forms in HTML
   
5. Input - Form Element
   (Text, Checkbox, Radio, Select, Range, etc.)
   
6. Placeholders & Labels
   
7. for, id, name and value Attributes
   
8. Text Area
   
9. Button Element
   
   
   

>> CSS

CHAPTER 1 :

1. Introduction to CSS
   
2. Basic CSS Format
   
3. Including CSS (Types to include css script)
   
4. Color Property
   
5. Background Color Property
   
6. Color Systems (Name, RGB, Hex codes)
   
7. Text Align & Text Decoration Property
   
8. Font Size and Weight
   
9. Font Style and Family
   
10. Line Height & Letter Spacing
    

CHAPTER 2 :

1. Types of Selector (7)
   
2. Types of Combinator (2)
   
3. Pseudo Class
   
4. Pseudo Elements
   
5. Cascading & Specificity
   
6. !important
   
7. Inheritance
   

CHAPTER 3 :

1. Box Model
   
2. Height and Width
   
3. Border and it properties (5)
   
4. Padding and Margin property
   
5. Display property (block, inline, inline-block)
   
6. Units in CSS (px, em, rem, %, vh & vw)
   

CHAPTER 4 :

1. Alpha & Opacity
   
2. Transitions
   
3. Transform - Rotate, Scale, Translate, Skew
   
4. Box Shadow
   
5. Background Image
   
6. Card Hover Effect
   
7. Position Property
   

CHAPTER 5 :

1. Introduction to Flexbox
   
2. Display Flex
   
3. Flex Direction
   
4. Justify Content
   
5. Flex Wrap
   
6. Align Items
   
7. Align Content
   
8. Align Self
   
9. Flex Sizing
   

CHAPTER 6 :

1. Introduction to Grid
   
2. Gird Model
   
3. Grid Template
   
4. Grid Gaps
   
5. Grid Columns
   
6. Grid Rows
   
7. Grid Properties
   
8. Introduction to Animation
   
9. % in Animation
   
10. Media Queries
    
11. z-index
    

CHAPTER 7 :

1. Introduction to Bootstrap
   
2. Container (Layout)
   
3. Button (Component)
   
4. Badge (Component)
   
5. Alert (Component)
   
6. Button Group (Component)
   
7. Navbar (Component)
   
8. Card (Component)
   
9. Grid (Layout)
   
10. Grid (Vertical Alignment)
    
11. Form Controls in Bootstrap
    
12. Select in form
    
13. Checkbox and Radio in form
    
14. Form Layout