Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Master Responsive Web Design CSS Grid, Flexbox & Animations
Rating: 4.0 out of 5(15 ratings)
190 students

Master Responsive Web Design CSS Grid, Flexbox & Animations

Build Responsive Websites using the latest Web Technologies like CSS3 Grid, CSS3 Flexbox, CSS Transitions & Animations
Created byNorbert B. Menyhart
Last updated 1/2023
English

What you'll learn

  • Build real-world responsive websites with a beautiful and truly modern design
  • Learn the Mobile First approach to building websites
  • CSS3 Grid Layout
  • CSS3 Flexbox Layout
  • CSS Transitions & Rotations
  • CSS Animations
  • Mobile First Design
  • Web Design

Course content

16 sections • 107 lectures • 12h 24m total length

  • Introduction3:39

    Almost every new client these days wants a mobile version of their website. It’s practically essential after all: one design for the BlackBerry, another for the iPhone, the iPad, netbook, Kindle — and all screen resolutions must be compatible, too. In the next five years, we’ll likely need to design for a number of additional inventions. When will the madness stop? It won’t, of course.

    In the field of Web design and development, we’re quickly getting to the point of being unable to keep up with the endless new resolutions and devices. For many websites, creating a website version for each resolution and new device would be impossible, or at least impractical. Should we just suffer the consequences of losing visitors from one device, for the benefit of gaining visitors from another? Or is there another option?


Requirements

  • Basic HTML
  • Basic CSS
  • Basic PC / Mac knowledge

Description

Hi there, my name is Norbert B. Menyhart and together we are going to learn how to build professional responsive websites, from Desktop to Tablet and Mobile.

For this you will first get started with modern Technologies like:

  • CSS3 Flexbox Layout

  • CSS3 Grid Layout

  • CSS Transitions, Translations, rotations

  • CSS @keyframes

  • CSS Animations

  • @media queries for Desktop, Tablet and Mobile design 

  • Mobile First Approach

  • CSS3 Variables

  • Real Life Projects, Projects, Project.....


Then we will build a ton of Projects together:

  • a simple but elegant restaurant website.

  • a responsive portfolio website.

  • a Bootstrap website.

  • and  more projects to come...

We will cover everything you need to build your first website and get you Started in the World of a Web Designer. From creating your first landing page to building your large website.

We will also learn about the most popular code editor in the World:   Visual Studio Code aka VS-Code.


You will...

  • Learn how to work with responsive images and icons. and stunning full screen background images and probably one too many gradients.

  • Learn how to create forms and to choose great fonts for your website.

  • Learn how to work with Bootstrap 4 to easily add carousels, cards and complex looking menus.

  • Setup a domain name with hosting so that your website is live on the internet for others to see.



Time to upgrade yourself?

Sign up for the course and let’s learn how to build responsive websites.

Who this course is for:

  • This course is for people who want to start getting a well rounded understanding of website design

  • Entrepreneurs

  • This course is suited for people that want to learn the basics of website design

  • This course is suited for people that don't have any experience with coding a website

Who this course is for:

  • beginner web developer
  • beginner front end developer
  • beginner css
  • beginner html
  • beginner web designers

Report abuse