Modern HTML & CSS From The Beginning (Including Sass)

Modern HTML & CSS From The Beginning (Including Sass)

Size
6.8 GB
Seeders
21
Leechers
1
Files
98
Category
Added
11/19/23 at 5:51am GMT+1
Infohash
0bc5008907fed3ca9c470d99c971ea56d750db68

Description


Description



This course is for both beginners and seasoned developers that want to learn how to build responsive websites and user interfaces with modern HTML5 and CSS3+ technologies like Flexbox and CSS Grid as well as the Sass pre-compiler. This course includes hours of both learning & studying sections along with real life projects. Stop having to rely on frameworks like Bootstrap for your user interface and learn how to create your own layouts and utility classes to build custom responsive websites and app UIs.



The first few sections are tailored for beginners so even if you have never built anything before, you will learn all of the basics. If you already have experience with basic HTML & CSS, just move to section 3 or 4 and get started.



Things We Cover



   How Websites Work

   Visual Studio Code Setup, Shortcuts, Live Server & Emmet

   HTML5 Semantic Layout

   CSS Fundamentals

   Responsive Design With Media Queries

   CSS Units – rem, em, vh, vw, etc

   Flexbox

   CSS Grid

   Animation with Keyframes & Transitions

   CSS Variables

   Sass Pre-compiler with portfolio project

   Full Projects & Mini Projects

   Website Deployment to Shared Hosting & Netlify With Git

   Much More



Sections on Sass will be being added very shortly!

Who this course is for:



   From absolute beginner to seasoned developer



Requirements



   This course is for any developer, beginner to advanced



Last Updated 3/2022

