A Comprehensive Guide for Beginners interested in learning HTML, CSS, & JavaScript to Build Interactive Web Pages.
☑ Master front-end development using HTML, CSS, & JavaScript
☑ Create stunning, responsive layouts using CSS
☑ Add Client-Side interactivity to Web Pages using JavaScript
Welcome to the HTML, CSS, & JavaScript – Certification Course for Beginners.
If you are interested in mastering the art of front-end development, look no further. This course is the complete beginners guide to developing cutting-edge web pages that are fully mobile responsive.
The course branches into three sections. We start by exploring HTML5, students learn the composition of a web page and how a web browser interprets html code to display the visual elements of a page. We cover just about every aspect of HTML syntax, to ensure you are well prepared for the remaining sections ahead.
The HTML sections covers the following key concepts:
- HTML Page Structure
- Working with Spacing
- Text Formatting
- Creating Ordered & Unordered Lists
- Inserting Images & Videos
- Creating Links and Anchor Tags
- Inserting Tabular Data & Tables
- Creating Forms
- + Much More
Once students have a firm grasp on HTML coding, we move right into CSS. Here, students will learn to add stunning design elements to really make web pages visually aesthetic. We will also cover a broad range of CSS attributes to make web pages completely mobile responsive, even on the trickiest of devices such as phones and tablets.
The CSS section of this course covers the following key concepts:
- CSS Rules
- CSS Classes
- Divisions
- CSS Id’s
- Margins, Padding
- Font Properties
- Backgrounds & Transparency
- Positioning
- Link Styling
- CSS Tables
- + Much More
In the last section of this course students will dive into adding interactive client-side functionality using JavaScript. JavaScript is an extremely powerful front-end programming language that can really help take web pages to another level. This section teaches students how to add client-side validation to forms, animate images and objects, and manipulate both HTML and CSS elements using the DOM (Document Object Model).
The JavaScript section covers the following key concepts:
- JavaScript output
- Variable declarations
- Arithmetic operators
- Objects
- Strings
- Math functions
- Arrays
- Conditional statements
- Loops
- Functions and events
- + Much More
English
Language
HTML Section
Introduction to HTML
Basic Structure of a Web Page
HTML Head Tags
HTML Body Tag
HTML Paragraph Spacing
HTML Line Breaks
HTML Non-Breaking Space
HTML Header Tags
HTML Text Formatting and Decoration
HTML Inline Text Formatting
HTML Unordered Lists
HTML Ordered Lists
HTML Image Insertion
HTML Embedding Videos
HTML Absolute vs. Relative File Referencing
HTML Link Creation
HTML Anchor Tags
HTML Tables
HTML Nested Tables
HTML Merging Cells
HTML Text Wrapping
HTML Table Background Image
HTML Table Cell Alignment
HTML – Introduction to Forms
HTML Form Tags and Attributes
HTML Forms – Post vs. Get
HTML Forms – Input Text Fields
HTML Forms – Select Menus
HTML Forms – Check Boxes and Radio Buttons
HTML Forms – Text Areas and Buttons
HTML Iframes
HTML Project – Introduction
HTML Project – Header
HTML Project – Callout
HTML Project – Image Insertion
HTML Project – Text Insertion
HTML Project – Links and Form
HTML Project – Tabular Data
HTML Project – Footer
CSS Section
Introduction to CSS
Parts of a CSS Rule
Types of CSS Rules
CSS – Color Names and Codes
CSS Classes and Spans
CSS Divisions – DIVs
CSS IDs
CSS Margins
CSS Padding
CSS Text Properties
CSS Font Properties
CSS Borders
CSS Backgrounds
CSS Transparency
CSS Text on Top of Images
CSS Width and Height Properties
CSS Display Properties
CSS Static Positioning
CSS Relative Positioning
CSS Absolute Positioning
CSS Fixed Positioning
CSS Float Property
CSS Clear Property
CSS Z-Index
CSS Styling Links
CSS Tables
CSS Project – Introduction
CSS Project – CSS Rules
CSS Project – Navigation Rules
CSS Project – Responsive CSS
CSS Project – Page Elements
Document Object Model (DOM)
DOM Introduction
DOM Manipulation
JavaScript Section
JavaScript – Introduction
JavaScript Placement
External JavaScript
JavaScript Output
JavaScript InnerHTML
JavaScript Commenting
JavaScript Constants
JavaScript Variables Introduction
JavaScript Assignment Operator
JavaScript Arithmetic Operations
JavaScript Arithmetic Operations Continued
JavaScript Operator Precedence
JavaScript Data Types
JavaScript Objects
JavaScript Object Output
JavaScript Strings
JavaScript String Length
JavaScript Special Characters
JavaScript Random Numbers
JavaScript Min and Max Function
JavaScript Math Round Function
JavaScript Arrays
JavaScript Array Attributes
JavaScript Arrays – Pop – Push – Shift – Unshift
JavaScript Changing and Deleting Elements
JavaScript Splicing an Array
JavaScript Sorting an Array
JavaScript Joining Arrays
JavaScript Conditional Statements
JavaScript Comparisons
JavaScript Booleans
JavaScript For Loops
JavaScript For-In Loop
JavaScript While Loops
JavaScript Do-While Loop
JavaScript Break and Continue
JavaScript Functions
JavaScript Events
JavaScript Project 1 – BG Color Changer
JavaScript Project 2 – Photo Gallery
JavaScript Project 2 – Completion
