Front End Web Design UX, CSS, FLEXBOX & SASS Complete Course

Front End Web Design UX, CSS, FLEXBOX & SASS Complete Course, available at $49.99, has an average rating of 4.55, with 140 lectures, based on 34 reviews, and has 608 subscribers.

You will learn about Learn to develop Front End, become a professional I will be on your side along every step of your upskilling process Drill down the most used and the least uses elements Get involved in all languages to the core Follow the exercises and improve the comprehension Amaze your customers with dynamic and modern websites Learn Bootstrap and SASS, get over your own expectations Follow the regular upgrades the course offers, and improve your skills This course is ideal for individuals who are Any user without any programming experience willing to take up web design or Any user with a limited Front-End programming experience but willing to upgrade such a skill or Any expert user yet wanting to improve his/her Front-End skills to become a real professional or Any Back-End expert user feeling like improving his/her skills with also a web design course It is particularly useful for Any user without any programming experience willing to take up web design or Any user with a limited Front-End programming experience but willing to upgrade such a skill or Any expert user yet wanting to improve his/her Front-End skills to become a real professional or Any Back-End expert user feeling like improving his/her skills with also a web design course.

Enroll now: Front End Web Design UX, CSS, FLEXBOX & SASS Complete Course

Summary

Title: Front End Web Design UX, CSS, FLEXBOX & SASS Complete Course

Price: $49.99

Average Rating: 4.55

Number of Lectures: 140

Number of Published Lectures: 140

Number of Curriculum Items: 140

Number of Published Curriculum Objects: 140

Original Price: €79.99

Quality Status: approved

Status: Live

What You Will Learn

Learn to develop Front End, become a professional
I will be on your side along every step of your upskilling process
Drill down the most used and the least uses elements
Get involved in all languages to the core
Follow the exercises and improve the comprehension
Amaze your customers with dynamic and modern websites
Learn Bootstrap and SASS, get over your own expectations
Follow the regular upgrades the course offers, and improve your skills

Who Should Attend

Any user without any programming experience willing to take up web design
Any user with a limited Front-End programming experience but willing to upgrade such a skill
Any expert user yet wanting to improve his/her Front-End skills to become a real professional
Any Back-End expert user feeling like improving his/her skills with also a web design course

Target Audiences

Any user without any programming experience willing to take up web design
Any user with a limited Front-End programming experience but willing to upgrade such a skill
Any expert user yet wanting to improve his/her Front-End skills to become a real professional
Any Back-End expert user feeling like improving his/her skills with also a web design course

Stay focused, learn for real !

UX, HTML5, CSS3, SASS, Bootstrap, Flex-box and Grid – from Zero to Master – course, featuring 15-minute max-length lessons.

A state-of-the-art Front-End course, created to get through all the topics which will make you a web design hero, starting from the User Experience foundations- appliable to all aspects of the Front-End development getting to extra, SASS -related contents.

You will learn to use flex boxes and grids with and without the help of tools whose aim is to simplify the insertion, such as Bootstrap, a very famous element -library (Framework CSS) able to lead you accompany you along the route of the style-sheets (CSS)

The course includes two projects with which you will be able to develop autonomously a modern, personal website and make it graphically perfect and responsive, even without the help of different device-related (PC, tablet, smartphone) settings, in addition to manage the Bootstrap framework in its fundamental functionalities.

Course suitable for every type of student, it does not require any type of ITC know-how, you only need to have a PC to follow all the steps of this fantastic journey.

Every single video has been inserted into a specific section to simplify the learning, to give you the liberty to follow it at your ease, according to the time you decide to dedicate to it, distributing the length of every step in the best possible way.

You will find different exercises which will help you test hands-on what you have been learning in the various steps of the course : the structure of every section of lessons has been created to simulate the classroom experience, with the difference that it’s up to you when to take a break, enabling you to make out by yourself whether every piece of information has been fully attained.

The topics of the lessons are essential to learn all the details of the Front-End web development: you will be prepared on all aspects, ready to work hands -on with the tools you prefer, exploiting fully all potential

Every published update will be signaled to you in a clear way: I will give you the opportunity to choose the topics to drill down.

Go through the list of the sections to have an idea of the accuracy this course is made with: nothing is slapdash, everything is put forward in the easiest and most comprehensible way and… do not forget to follow my personal page. In it, you will find all the courses I am gradually completing to make you become an absolute ITC expert!

Do you already have questions? Go through the list provided in this course, they might have already been answered, if not, use the forum or else simply ask, you’d better sort out even the smallest doubt to allow yourself to learn without any difficulties.

Course Curriculum

Chapter 1: Course Introduction

