Advanced HTML CSS SASS Build and Deploy Modern Websites

Advanced HTML CSS & SASS – Build and Deploy Modern Websites, available at $64.99, has an average rating of 4.5, with 158 lectures, based on 8 reviews, and has 64 subscribers.

You will learn about How to create websites using HTML & CSS How to create Responsive website by using CSS Flexbox and Grid Layout model Learn SASS / SCSS Website deployment on GitHub pages and Netlify Create GitHub Repositories This course is ideal for individuals who are Beginner web developers that just got started or Beginner Front End web developers or Beginner HTML or Beginner CSS or Beginner Sass or Advanced HTML web developers or Advanced CSS web developers or Back End Web developers that want to create quick prototypes. or Front End web developers that want to create powerful reusable components for there UI/UX. or Advanced Web developers that wish to enhance their skills and speed using Sass and Scss. or Beginner Front End web developers that want to consolidate their HTML and CSS skills. It is particularly useful for Beginner web developers that just got started or Beginner Front End web developers or Beginner HTML or Beginner CSS or Beginner Sass or Advanced HTML web developers or Advanced CSS web developers or Back End Web developers that want to create quick prototypes. or Front End web developers that want to create powerful reusable components for there UI/UX. or Advanced Web developers that wish to enhance their skills and speed using Sass and Scss. or Beginner Front End web developers that want to consolidate their HTML and CSS skills.

Enroll now: Advanced HTML CSS & SASS – Build and Deploy Modern Websites

Summary

Title: Advanced HTML CSS & SASS – Build and Deploy Modern Websites

Price: $64.99

Average Rating: 4.5

Number of Lectures: 158

Number of Published Lectures: 156

Number of Curriculum Items: 158

Number of Published Curriculum Objects: 156

Original Price: 99.99

Quality Status: approved

Status: Live

What You Will Learn

How to create websites using HTML & CSS

How to create Responsive website by using CSS Flexbox and Grid Layout model

Learn SASS / SCSS

Website deployment on GitHub pages and Netlify

Create GitHub Repositories

Who Should Attend

Beginner web developers that just got started

Beginner Front End web developers

Beginner HTML

Beginner CSS

Beginner Sass

Advanced HTML web developers

Advanced CSS web developers

Back End Web developers that want to create quick prototypes.

Front End web developers that want to create powerful reusable components for there UI/UX.

Advanced Web developers that wish to enhance their skills and speed using Sass and Scss.

Beginner Front End web developers that want to consolidate their HTML and CSS skills.

Target Audiences

Beginner web developers that just got started

Beginner Front End web developers

Beginner HTML

Beginner CSS

Beginner Sass

Advanced HTML web developers

Advanced CSS web developers

Back End Web developers that want to create quick prototypes.

Front End web developers that want to create powerful reusable components for there UI/UX.

Advanced Web developers that wish to enhance their skills and speed using Sass and Scss.

Beginner Front End web developers that want to consolidate their HTML and CSS skills.

In this Course you will learn the basic skills that every beginner web developer needs, HTML & CSS, by Creating your own Blog Website & Publishing / Deploying it on the internet using GitHub, making it accessible to the hole world.

My Name is Norbert B.M. I am a Manager and I teach web development through courses like this and also on my YouTube channel and Blog, where I have tones of education content for you.

I am gonna take you from a complete beginner, with 0 experience in creating websites, to a confident coder by teaching you two of the core pillars skills of web development, that is the HTML and CSS programing language.

I decided to have a complete practical approach to this course.

You will start up with a short Environmental setup, where I will help you setup your coding environment using the most popular code editor on the market. We will also add to it my personal Extensions for coding with speed and efficiency.

I will then take you through just a basic introduction about what HTML is and how it works. And then, we will get strait in to creating your very first website.

I will slowly drag you into deeper and deeper waters , throwing CSS at you with colors, fonts, Pseudo classes and selector, showing you best practice examples, industry standards and personal tips and tricks, for animations, transitions and reflections, making websites responsive on different devices reaching from Desktop to Tablet and Mobile using Media queries, with everything culminating in publishing your very first website for everyone to visit and experience on the internet using GitHub.

