Vind een opleiding

Learn How To Build Responsive Websites: Beginner to Advanced - Udemy

Doelgroep: Alle niveaus
Duur: 146 colleges - 21,5 uur
Richtprijs: € 139,99
Taal: Engels
Aanbieder: Udemy

>> proefles

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.


    >> Meer info