Udemy

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

Enroll Now
  • 28 Students
  • Updated 8/2019
4.5
(03 Ratings)
CTgoodjobs selects quality courses to enhance professionals' competitiveness. By purchasing courses through links on our site, we may receive an affiliate commission.

Course Information

Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
21 Hour(s) 43 Minute(s)
Language
English
Taught by
Reyes Sandria
Rating
4.5
(03 Ratings)

Course Overview

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

Become a Frontend Web Developer from Scratch. Spark Your Dreams & Achieve Success

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.

Course Content

  • 6 section(s)
  • 146 lecture(s)
  • Section 1 Intro & Getting Started
  • Section 2 Learning HTML5 Basics
  • Section 3 Learning CSS3 Basics
  • Section 4 Building HappyFood (Project 1/3)
  • Section 5 Building Zoolland (Project 2/3)
  • Section 6 Building Newsss (Project 3/3)

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


Reviews

  • M
    Muhammad Shoaib Khan
    5.0

    Nice web developerment course, Recommend for beginners and intermediate web designers and developers who want to enhance their skills.

Start FollowingSee all

We use cookies to enhance your experience on our website. Please read and confirm your agreement to our Privacy Policy and Terms and Conditions before continue to browse our website.

Read and Agreed