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 & CSSBasics - 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
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.