Lecture 1: Course requirements

Lecture 2: Course structure

Lecture 3: Questions, reviews and course updates

Lecture 4: Internet and Web Pages

Lecture 5: Responsive design e Adaptive design

Chapter 2: UX & Web Design

Lecture 1: Introduction to the UX and Web Design use

Lecture 2: Typography: Serif and Sans Serif

Lecture 3: Typography: Text Dimensions

Lecture 4: Typography: Spacing and Aligning

Lecture 5: Colors: Relationship and Contrast Logic

Lecture 6: Colors: Combinations

Chapter 3: HTML: The Basics

Lecture 1: Introduction to the HTML language

Lecture 2: Visual Studio Code and the others..

Lecture 3: Setting up Visual Studio Code

Lecture 4: !DOCTYPE, html and body + Preview

Lecture 5: Paragraphs, Headings and Line Breaks

Lecture 6: Bold, Italics and Underlined

Lecture 7: Quotes

Lecture 8: Tables

Lecture 9: Lists

Lecture 10: Images

Lecture 11: Hypertextual Links

Lecture 12: EXERCISE #1

Lecture 13: EXERCISE #1 – SOLUTION

Chapter 4: HTML: Head & SEO Elements

Lecture 1: Introduction to the Head tag

Lecture 2: Title

Lecture 3: Meta Description

Lecture 4: Meta Keywords

Lecture 5: Meta Robots

Lecture 6: Other Meta tags

Lecture 7: Base, Link, Script and Style

Lecture 8: EXERCISE #2

Lecture 9: EXERCISE #2 – SOLUTION

Chapter 5: HTML: Elements of the Form

Lecture 1: Introduction to the Forms

Lecture 2: Action and Method

Lecture 3: Input

Lecture 4: Label

Lecture 5: Select

Lecture 6: Textarea

Lecture 7: Fieldset and Legend

Lecture 8: Datalist

Lecture 9: Readonly, Disabled, Required and Maxlength

Chapter 6: HTML: The HTML5 Standard

Lecture 1: Introduction to the HTML5 standard

Lecture 2: Div

Lecture 3: Header

Lecture 4: Nav

Lecture 5: Section

Lecture 6: Article

Lecture 7: Footer

Lecture 8: Aside

Lecture 9: Images

Lecture 10: EXERCISE #3

Lecture 11: EXERCISE #3 – SOLUTION

Chapter 7: CSS3: The Web Page Style

Lecture 1: Introduction to the Style Sheets (CSS)

Lecture 2: The Style Sheets Syntax

Lecture 3: EXTRA HTML: Span

Lecture 4: The structure of a Style Sheet with type Selectors

Lecture 5: Class and ID Selectors

Lecture 6: Pseudo-Class and Pseudo-Element Selectors

Lecture 7: Hierarchy and Attribute Selectors

Chapter 8: CSS3: The Base Attributes

Lecture 1: CSS in an HTML page

Lecture 2: Text Coloring

Lecture 3: Page Background

Lecture 4: Page Borders

Lecture 5: Element Outer Margins

Lecture 6: Element Inner Margins

Lecture 7: Text Fonts

Lecture 8: Comments to the Style Sheet

Lecture 9: EXERCISE #4

Lecture 10: EXERCISE #4 – SOLUTION

Chapter 9: CSS3: The Space Attributes

Lecture 1: Height and Width

Lecture 2: Display Property

Lecture 3: Position in the page

Lecture 4: Overflow and Z-Index

Chapter 10: CSS3: Advanced Attributes

Lecture 1: Hexadecimal Coloring and RGB

Lecture 2: Advanced Properties of the Background

Lecture 3: Images within the Borders

Lecture 4: Rounded Borders and Shadowing

Lecture 5: EXERCISE #5

Lecture 6: EXERCISE #5 – SOLUTION

Lecture 7: EXTRA HTML: use of Google Font

Lecture 8: Advanced Management of the Textual Properties

Lecture 9: BONUS: Animations with CSS3

Lecture 10: Responsive Design: Media Queries

Lecture 11: EXERCISE #6

Lecture 12: EXERCISE #6 – SOLUTION

Chapter 11: CSS3 FLEXBOX

Lecture 1: Introduction to the Flexbox

Lecture 2: Parent Container Properties: flex-direction

Lecture 3: Parent Container Properties: flex-wrap

Instructors

Manuel Estasio
Web Developer & Instructor
Stephanie Rocco
Professional Bootcamp Instructor

Rating Distribution

1 stars: 0 votes
2 stars: 0 votes
3 stars: 5 votes
4 stars: 6 votes
5 stars: 23 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