A Complete Guide for Beginners interested in learning HTML, CSS, & Bootstrap for Building Stylish, Responsive Web Pages.

What you will learn

Developing Web Pages in HTML

Styling Web Pages using CSS

Creating Mobile Responsive Web Pages using the Bootstrap Library

Description

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.

English

Language

Content

HTML Development

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 Development

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


Subscribe to latest coupons on our Telegram channel.

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

Bootstrap Development

Introduction to Bootstrap

Embedding Bootstrap

Bootstrap – Basic Page Structure

Bootstrap Grid System

Bootstrap Three Column Layouts

Bootstrap Typography

Bootstrap Tables

Bootstrap Styling Images

Bootstrap Jumbotron

Bootstrap Wells

Bootstrap Alerts

Bootstrap Buttons

Bootstrap Button Groups

Bootstrap Justified Button Groups

Bootstrap Glyphicons

Bootstrap Badges and Labels

Bootstrap Progress Bars

Bootstrap Pagination

Bootstrap Pager Pagination

Bootstrap List Groups

Bootstrap Panels

Bootstrap Dropdown Menus

Bootstrap Collapsibles

Bootstrap Collapse Panel

Bootstrap Collapse List Group

Bootstrap Accordian

Bootstrap Tab Menus

Bootstrap Pill Menus

Bootstrap Dynamic Tabs and Pills

Bootstrap Navigation Bar

Bootstrap Collapsible Navigation Bar

Bootstrap Forms – Vertical and Inline

Bootstrap Inputs

Bootstrap Form Control States

Bootstrap Input Sizing

Bootstrap Carousel

Bootstrap Modal

Bootstrap Tooltip

Bootstrap Popover

Bootstrap Scrollspy

Bootstrap Project – Themes Intro

Bootstrap Project – File Overview

Bootstrap Project – Script Overview

Bootstrap Project – Script Overview Continued