Course curriculum

  • 1

    Introduction to Front End Technologies

    • Introduction to Front End Technologies

    • Notes

    • Introduction o Front End Technologies - Notes_PDF

    • HTML Introduction - Quiz
  • 2

    Text Formatting

    • Text Formatting

    • Text Formatting continued

    • Notes

    • Text Formatting -Notes_PDF

    • Text Formatting - Quiz
  • 3

    Audio, Video & Image formatting

    • Audio, Video & Image formatting

    • Feedback Form

    • Audio, Video & Image Formatting - Quiz

    • Notes

    • Audio, Video and Image Formatting - Notes_PDF
  • 4

    Tables Attributes

    • Tables Attributes

    • Notes

    • Table Attribute - Notes_PDF

    • Tables Attributes - Quiz
  • 5

    List in HTML

    • List in HTML

    • Notes

    • Continuation of List, Hyperlink and Hypertext

    • Notes

    • Continuation of Hyperlinks

    • Notes

    • List in HTML - Quiz 1

    • List - Notes_PDF
  • 6

    Block elements, Inline elements and forms in html

    • Block elements, Inline elements and forms in html

    • Notes

    • Block elements, Inline elements and forms in HTML_ Quiz 1

    • Form Continuation

    • Notes

    • Forms - Quiz 2
  • 7

    Fundamentals of HTML, iframe, meta tag

    • Fundamentals of HTML, iframe, meta tag

    • Fundamentals of HTML, iframe, meta tag

    • Notes
  • 8

    CSS Introduction

    • CSS Introduction

    • CSS Introduction- Quiz

    • Notes

    • Notes - PDF

    • External CSS

    • Cascading in CSS

    • External and Cascading in CSS - Quiz

    • Notes

    • Notes-PDF
  • 9

    Selectors

    • Introduction to CSS Selectors, Basic selectors

    • Introduction to CSS Selectors - Quiz

    • Notes_Seclectors PDF

    • Combining Basic Selectors,div,span,inheritance

    • Combining Basic Selectors, div, span, inheritance - Quiz

    • Notes_Selectors P1 Notes

    • Notes

    • Advanced Selectors-Child Selector

    • Child Selector - Quiz

    • Notes

    • Notes_AdvSeclectors - PDF

    • Sibling Selectors

    • Sibling Selectors - Quiz

    • Notes

    • Notes_SiblingSelector - PDF

    • Attribute Selectors

    • Attribute Selectors - Quiz

    • Notes

    • Notes_SiblingSelectors - PDF

    • Pseudo-Class-Selectors

    • Pseudo-Class-Selectors-P1

    • Pseudo Class Selectors - Quiz

    • Notes_PseudoClass - PDF

    • Pseudo-Class Selectors P2

    • Pseudo Class Selectors P2 - Quiz

    • Notes_PseudoClass1 - PDF

    • UI based and dynamic pseudo classes

    • UI based and dynamic pseudo classes P1

    • UI based and dynamic pseudo classes - Quiz

    • Notes_UIBased - PDF

    • Pseudo elements

    • Pseudo elements - Quiz

    • Notes_PseudoElements - PDF
  • 10

    Specificity

    • Specificity

    • Specificity - Quiz

    • Notes_Specificity PDF
  • 11

    Inheritance and Cascading

    • Inheritance and Cascading

    • Inheritance and Cascading - Quiz

    • Notes_Inheritance - PDF
  • 12

    Box Model in CSS

    • Box Model in CSS

    • Padding and borders

    • Box Model, Padding and Borders - Quiz

    • Margins, Margin Collapse

    • Margins, Margin Collapse- Quiz

    • Display and Box-Sizing property

    • Display and Box-Sizing Property _ Quiz

    • Horizontal and Vertical Formatting

    • Horizontal and Vertical Formatting - Quiz

    • Box Model In CSS

    • Image Border and Margin In CSS
  • 13

    Display flex, Positioning

    • Digital flex, Positioning

    • Notes_DisplayFlex - PDF