What will you learn:

1. How to Setup a Developer Environment

2. HTML & CSS Basics – Build & Deploy Blog Website

   1. What is HTML

   2. HTML Comments

   3. HTML Heading Elements

   4. HTML Paragraph & Dummy Text

   5. HTML Horizontal Rules and Line Breaks

   6. HTML <div> Tag

   7. HTML Styles

   8. HTML Lists

   9. HTML Links

   10. HTML <img> Tag

   11. HTML Semantic Elements

   12. HTML <header> Element

   13. HTML <nav> Element

   14. HTML <section> Tag

   15. HTML <main> and <article> Tag

   16. HTML <audio> & <iframe> tags

   17. HTML <footer> Tag

   18. HTML Symbols and Icons

   19. What is CSS

   20. CSS Selectors

   21. HTML Elements ID there CSS selection

   22. HTML Elements Classes and there CSS selection

   23. CSS Colors

   24. CSS Backgrounds

   25. CSS Borders

   26. CSS Margins and Paddings

   27. CSS Selects All and General Reset

   28. Text Formatting

   29. CSS Fonts

   30. CSS Height, Width and Max-width

   31. CSS Pseudo-class

   32. Pseudo-element

   33. CSS Layout – The position Property

   34. CSS Flexbox Layout Module

   35. CSS Grid Layout Module

   36. Create Multiple  Web pages

   37. Shared Web Page Structure

   38. Navigate between web pages

   39. CSS Forms and Contact information

   40. CSS Transitions

   41. CSS Image Reflection

   42. CSS 2D Transforms

   43. CSS Animations

   44. CSS Media Queries

   45. Responsive About Page

   46. Responsive Blog Page and Post

   47. Responsive Post

   48. What is GitHub and How to create a GitHub Account

   49. Create a GitHub Repository & Publish your website

3. CSS Variables

4. CSS Calc () Method

5. CSS Flexbox Project

6. CSS Grid Project

7. Visual Studio Code Extensions and Shortcut keys

8. SASS & SCSS – The CSS with Superpowers

9. Scss Utilities

10. Scss Project – Button Component

11. Scss Projects – Alert Component

12. Scss Project – Card Component

13. Scss Project – Navbar Component

14. Project E-Learning Website using Scss

What are the requirements or prerequisites for taking this course?

Prior knowledge

– Knowing just the basics of HTML and CSS can help, but for dose of you that don’t know them I included a complete beginner HTML and CSS Fundamentals section where we build and deploy a blog website, teaching you all of the basics that you need to know.

– For your more advanced developers you can take this as a short recap of your prior knowledge or just skip it entirely

Tools

A basic PC or Mac is sufficient. What I would recommend is a dual monitor setup, whether you have two monitors, a laptop with another monitor, or just a tabled for viewing the course and coding separately on your device.

Who is this course for?

this course is for :

– Beginner web developers that just got started.

– Beginner Front End web developers that want to consolidate their HTML and CSS skills.

– Advanced Web developers that wish to enhance their skills and speed using Sass and Scss.

– Front End web developers that want to create powerful reusable components for there UI/UX.

– Back End Web developers that want to create quick prototypes.

So join me on this journey and be a proud owner of your very first website and as a byproduct also leave with 3 brand new Skills: HTML CSS and Website Deployment.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: Setup Developer Environment

Chapter 2: Blog website – HTML and CSS Fundamentals

Lecture 1: About this Project

Lecture 2: Source Code Repository and Live Blog Website

Lecture 3: What is HTML and how to create a HTML file

Lecture 4: HTML Elements

Lecture 5: HTML Comments

Lecture 6: HTML Headings

Lecture 7: HTML Paragraphs & Dummy Text

Lecture 8: HTML Horizontal Rules & Line Breaks

Lecture 9: HTML div Element

Lecture 10: HTML Styling

Lecture 11: HTML Lists

Lecture 12: HTML Links

Lecture 13: HTML Imgages

Lecture 14: HTML Semantic Elements

Lecture 15: HTML <header> Tag

