HTML and CSS

3 Days

language
webfundamental

Beginner

developer

Since their inception HTML5 and CSS3 have been very popular and powerful to structure nice and functional web page. HTML is used for structure of the webpage and CSS is used for presentation of same. This program start with basics and then covers very powerful elements. For HTML, all tags are individually covered with important attributes with more details on DOM tree. In CSS, over & above regular CSS ruels, advanced concepts on positioning, grid layout, flexbox layout, selectors are well-covered. All important aspects of both are taught in enough details to be useful practically.

Open Q&A sessions, demos and hands-on are included throughout the program.

Audience

Program is primarily for web developers.

Prerequisites

Nothing significant.

Topics
Introduction
  • W3C and WHATWG
  • Vision
  • Browser support
  • Intro to HTML
    • Hello World
    • What is HTML
    • History
    • Elements
    • Tags
    • Attributes
    • Syntax
    • Fault tolerence
  • Intro to CSS
    • Hello World
    • What is CSS
    • History
    • How does it work
    • Rules
    • Selector
    • Syntax
HTML
  • DOM
    • Tree
    • Nodes
    • Properties
  • Text
  • Images
  • Link
  • Lists
  • Tables
  • Multimedia
  • Objects and frames
  • Other tags
  • Intro to Web Components
  • Debugging
CSS
  • Cascade
  • Specificity
  • Inheritance
  • Box model
  • Layout & Position
    • Nomral flow
    • Grid
    • Flexbox
    • Float
  • Overflow
  • Values and units
  • Transitions, Transforms, Animations
  • Selectors
    • Type, Class, Id
    • Attribute
    • Psuedo Class
    • Psuedo Element
    • Combinator
  • Responsive Design & Queries
  • Alignment
  • Typography
  • Styling
    • Text
    • Lists
    • Tables
    • Images
    • Other elements
  • Organizing
  • Accessibility
  • Vendor prefixes
  • Debugging
More
  • Guidelines
  • Intro to Javascript
  • Intro to CSS tools
Exclusions

Advance topics
Anything not mentioned in Topics1

Software Requirements

Visual Code (or any other editor supporting HTML and CSS) Chrome (or other standard browsers) Node JS

Internet Requirements

Good unrestricted internet connection is required.

Hardware Requirements

Laptop capable to run MS Office

Classroom Requirements

Projector with HDMI, White Board, Markers with Eraser

Online Requirements

Appropriate meeting software e.g. Zoom, MS Teams
Please make sure that camera, speaker and mic are working

Footnotes

  1. If you have any query, please drop us a line.