Build World-class websites with HTML5, CSS3, and Bootstrap

What you'll learn

Build beautiful world-class and high-performance websites.
Build modern, multi-page, and mobile-friendly sites that will work and look it’s best on all devices and in all browsers (cross-browser compatibility).
Build 3 huge high-performing websites. Step by step. From scratch to fully functional.
Build projects with the world's most popular front-end component library, Bootstrap 4
Learn the Bootstrap's responsive grid system and extensive prebuilt components.
You will learn and have great skills of HTML5 and CSS3, including media queries.
Get support in the course Q&A
Downloadable materials and the entire projects


Requirements

The ability to download and install a free code editor
The usage of Google browser or any other similar web browser
Basic computer skills
No HTML or CSS or Web Development prior knowledge is required. You will learn all that in this course!

Description

Become a Frontend Web Developer by learning more in-depth of cutting edge web technologies, such as: HTML5, CSS3, and Bootstrap 4 to develop 3 huge high-performing websites relating to latest Web Design practices, including the CSS Media Queries, and optimization for mobile devices.


No prior knowledge of HTML & CSS required. You will learn all that from scratch.


Build a Strong Front End Web Development Career with HTML5, CSS3, and Bootstrap 4.

Basic HTML and CSS Comprehension

Basic HTML and CSS Document Explanation

HTML5 New Elements

CSS3 Selectors

Design and Layout

Text Formatting

Backgrounds

CSS Transitions

Bonus Lecture (Building a Moon and Turning it into a Huge Glowing Sun on Hover )


Master the Fundamentals of HTML5, CSS3, and Bootstrap 4.

Learning and mastering these latest web technologies is easier than ever, which gives you a powerful knowledge of programming skills with 146 lectures. The HTML5, CSS3, Bootstrap 4, and all very useful tools that we're going to be using in this course are completely FREE!


Breaking the Content Down a Bit More.

HTML5 New Elements


<figure>

<figcaption>

<main>

<mark>

<meter>

<progress>

<time>

<wbr>


CSS Basic Selectors


The Element Selector

The Class Selector

The ID Selector

Grouping Selector

Universal Selector

Attribute Selectors


CSS Combinators


Adjacent Sibling Combinator

General Sibling Combinator

The Child Combinator


CSS Pseudo-classes


active

checked

disabled

empty

enabled

first-child

first-of-type

focus

hover

last-child

last-of-type

link

nth-child()

nth-last-child()

nth-last-of-type()

nth-of-type()


CSS Pseudo-elements


after

before

first-letter

first-line


CSS Basic Box Model


Controlling the flow of content: overflow

Controlling the flow of content: overflow-x

Controlling the flow of content: overflow-y

Controlling the size: height, max-height, min-height

Controlling the size: width, max-width, min-width

Controlling the margins: margin

Controlling the margins: margin-top, margin-right, margin-bottom

Controlling the Paddings: padding

Controlling the Paddings: padding-top, padding-right, padding-bottom, pading-left

Controlling the Visibility: visibility


CSS Positioned Layout


float

position

top, right, bottom, left

clear

z-index


CSS Text Formatting


Basic Fonts: font-family

Basic Fonts: font

Basic Text: text-transform

Basic Text: letter-spacing

Basic Text: overflow-wrap

Basic Text: word-spacing

Basic Text: text-decoration

Basic Text: text-shadow


CSS Backgrounds and Borders


Basic Color: color & background-color

Basic Color: opacity

Basic Backgrounds: background-image

Basic Backgrounds: background-repeat

Basic Backgrounds: background-position

Basic Backgrounds: background-size

Basic Backgrounds: background-origin

Basic Backgrounds: background

Borders: All Borders

Borders: border

Borders: All Border Radius

Borders: border-radius


CSS Box Effects


box-shadow


CSS Transitions


transition, transition-property, transition-duration

transition-timing-function, transition-delay

transition

Bonus Lecture


With these essentials mastered, you'll then build 3 huge high-performing websites. The course will teach you how to build headers, before contents, main contents, after contents, and footers.

Project Type 1: Restaurant

Project Type 2: Zoo

Project Type 3: News

By the end of this course you will have great skills of HTML5, CSS3 (including media queries), and Bootstrap 4. This will give you success to accomplish a great design performance result. From scratch to fully functional. The end result will be modern, multi-page, and mobile-friendly sites that will work and look its best on all devices and browsers.

Who this course is for:

Newbies, novices, rookies, beginners, and intermediates with the desire of wanting to learn Web Development skills
Anyone who wants to learn HTML5 & CSS3.
Those who want to start building a career as a Frontend Web Developer.