Advanced HTML CSS & SASS - Build and Deploy Modern Websites | Udemy

Learn Modern Web Development using HTML5, CSS3 Grid system & Flexbox, CSS Variables, Bootstrap, SASS, GitHub Repository

What you'll 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

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:

How to Setup a Developer Environment

HTML & CSS Basics - Build & Deploy Blog Website

What is HTML

HTML Comments

HTML Heading Elements

HTML Paragraph & Dummy Text

HTML Horizontal Rules and Line Breaks

HTML <div> Tag

HTML Styles

HTML Lists

HTML Links

HTML <img> Tag

HTML Semantic Elements

HTML <header> Element

HTML <nav> Element

HTML <section> Tag

HTML <main> and <article> Tag

HTML <audio> & <iframe> tags

HTML <footer> Tag

HTML Symbols and Icons

What is CSS

CSS Selectors

HTML Elements ID there CSS selection

HTML Elements Classes and there CSS selection

CSS Colors

CSS Backgrounds

CSS Borders

CSS Margins and Paddings

CSS Selects All and General Reset

Text Formatting

CSS Fonts

CSS Height, Width and Max-width

CSS Pseudo-class

Pseudo-element

CSS Layout - The position Property

CSS Flexbox Layout Module

CSS Grid Layout Module

Create Multiple Web pages

Shared Web Page Structure

Navigate between web pages

CSS Forms and Contact information

CSS Transitions

CSS Image Reflection

CSS 2D Transforms

CSS Animations

CSS Media Queries

Responsive About Page

Responsive Blog Page and Post

Responsive Post

What is GitHub and How to create a GitHub Account

Create a GitHub Repository & Publish your website

CSS Variables

CSS Calc () Method

CSS Flexbox Project

CSS Grid Project

Visual Studio Code Extensions and Shortcut keys

SASS & SCSS - The CSS with Superpowers

Scss Utilities

Scss Project - Button Component

Scss Projects - Alert Component

Scss Project - Card Component

Scss Project - Navbar Component

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

Who this course is for:
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


DOWNLOAD FROM DDOWNLOAD
DOWNLOAD FROM RAPIDGATOR
If any links die or problem unrar, send request to