HTML, CSS, & Bootstrap - Certification Course for Beginners
- Description
- Curriculum
- FAQ
- Reviews
This course covers three essential concepts for aspiring Web Developers. This includes HTML, CSS, & Bootstrap. Each section comes complete with comprehensive lessons that help students master the art of front-end coding.
The course is divided as follows:
HTML Development
This section explores HTML. HTML is a key fundamental building block when learning to develop websites. Students initially learn the basics of HTML page structure and gradually transition into working with spacing, text formatting, lists, images, videos, links, anchors, tables, forms and much more. We include several projects, where students are shown first-hand, how to develop and code html web pages from scratch.
CSS Development
Students learn to use CSS to create stylish, responsive web page layouts. We start by discussing the parts and types of CSS rules, followed by CSS classes, DIVS, and ID’s. Students gain significant exposure to various formatting options, including margins, padding, font properties, backgrounds, transparency, positioning, link styling and CSS tables. This section includes a hands-on web development project where students utilize the concepts explored in the lesson.
Bootstrap Framework
Students are taught to use the Bootstrap framework for responsive, mobile-first – front-end development. As one of the leading open-source development libraries, Bootstrap is an essential part of the developers coding arsenal. The section begins with teaching students how to include essential Bootstrap files into web pages. It then explores the Bootstrap Grid system and popular layout strategies for optimal cross-device and cross-browser compatibility.
Students gain exposure to just about every Bootstrap component, from typography, tables and images, to jumbotrons, wells, alerts, buttons, glyphicons and progress bars. The section includes several hands-on exercises that will walk students through the process of creating stunning layouts, complete with modals, carousels, popovers, drop-down menus, forms and much more.
-
1
Introduction to HTML -
2
Basic Structure of a Web Page
-
3
HTML Head Tags
-
4
HTML Body Tag
-
5
HTML Paragraph Spacing
-
6
HTML Line Breaks
-
7
HTML Non-Breaking Space
-
8
HTML Header Tags
-
9
HTML Text Formatting and Decoration
-
10
HTML Inline Text Formatting
-
11
HTML Unordered Lists
-
12
HTML Ordered Lists
-
13
HTML Image Insertion
-
14
HTML Embedding Videos
-
15
HTML Absolute vs. Relative File Referencing
-
16
HTML Link Creation
-
17
HTML Anchor Tags
-
18
HTML Tables
-
19
HTML Nested Tables
-
20
HTML Merging Cells
-
21
HTML Text Wrapping
-
22
HTML Table Background Image
-
23
HTML Table Cell Alignment
-
24
HTML - Introduction to Forms
-
25
HTML Form Tags and Attributes
-
26
HTML Forms - Post vs. Get
-
27
HTML Forms - Input Text Fields
-
28
HTML Forms - Select Menus
-
29
HTML Forms - Check Boxes and Radio Buttons
-
30
HTML Forms - Text Areas and Buttons
-
31
HTML Iframes
-
32
HTML Project - Introduction
-
33
HTML Project - Header
-
34
HTML Project - Callout
-
35
HTML Project - Image Insertion
-
36
HTML Project - Text Insertion
-
37
HTML Project - Links and Form
-
38
HTML Project - Tabular Data
-
39
HTML Project - Footer
-
40
Introduction to CSS
-
41
Parts of a CSS Rule
-
42
Types of CSS Rules
-
43
CSS - Color Names and Codes
-
44
CSS Classes and Spans
-
45
CSS Divisions - DIVs
-
46
CSS IDs
-
47
CSS Margins
-
48
CSS Padding
-
49
CSS Text Properties
-
50
CSS Font Properties
-
51
CSS Borders
-
52
CSS Backgrounds
-
53
CSS Transparency
-
54
CSS Text on Top of Images
-
55
CSS Width and Height Properties
-
56
CSS Display Properties
-
57
CSS Static Positioning
-
58
CSS Relative Positioning
-
59
CSS Absolute Positioning
-
60
CSS Fixed Positioning
-
61
CSS Float Property
-
62
CSS Clear Property
-
63
CSS Z-Index
-
64
CSS Styling Links
-
65
CSS Tables
-
66
CSS Project - Introduction
-
67
CSS Project - CSS Rules
-
68
CSS Project - Navigation Rules
-
69
CSS Project - Responsive CSS
-
70
CSS Project - Page Elements
