CSS: Introduction

Modules

Hide all

Introduction to HTML & CSS (4 topics)

• What is HTML
• What is CSS
• Structure and Style
• Versions and Browser Support

Event Handling (5 topics)

• Event
• Event Object
• Event Handler
• Event Handler Assignment
• Form Validation

HTML Structure (4 topics)

• Tags, Elements, and Attributes
• Typical Document Structure
• Document Type
• Entities

Simple Elements (4 topics)

• Headings
• Paragraphs
• Links
• Images

Compound Elements (6 topics)

• Nesting
• Lists
• Media Queries
• Tables
• Forms
• Divisions

CSS Structure (5 topics)

• Selectors, Properties, and Values
• Class and ID Attributes
• Inline, Internal, and External styles
• Block and Inline Elements
• The Box Model

Styles (4 topics)

• Generic Styles
• List-specific Styles
• Table-specific Styles
• Positional Styles

Complex Selectors (4 topics)

• Combinators
• Pseudo Classes
• Pseudo Elements
• Attribute Selectors

HTML5 & Responsive Web Design (5 topics)

• What is HTML5?
• Responsive Web Design
• Responsive Grid Layout
• Introduction to Media Queries
• Responsive Web Design Frameworks

Introduction to JavaScript (4 topics)

• What is JavaScript
• Dynamism and Interactivity
• JavaScript and ECMAScript
• Versions and Browser Support

JavaScript Structure (5 topics)

• Inline, Internal, and External Scripts
• The script and noscript Tags
• Case Sensitivity
• Whitespace
• Comments

Variables & Expressions (5 topics)

• Variable Declaration and Assignment
• Data Types
• Type Conversion
• Operators: Arithmetic, Assignment, Comparison, and Logical
• Simple and Compound Expressions

Conditions & Loops (8 topics)

• If Else
• Switch
• Ternary Operator
• For
• While
• Do
• Break
• Continue

Functions (5 topics)

• Function Declaration
• Function Invocation
• Variable Scope and Hoisting
• Functions as Data
• Anonymous Functions

Objects (6 topics)

• Object Literal
• Object Properties
• Constructor Function
• Prototype Manipulation
• String, Number, Date, and Math
• Regular Expressions

Arrays (5 topics)

• Array Literal
• Array Elements
• Array Traversal
• Array Functions
• Multi-dimensional Arrays

Errors & Debugging (4 topics)

• In-browser Developer Tools
• Console Object
• Debugging
• Throw, Try, and Catch

DOM (5 topics)

• Relationship between HTML and JavaScript
• Element Referencing
• Common Element Properties
• DOM Navigation
• DOM Manipulation

BOM (5 topics)

• Window Object
• Screen, History, and Navigator Objects
• Alerts and Prompts
• Timeouts and Intervals
• Cookies

AJAX (5 topics)

• The Request and Response Model
• XMLHttpRequest Object
• Asynchronous Request
• Callbacks
• Introduction to XML and JSON