Master Responsive Web Design CSS Grid, Flexbox & Animations

Master Responsive Web Design CSS Grid, Flexbox & Animations

Build Responsive Websites using the latest Web Technologies like CSS3 Grid, CSS3 Flexbox, CSS Transitions & Animations

This course includes:

  • 12.5 hours on-demand video
  • 71 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of completion

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
  • CSS Transitions & Rotations
  • CSS Animations
  • Mobile First Design
  • Web Design

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

Course content

15 sections • 106 lectures • 12h 23m total length
  • Introduction
  • Responsive Web Design
  • CSS Flexbox
  • Responsive Website using Flexbox
  • Conclusion to Flexbox
  • CSS Grid system
  • Responsive Website using Grid Layout
  • CSS Transitions
  • CSS Animations
  • Project – Animated Bubbles website
  • Responsive Web Design – Media Queries
  • Mobile First Design
  • Project – Mobile First Website
  • CSS Variables
  • Project – Food To-Go Website (Mobile First using CSS Variables & JavaScript)
Created by: Norbert B. Menyhart, “Knowledge is Power” Acquire Knowledge by Learning!
Last updated 12/2020
English
English [Auto]
Direct Download Available
4.5
(3 ratings)
33 students
https://www.udemy.com/course/master-responsive-web-design-css-grind-flexbox-animations/

Download link

Add a Comment

Your email address will not be published. Required fields are marked *