File list
  • Modern HTML & CSS From The Beginning (Including Sass)
  • .pad/0 234 B
  • .pad/1 88 B
  • TutsNode.org.txt 63 B
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/01 - Introduction/002 How The Web Works (Summarized)_en.srt 11.4 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/01 - Introduction/003 The Roles Of HTML & CSS In Web Development_en.srt 9.8 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/01 - Introduction/004 Getting Setup With Visual Studio Code_en.srt 11.4 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/02 - HTML Basics/001 htmlsandbox-finished.zip 66.7 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/02 - HTML Basics/001 htmlsandbox-starter.zip 64.4 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/02 - HTML Basics/002 Create & Open HTML Pages_en.srt 13 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/02 - HTML Basics/003 Doctype & Basic Layout_en.srt 11.6 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/02 - HTML Basics/005 Meta Tags & Search Engines_en.srt 13.3 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/02 - HTML Basics/006 Headings, Paragraphs & Typography_en.srt 12.9 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/02 - HTML Basics/007 Links, Images & Attributes_en.srt 14.7 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/02 - HTML Basics/008 Lists & Tables_en.srt 11.3 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/02 - HTML Basics/009 Forms & Input_en.srt 24.1 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/02 - HTML Basics/011 Divs & Spans, Classes & Ids_en.srt 13.3 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/02 - HTML Basics/012 HTML Entities_en.srt 9.5 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/02 - HTML Basics/013 html5-semantics-start.zip 1.9 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/03 - CSS Basics/002 Implementing CSS_en.srt 12.6 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/03 - CSS Basics/003 Basic CSS Selectors_en.srt 13.4 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/03 - CSS Basics/004 Dev Tools Introduction_en.srt 9 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/03 - CSS Basics/005 Fonts In CSS_en.srt 16.8 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/03 - CSS Basics/006 Color Types_en.srt 12.5 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/03 - CSS Basics/007 Backgrounds & Borders_en.srt 23.4 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/03 - CSS Basics/008 Box Model, Margin & Padding_en.srt 20.5 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/03 - CSS Basics/009 Float & Alignment_en.srt 17.2 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/03 - CSS Basics/010 Link State & Button Styling_en.srt 12.7 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/03 - CSS Basics/011 Navigation Menu Styling_en.srt 14 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/03 - CSS Basics/012 Inline, Block & Inline-Block Display_en.srt 10.7 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/03 - CSS Basics/013 Positioning_en.srt 13.9 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/03 - CSS Basics/014 form-styling-start.zip 1.8 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/03 - CSS Basics/015 Form Style Solution_en.srt 12 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/04 - Hotel Website/003 File Structure & Navbar_en.srt 27.5 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/04 - Hotel Website/004 Showcase & Home Info.mp4 172.3 MB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/04 - Hotel Website/004 Showcase & Home Info_en.srt 28.1 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/04 - Hotel Website/005 Features & Footer_en.srt 16.2 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/04 - Hotel Website/006 About Page.mp4 199.6 MB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/04 - Hotel Website/006 About Page_en.srt 25.7 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/04 - Hotel Website/007 Contact Page_en.srt 14.4 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/05 - Intro To Responsive Layouts/002 Getting Started With Media Queries_en.srt 19.1 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/05 - Intro To Responsive Layouts/003 Em & Rem Units_en.srt 18.8 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/05 - Intro To Responsive Layouts/004 Vh & Vw Units_en.srt 18.6 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/05 - Intro To Responsive Layouts/005 Making The Hotel Website Fully Responsive_en.srt 25.5 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/06 - Intro To Flexbox/004 Flex Alignment & Justify_en.srt 9.6 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/07 - EdgeLedger Website (Flexbox)/002 Header HTML & Navbar Styles_en.srt 18.3 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/07 - EdgeLedger Website (Flexbox)/003 Hero Section & Overlay_en.srt 13.8 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/07 - EdgeLedger Website (Flexbox)/004 Icons & Solutions Sections_en.srt 17.1 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/07 - EdgeLedger Website (Flexbox)/005 Cases & Blog Sections_en.srt 10.1 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/07 - EdgeLedger Website (Flexbox)/006 Finishing The Homepage_en.srt 15.1 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/07 - EdgeLedger Website (Flexbox)/008 Inner Pages_en.srt 15.1 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/07 - EdgeLedger Website (Flexbox)/009 Navbar & Lightbox Effects_en.srt 20.5 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/08 - Website Deployment - Shared Host/001 Types Of Web Hosting_en.srt 11.8 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/08 - Website Deployment - Shared Host/002 Shared Hosting Setup_en.srt 14.6 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/09 - More CSS Concepts - Advanced Selectors, Animation & More/001 csssandbox2.zip 11.7 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/09 - More CSS Concepts - Advanced Selectors, Animation & More/001 Targeted Selectors_en.srt 12.8 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/09 - More CSS Concepts - Advanced Selectors, Animation & More/002 nth-child Pseudo Selectors_en.srt 8.3 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/09 - More CSS Concepts - Advanced Selectors, Animation & More/003 before & after Pseudo Selectors_en.srt 13.4 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/09 - More CSS Concepts - Advanced Selectors, Animation & More/004 Box Shadows_en.srt 10.8 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/09 - More CSS Concepts - Advanced Selectors, Animation & More/006 CSS Variables (Custom Properties)_en.srt 13.7 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/09 - More CSS Concepts - Advanced Selectors, Animation & More/007 Keyframe Animation 1_en.srt 14.3 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/09 - More CSS Concepts - Advanced Selectors, Animation & More/009 CSS Transitions_en.srt 10.2 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/10 - Mini Projects With Keyframes, Transitions, etc/001 Presentation Website [1] - Intro & HTML_en.srt 10.7 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/10 - Mini Projects With Keyframes, Transitions, etc/002 Presentation Website [2] - Page CSS_en.srt 10.8 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/10 - Mini Projects With Keyframes, Transitions, etc/003 Presentation Website [3] - Text Animation_en.srt 11.2 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/10 - Mini Projects With Keyframes, Transitions, etc/004 Hamburger Menu Overlay [1] - HTML & Base CSS_en.srt 26.3 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/10 - Mini Projects With Keyframes, Transitions, etc/005 Hamburger Menu Overlay [2] - Creating The Hamburger_en.srt 15.4 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/10 - Mini Projects With Keyframes, Transitions, etc/007 Hamburger Menu Overlay [4] - Menu Overlay_en.srt 18.1 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/10 - Mini Projects With Keyframes, Transitions, etc/008 Knowledge Timeline [1] - HTML & Base CSS_en.srt 10.4 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/10 - Mini Projects With Keyframes, Transitions, etc/009 Knowledge Timeline [2] - Boxes & Arrows_en.srt 17.3 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/10 - Mini Projects With Keyframes, Transitions, etc/011 Knowledge Timeline [4] - Scroll In Animation_en.srt 13.6 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/10 - Mini Projects With Keyframes, Transitions, etc/012 Quick Dropdown Menu Project_en.srt 22.1 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/11 - CSS Grid/002 Grid Basics & Columns_en.srt 12.2 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/12 - NewsGrid Website/001 newsgrid.zip 980 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/12 - NewsGrid Website/002 Setup & Favicon_en.srt 9.2 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/12 - NewsGrid Website/003 Core Styles, Variables & Navbar_en.srt 14.9 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/12 - NewsGrid Website/004 Showcase With Overlay & Button Styles_en.srt 16.1 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/12 - NewsGrid Website/005 Home Articles Grid_en.srt 22.5 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/12 - NewsGrid Website/006 Footer With Grid_en.srt 14.4 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/12 - NewsGrid Website/007 About Page & Page Container_en.srt 11.4 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/12 - NewsGrid Website/008 Article Page_en.srt 11.4 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/12 - NewsGrid Website/009 Responsive Media Queries_en.srt 22.9 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/12 - NewsGrid Website/010 Bonus Intro To Photoshop (NewsGrid Logo)_en.srt 17.4 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/13 - Website Deployment With Netlify (FREE)/002 Git & Pushing To Github_en.srt 10.1 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/13 - Website Deployment With Netlify (FREE)/004 Netlify Deploy & Form Submission_en.srt 9.3 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/14 - Learning Sass/001 sass-sandbox-finished.zip 21.9 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/14 - Learning Sass/001 What Is Sass_en.srt 9.3 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/14 - Learning Sass/007 Functions, Mixins & More_en.srt 14 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/15 - Portfolio Website With Sass/002 Project Setup_en.srt 18.5 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/15 - Portfolio Website With Sass/003 Header & Main Nav_en.srt 27.7 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/15 - Portfolio Website With Sass/004 Specialize & Stats Section_en.srt 19.1 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/15 - Portfolio Website With Sass/005 Process Section & Footer.mp4 186.6 MB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/15 - Portfolio Website With Sass/005 Process Section & Footer_en.srt 30.3 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/15 - Portfolio Website With Sass/006 About Page Info Section_en.srt 15 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/15 - Portfolio Website With Sass/007 About Page Logos & Testimonials_en.srt 15.1 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/15 - Portfolio Website With Sass/008 Work Gallery With Transitions_en.srt 24.5 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/15 - Portfolio Website With Sass/009 Contact Page_en.srt 18 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/15 - Portfolio Website With Sass/010 Responsive Media Queries_en.srt 28.7 KB
  • [TutsNode.org] - Modern HTML & CSS From The Beginning (Including Sass)/15 - Portfolio Website With Sass/011 Deploy & Contact Form With Spam Filter_en.srt 12.4 KB

Rating
Not rated yet
Log in to rate

Comments

No comments yet.