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

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.

1. HTML5 New Elements

   
   

   • <figure>

   • <figcaption>

   • <main>

   • <mark>

   • <meter>

   • <progress>

   • <time>

   • <wbr>

   
   

2. CSS Basic Selectors

   
   

   • The Element Selector

   • The Class Selector

   • The ID Selector

   • Grouping Selector

   • Universal Selector

   • Attribute Selectors

     
     

3. CSS Combinators

   
   

   • Adjacent Sibling Combinator

   • General Sibling Combinator

   • The Child Combinator

     
     

4. 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()

     
     

5. CSS Pseudo-elements

   
   

   • after

   • before

   • first-letter

   • first-line

     
     

6. 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

     
     

7. CSS Positioned Layout

   
   

   • float

   • position

   • top, right, bottom, left

   • clear

   • z-index

     
     

8. 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

     
     

9. 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

     
     

10. CSS Box Effects

    
    

    • box-shadow

      
      

11. 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.

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

Are there any course requirements or prerequisites?

• 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!

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.

This lecture shows all the steps to download a great and free code editor, Brackets.

Getting to know what HTML stands for. The meaning and the benefit of using it. HyperText  stands for links that connect web pages to another. Markup Language presents texts, images, and other content for display in a web browser.

Learning how an HTML Document works. You'll learn about the Document Type Declaration, HTML element, Head element, and Body element.