HTML Course and Certificate for beginner ( bootstrap 4 / Latest)

DAY 1: Introduction To HTML & Env

1. Introduction to HTML
2. Why HTML
3. Applications of HTML
4. Job opportunity for HTML Developer

Day 2:

1. Introduction to IDE
2. Project Creation
3. Structure of HTML document

DAY 3 & Day 4: Learn about TAGS

1. Skeleton of Website
2. Introduction to TAGS
3. Basic HTML TAGS
4. Doctype
5. Html
6. Head
7. Title
8. Body
9. Attributes

DAY 5 & Day 6: Learn about CSS

1. Introduction to CSS
2. Connect CSS in to HTML
3. Inline, Internal & External CSS methods
4. CSS selectors

DAY 7 & 8: Coding for Skeleton

1. Code for Website Skeleton
2. Learn Advanced style properties
3. Flote properties
4. Box properties
5. Padding properties
6. Margin Properties

Day 9 to 11: Learn External CSS

1. Learn External Stylesheet
2. Learn Classes and class attribute
3. Learn ID and ID attribute
4. Advanced CSS selectors
5. Tag-based approach ( img, input, textarea, etc)
6. Introduction to Advanced tags
   1. Image
   2. Audio
   3. Video
   4. Navigation tags
   5. Span
   6. Em, Vh, Vw, px
   7. Nav
   8. Section
   9. Form

DAY 12 -13: Extra class

1. 1. Intro to all tags
   2. Discuss various concepts
      1. Cards
      2. Menu
      3. Footer

DAY 14 – 15: Create Header and Menu

1. Create a common header for all pages
2. Create Menu and submenu

DAY 16 – 17 : Text properties & styling

1. Fonts
2. Color
3. Font families, Size, Weight
4. Line height
5. Letter and word spacing
6. Text alignment
7. Text drop shadows
8. text-transform
9. text-decoration
10. Text overflow

Day 18 – 20:  Image properties and Styling

1. Resizing Image ( Rounded, Thumbnail, Responsive )
2. Image alignment
3. Transparent Image (Opacity)
4. Text on Image ( Absolute property)
5. Image Filters
6. Image Hover Overlay

DAY 21: Background Properties

1. background-color
2. background-image
3. background-position
4. background-size
5. background-repeat
6. background-origin
7. background-clip
8. background-attachment

DAY 22: Icon and Google Fonts

1. Introduction to Google Fonts
2. Link Google Fonts
3. Introduction to Icons
4. Link Icons

Day 23 – 24: Responsive Web design for Mobile

1. Introduction to Media Query
2. Breakpoints

DAY 25 -26: Forms and Inputs

1. Introduction to Forms
2. Input & styling
3. Radio, Checkbox & styling
4. Select box & styling
5. Embed Youtube and Video tag

DAY 27: Hosting Project into the webserverDAY 28: Project submission & QA.

DAY 29 – 30:

1. Project submission & QA.
2. Farewell party and price
3. Introduction to JAVASCRIPT

1. Flex concepts
2. Bootstrap 3 Introduction
3. Bootstrap 3 Learning

1. Bootstrap 4 Learning