Modern Responsive Website with CSS3 Flexbox and ES6

Modern Responsive Website with CSS3 Flexbox and ES6, available at $19.99, has an average rating of 4.1, with 46 lectures, based on 188 reviews, and has 9544 subscribers.

You will learn about Be able to create beautiful websites from scratch Make RESPONSIVE websites that look great on all screen sizes Improve HTML5, CSS3 and Javascript skills Make your websites stand out This course is ideal for individuals who are Anyone who wants to learn how to create amazing looking websites or Anyone who wants to improve development skills or Anyone who wants to learn modern CSS3 (Flexbox) and Javascript (ES6) It is particularly useful for Anyone who wants to learn how to create amazing looking websites or Anyone who wants to improve development skills or Anyone who wants to learn modern CSS3 (Flexbox) and Javascript (ES6).

Enroll now: Modern Responsive Website with CSS3 Flexbox and ES6

Summary

Title: Modern Responsive Website with CSS3 Flexbox and ES6

Price: $19.99

Average Rating: 4.1

Number of Lectures: 46

Number of Published Lectures: 46

Number of Curriculum Items: 46

Number of Published Curriculum Objects: 46

Original Price: $199.99

Quality Status: approved

Status: Live

What You Will Learn

Be able to create beautiful websites from scratch
Make RESPONSIVE websites that look great on all screen sizes
Improve HTML5, CSS3 and Javascript skills
Make your websites stand out

Who Should Attend

Anyone who wants to learn how to create amazing looking websites
Anyone who wants to improve development skills
Anyone who wants to learn modern CSS3 (Flexbox) and Javascript (ES6)

Target Audiences

Anyone who wants to learn how to create amazing looking websites
Anyone who wants to improve development skills
Anyone who wants to learn modern CSS3 (Flexbox) and Javascript (ES6)

This course is a part of upcoming collection of courses called Become a Guru, which has a goals of turning students into professional developers, no matter how much of previous experience they have.

In this course:

– You will learn how to code websites from scratch

– You will learn most advanced HTML5, CSS3 and Javascript principles

– You will learn CSS3 Flexbox

– We will make our website look amazing by using Javascript for interaction

– You will learn how to turn your code into Beautiful websites�

– We’ll explore free stock image websites

– We’ll be using fonts for our icons in order to make or icons more flexible

– You will learn how to find modern fonts

After this course you will have all skills you need in order to create modern website.

If you are a beginner, this course will turn you into professional.

And if you already have some coding skills, this course will make you even better developer.

Welcome!

Course Curriculum

Chapter 1: Introduction

Lecture 1: Welcome

Lecture 2: What you need to get started

Chapter 2: Setting up website structure

Lecture 1: Start building our website

Lecture 2: Setting up basic website structure

Lecture 3: Preparing images for our project

Lecture 4: Adding the main banner

Lecture 5: Adding logo to the navigation bar

Lecture 6: Choosing font for our website

Lecture 7: Adding menu to the navigation bar

Lecture 8: Learning Flexbox

Lecture 9: Using flexbox to format nav layout

Lecture 10: Improving main menu

Lecture 11: Adding header text

Lecture 12: Adding arrow button to header

Lecture 13: Creating About us section

Lecture 14: Adding icons to About us section

Lecture 15: Creating Gallery section

Lecture 16: Adding effects to gallery images

Lecture 17: Adding Testimonials section

Lecture 18: Styling Testimonials section

Lecture 19: Adding arrow navigation to Testimonials

Lecture 20: Adding Contact section

Lecture 21: Styling submit button

Lecture 22: Adding Footer

Lecture 23: Website current state overview

Chapter 3: Adding interactions to website

Lecture 1: Using Javascript to add interactions to our page

Lecture 2: Setting up main JS file

Lecture 3: Changing navigation background on scroll

Lecture 4: Adding click event to navigation items

Lecture 5: Adding scroll to section

Lecture 6: Making testimonials changeable

Lecture 7: Opening larger image on gallery image click

Lecture 8: Styling popup image

Lecture 9: Closing popup image

Chapter 4: Making website responsive

Lecture 1: Making our website responsive

Lecture 2: Explaining Viewport meta tag

Lecture 3: Setting CSS structure for responsive code

Lecture 4: Adding first responsive code

Lecture 5: Creating mobile navigation

Lecture 6: Styling mobile navigation

Lecture 7: Adding menu toggle button

Lecture 8: Finishing mobile navigation

Lecture 9: Styling for smallest screens

Chapter 5: Conclusion

Lecture 1: Preview of finished website

Lecture 2: Next steps

Lecture 3: Thank you

Instructors

Vladica Lapcevic
Professional Web Developer / Designer

Rating Distribution

1 stars: 5 votes
2 stars: 3 votes
3 stars: 20 votes
4 stars: 54 votes
5 stars: 106 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu