Web Programming Introduction
HTML Introduction
What is HTML
HTML Structure
What are HTML Tags and Attributes
Types of Tags
Write a small program using HTML
HTML – Basic formatting tags
Formatting tags
Heading Tags
Color coding
HTML List
Unordered List
Ordered List
Definition List
Nested List
Design web page using HTML list tags
HTML-Images and Hyperlink
Insert image using tag
Attributes of tag
Hyperlink an image
Image mapping
Text Links
Absolute vs. Relative Paths
Default Pages
Targeting New Windows
Email Links
Adding Links
Targeting a Specific Location on the Page
The title Attribute
HTML Tables
Creating Tables
Adding a Caption
thead, tbody, and tfoot
Merging Cells
Creating Tables
Audio and Video
Supported Media Types
The audio Element
The video Element
CSS Introduction
Benefits of Cascading Style Sheets
CSS Rules
CSS Comments
Selectors
Units of Measurement
and
External Stylesheets, Embedded Stylesheets, and Inline Styles
External Stylesheets
Embedded Stylesheets
Inline Styles
Exercise: Creating an External Stylesheet
CSS Fonts
font-family
font-size
font-style
font-variant
font-weight
Color and Opacity
About Color and Opacity
Color and Opacity Values
Opacity
Exercise: Adding Color and Opacity to Text
CSS Text
letter-spacing
text-align
text-decoration
text-indent
text-shadow
text-transform
white-space
word-break
word-spacing
Border, Margins and Padding
Padding
Margin
Border
box-sizing
box-shadow
Working with Table
Table Borders
Collapse Borders
Table Width and Height
Text Alignment
Table Padding
Table Color
The CSS Cascade
Background Color
Background Image
Background Image – Repeat Horizontally or Vertically
Background Image – Set position and no-repeat
Introduction to Javascript
An introduction to Javascript
What is ECMAScript?
The HTML DOM
JavaScript Syntax
Accessing Elements
Dot Notation
Square Bracket Notation
Where Is JavaScript Code Written?
JavaScript Objects, Methods and Properties
Variables, Arrays and Operators
JavaScript Variables
Variable Naming
Storing User-Entered Data
Constants
Arrays
Associative Arrays
Array Properties and Methods
Playing with Array Methods
JavaScript Operators
The Modulus Operator
The Default Operator
Javascript Functions
Global Objects and Functions
User-defined Functions
Function Syntax
Passing Values to Functions
Returning Values from Functions
Built-In JavaScript Objects
Conditionals and Looping statements
if – else if – else Conditions
Switch / Case
Ternary Operator
Loops
break and continue
Array: forEach()
Event Handlers and Listeners
On-Event Handlers
The getElementById() Method
The addEventListener() Method
Capturing Key Events
Benefits of Event Listeners
Timers