Lecture 16: HTML <nav> Tag

Lecture 17: HTML <section> Tag

Lecture 18: HTML <main> & <article> Tag

Lecture 19: HTML <audio> & <iframe> tags

Lecture 20: HTML <footer> Tag

Lecture 21: HTML Symbols and Icons

Lecture 22: What is CSS & How to create and link CSS to HTML

Lecture 23: CSS Selectors

Lecture 24: HTML ID and there CSS selection

Lecture 25: HTML Classes and there CSS selection

Lecture 26: CSS Colors

Lecture 27: CSS Backgrounds

Lecture 28: CSS Borders

Lecture 29: CSS Margins and Paddings

Lecture 30: CSS Selects All and General Reset

Lecture 31: Text Formatting

Lecture 32: CSS Fonts & External Fonts

Lecture 33: CSS Height, Width and Max-width

Lecture 34: CSS Pseude-class

Lecture 35: CSS Pseudo-element

Lecture 36: CSS Layout – The position Property

Chapter 3: CSS Flexbox & Grid Layout Module – Blog Website

Lecture 1: CSS Flexbox

Lecture 2: CSS Grid

Chapter 4: Website Structure and Navigation – Blog Website

Lecture 1: Create Multiple Webpage

Lecture 2: Shared Web Page Structure

Lecture 3: Navigate between web pages

Lecture 4: CSS Form input label & more

Lecture 5: Contact Infos : Email, Phone, Fax, Address and Webpage

Chapter 5: CSS Animations, Transitions, Transformations and Effects – Blog Website

Lecture 1: CSS Transitions

Lecture 2: CSS Image Reflection

Lecture 3: CSS 2D Transform

Lecture 4: CSS Animations

Chapter 6: CSS Media Queries – Blog Website

Lecture 1: What are CSS Media Queries

Lecture 2: Responsive About Page

Lecture 3: Responsive Blog Page and Post

Lecture 4: Responsive Post

Chapter 7: Publishing your Website to GitHub – Blog Website

Lecture 1: What is GitHub & Create a GitHub Account

Lecture 2: Create a Repository & Publish your Website the internet

Chapter 8: CSS Calc Method

Lecture 1: How to use CSS calc()

Lecture 2: Examples with CSS calc()

Chapter 9: CSS Variables

Lecture 1: What are CSS Variables

Lecture 2: Using CSS Variables

Chapter 10: CSS Flexbox Project – Crypto Market Website

Lecture 1: Project overview

Lecture 2: Starter Files

Lecture 3: Website Settings & Variables

Lecture 4: Website Navigation

Lecture 5: Website Header

Lecture 6: Website Services

Lecture 7: Responsive Design

Lecture 8: Finish files

Chapter 11: CSS Grid Project – Photography Portfolio Website

Lecture 1: Project Overview

Lecture 2: Starter Files

Lecture 3: Website Settings & Variables

Lecture 4: Website Header & Navigation

Lecture 5: Image Collections Section

Lecture 6: Spring / Summer / Fall / Winter Collection

Lecture 7: Finish files

Chapter 12: Visual Studio Code Extensions and Shortcut keys

Lecture 1: Essential Extensions

Lecture 2: Optional Extensions

Lecture 3: Environmental Specific Extensions

Lecture 4: Essential Keyboard Shortcuts

Lecture 5: Create you own Keyboard Shortcuts & New File Extension

Lecture 6: 03-Import other Keymap extensions

Chapter 13: SASS & SCSS – The CSS with Superpowers

Lecture 1: What is SASS and why learn it ?

Lecture 2: How does Sass work?

Lecture 3: Features of Sass

Lecture 4: Visual Studio Code Sass Compiler

Lecture 5: Working with Scss Partials & @import rule

Lecture 6: Scss Nesting & Parent selector

Lecture 7: Scss Variables

Instructors

Norbert B. Menyhart
Knowledge is Power Acquire Knowledge by Learning!

Rating Distribution

1 stars: 0 votes

2 stars: 0 votes

3 stars: 2 votes

4 stars: 1 votes

5 stars: 5 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!