HTML and CSS
3 Days
Beginner
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
-
If you have any query, please drop us a line. ↩