Don't like banners? Log in and we will make sure you see no banners. For free.
CSS - The Complete Guide 2021 (incl. Flexbox, Grid & Sass)

CSS - The Complete Guide 2021 (incl. Flexbox, Grid & Sass)

Size
11 GB
Seeders
0
Leechers
0
Files
99
Category
Added
at 4:21pm GMT+1
Infohash
f2ede7dd017f1a8a5e1a3eda85c966dedf6dfacb
Don't like banners? Log in and we will make sure you see no banners. For free.

Description


Description



CSS – short for Cascading Style Sheets – is a “programming language” you use to turn your raw HTML pages into real beautiful websites.



This course covers it all – we start at the very basics (What is CSS? How does it work? How do you use it)? and gradually dive in deeper and deeper. And we do this by showing both practical examples as well as the theory behind it.



Getting started with CSS might look easy but there actually is a lot of depth to CSS – hence this course provides different “Tracks” or “Entry points” to exactly meet your demands and reflect you current knowledge level:



   The Basics Track: Start from scratch, learn CSS from the ground up. You start with lecture 1 and simply follow through to the end.

   The Advanced Track: You already know the CSS basics, you know what selectors are and how it works but you want to dive in deeper and learn some advanced features and usages.

   The Expert Track: You got the advanced knowledge, too, but you want to dive into things like Flexbox, CSS Grid, CSS Variables or Sass. This track is for you.



Of course this course offers the theory and practical examples – we’ll build an entire real course project throughout the course – but there also are multiple assignments, quizzes and challenges for you to practice individual concepts taught throughout the course.



Talking about the course project – we’ll build the frontend (no backend) of a fictional web hosting company. We’ll have a starting screen which has different sections, we got a responsive design with an animated side-drawer, we got modals and forms and in general we got a lot of CSS animations, font styles and more!



Here’s what’s inside the course in detail – this is all also applied to the mentioned course project:



   The basics about selectors, combinators and how you set up styling rules in general

   Properties, values and decalarations

   How specifity and inheritance work and why it’s called “Cascading” Style Sheets

   Important theoretical concepts like the “Box Model”

   How the default position of elements can be changed

   Styling backgrounds (e.g. gradients) and images

   Which units and dimensions you typically use in CSS (px, rem, % and more)

   How JavaScript and CSS interact

   Responsive design and what “Mobile First” means

   Styling forms and form inputs

   Working with text, fonts and text styles

   Flexbox! How it works and how to use it

   Using the CSS Grid and how it differs from Flexbox

   Transforming and animating HTML elements with the help of CSS

   Writing future-proof CSS with features like CSS variables or best-practice class names

   Using Sass and what it actually is all about



Is this course for you?



It’s for you if …



   you started with learning web development and you want to build more beautiful websites

   you already know CSS but want to dive deeper

   you’re using CSS in a trial-and-error manner and want to change this (you should!)



You might come back later if …



   you’re an absolute CSS pro and you know the CSS working group drafts by heart

   you’re a backend-only developer (Node, PHP, NO HTML or frontend JavaScript)

   you’re a total newcomer to web development and you don’t know the basics about HTML



If that sounds good to you, we’d be more than happy to welcome you in this course!

Who this course is for:



   Anyone who wants to learn CSS for the first time or wants to sharpen his or her CSS skills

   Anyone who’s excited to learn about the latest CSS features like Flexbox, CSS Grid or CSS Variables

   Anyone who knows CSS but wants to dive deeper



Requirements



   You should know the very basics about HTML and web development in general

   NO advanced HTML or web development knowledge is required though

   NO CSS knowledge is required at all! You’ll learn it all in this course!



Last Updated 1/2021

File list
  • CSS - The Complete Guide 2021 (incl. Flexbox, Grid & Sass)
  • .pad/0 31 B
  • .pad/1 14 B
  • .pad/2 25 B
  • .pad/3 64 B
  • .pad/4 9 B
  • .pad/5 164 B
  • .pad/6 55 B
  • TutsNode.com.txt 63 B
  • [TutsNode.com] - CSS - The Complete Guide 2021/01 Getting Started/001 Introduction.en.srt 2.5 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/01 Getting Started/002 css-in-action.zip 135.2 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/01 Getting Started/004 CSS History, Present & Future.en.srt 2.5 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/01 Getting Started/006 Choose Your Track.html 1.7 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/01 Getting Started/007 Course Prerequisites.en.srt 976 B
  • [TutsNode.com] - CSS - The Complete Guide 2021/01 Getting Started/010 Where to Find the Source Code.html 1.2 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/01 Getting Started/011 Useful Resources & Links.html 1.5 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/02 Diving Into the Basics of CSS/012 Module Introduction.en.srt 1.3 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/02 Diving Into the Basics of CSS/012 Module Introduction.mp4 1.4 MB
  • [TutsNode.com] - CSS - The Complete Guide 2021/02 Diving Into the Basics of CSS/013 basics-01-understanding-the-course-project-starting-code.zip 1.5 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/02 Diving Into the Basics of CSS/015 css-syntax.pdf 16.9 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/02 Diving Into the Basics of CSS/017 basics-03-theory-time-selectors-finished.zip 1.8 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/02 Diving Into the Basics of CSS/017 css-selectors.pdf 154.4 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/02 Diving Into the Basics of CSS/018 css-specificity.pdf 51.7 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/02 Diving Into the Basics of CSS/019 basics-04-understanding-inheritance-finished.zip 1.9 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/02 Diving Into the Basics of CSS/019 css-inheritance.pdf 79.9 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/02 Diving Into the Basics of CSS/021 basics-05-theory-time-combinators-finished.zip 1.9 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/02 Diving Into the Basics of CSS/021 css-combinators.pdf 88.1 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/02 Diving Into the Basics of CSS/022 css-value-types.pdf 21.9 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/02 Diving Into the Basics of CSS/023 css-02-basics-summary.pdf 22.1 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/02 Diving Into the Basics of CSS/023 Wrap Up.en.srt 3 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/02 Diving Into the Basics of CSS/024 basics-01-understanding-the-course-project-starting-code.zip 1.5 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/02 Diving Into the Basics of CSS/024 basics-02-understanding-the-style-tag-finished.zip 1.7 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/02 Diving Into the Basics of CSS/024 basics-03-theory-time-selectors-finished.zip 1.8 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/02 Diving Into the Basics of CSS/024 basics-04-understanding-inheritance-finished.zip 1.9 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/02 Diving Into the Basics of CSS/024 basics-05-theory-time-combinators-finished.zip 1.9 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/02 Diving Into the Basics of CSS/024 basics-06-assignment-problem.zip 1.9 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/02 Diving Into the Basics of CSS/024 basics-07-assignment-solution.zip 1.7 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/02 Diving Into the Basics of CSS/024 basics-08-project-finished.zip 1.9 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/02 Diving Into the Basics of CSS/024 Useful Resources & Links.html 2.2 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/03 Diving Deeper into CSS/025 Module Introduction.en.srt 1.8 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/03 Diving Deeper into CSS/026 diving-deeper-01-project-introducing-the-box-model-starting-code.zip 1.9 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/03 Diving Deeper into CSS/028 css-margin-collapsing.pdf 17.8 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/03 Diving Deeper into CSS/030 css-shorthand-properties.pdf 64 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/03 Diving Deeper into CSS/034 diving-deeper-02-adding-the-header-starting-code.zip 2 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/03 Diving Deeper into CSS/034 diving-deeper-02.01-header-html-code.zip 851 B
  • [TutsNode.com] - CSS - The Complete Guide 2021/03 Diving Deeper into CSS/036 display_ none vs visibility_ hidden.html 2.5 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/03 Diving Deeper into CSS/039 diving-deeper-03-understanding-an-unexpected-behaviour-finished.zip 2.6 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/03 Diving Deeper into CSS/039 Understanding an Unexpected _inline-block_ Behaviour.en.srt 2.9 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/03 Diving Deeper into CSS/048 css-properties-worth-remembering.pdf 62.3 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/03 Diving Deeper into CSS/049 css-03-deep-dive-summary.pdf 26.9 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/04 More on Selectors & CSS Features/056 CSS & Browser Support.en.srt 5.5 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/04 More on Selectors & CSS Features/057 css-03b-more-selectors-summary.pdf 21.6 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/05 Practicing the Basics/070 practicing-basics-05.01-html-code-footer.zip 744 B
  • [TutsNode.com] - CSS - The Complete Guide 2021/05 Practicing the Basics/073 practicing-basics-06-your-challenge-starting-code.zip 350.2 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/06 Positioning Elements with CSS/094 css-position-slides.pdf 64.9 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/07 Understanding Background Images & Images/096 Module Introduction.en.srt 1.4 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/07 Understanding Background Images & Images/096 Module Introduction.mp4 1.8 MB
  • [TutsNode.com] - CSS - The Complete Guide 2021/07 Understanding Background Images & Images/099 css-background-properties.pdf 32.3 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/07 Understanding Background Images & Images/104 Working on the Image Layout.mp4 181.4 MB
  • [TutsNode.com] - CSS - The Complete Guide 2021/07 Understanding Background Images & Images/110 css-07-background-summary.pdf 23.4 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/08 Sizes & Units/122 Working with _rem_ & _em_.mp4 255.1 MB
  • [TutsNode.com] - CSS - The Complete Guide 2021/08 Sizes & Units/131 css-units-slides.pdf 98.1 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/08 Sizes & Units/131 Useful Resources & Links.html 1.3 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/09 Working with JavaScript & CSS/134 Selecting & Manipulating Styles with JavaScript.en.srt 14.1 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/09 Working with JavaScript & CSS/141 css-09-javascript-and-css-summary.pdf 20.5 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/10 Making our Website Responsive/149 Adding our First Media Queries.en.srt 17.6 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/10 Making our Website Responsive/149 Adding our First Media Queries.mp4 227.6 MB
  • [TutsNode.com] - CSS - The Complete Guide 2021/10 Making our Website Responsive/153 Making the Plans Responsive.en.srt 11.1 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/10 Making our Website Responsive/156 Improving the Customers Page.en.srt 21 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/10 Making our Website Responsive/156 Improving the Customers Page.mp4 199.9 MB
  • [TutsNode.com] - CSS - The Complete Guide 2021/10 Making our Website Responsive/159 Positioning our Footer Correctly.en.srt 13.2 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/10 Making our Website Responsive/159 Positioning our Footer Correctly.mp4 151.8 MB
  • [TutsNode.com] - CSS - The Complete Guide 2021/10 Making our Website Responsive/161 css-responsive-slides.pdf 47 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/11 Adding & Styling Forms/162 Module Introduction.mp4 2 MB
  • [TutsNode.com] - CSS - The Complete Guide 2021/11 Adding & Styling Forms/172 css-11-forms-summary.pdf 19.3 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/11 Adding & Styling Forms/173 css-attribute-selectors-slides.zip 19.4 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/12 Working with Text and Fonts/180 Working with Google Fonts.mp4 164.1 MB
  • [TutsNode.com] - CSS - The Complete Guide 2021/12 Working with Text and Fonts/182 fonts-03.01-importing-our-own-fonts-custom-font-ttf.zip 263.9 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/12 Working with Text and Fonts/191 css-fonts-slides.pdf 131.8 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/13 Adding Flexbox to our Project/200 And What About _align-content__.en.srt 3.7 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/13 Adding Flexbox to our Project/201 Improving the Navigation Bar with Flexbox.en.srt 16.8 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/13 Adding Flexbox to our Project/201 Improving the Navigation Bar with Flexbox.mp4 152.6 MB
  • [TutsNode.com] - CSS - The Complete Guide 2021/13 Adding Flexbox to our Project/205 [OPTIONAL] Assignment Solution.mp4 162.3 MB
  • [TutsNode.com] - CSS - The Complete Guide 2021/13 Adding Flexbox to our Project/213 css-flexbox-slides.pdf 53.1 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/14 Using the CSS Grid/214 Module Introduction.mp4 1.7 MB
  • [TutsNode.com] - CSS - The Complete Guide 2021/14 Using the CSS Grid/227 Using the Grid on our Project.mp4 167.1 MB
  • [TutsNode.com] - CSS - The Complete Guide 2021/14 Using the CSS Grid/240 css-14-grid-summary.pdf 23.1 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/14 Using the CSS Grid/240 css-grid.pdf 376.5 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/14 Using the CSS Grid/241 css-grid.pdf 520.8 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/15 Transforming Elements with CSS Transforms/242 Module Introduction.mp4 802.6 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/15 Transforming Elements with CSS Transforms/247 css-transform-rotate.pdf 37 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/15 Transforming Elements with CSS Transforms/252 css-15-transform-summary.pdf 20.3 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/16 Transitions & Animations in CSS/254 Module Introduction.en.srt 448 B
  • [TutsNode.com] - CSS - The Complete Guide 2021/16 Transitions & Animations in CSS/254 Module Introduction.mp4 517.8 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/16 Transitions & Animations in CSS/255 Understanding and Applying Transitions.en.srt 10.5 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/16 Transitions & Animations in CSS/264 css-16-animations-summary.pdf 20.2 KB
  • [TutsNode.com] - CSS - The Complete Guide 2021/17 Writing Future-Proof CSS Code/266 Module Introduction.en.srt 654 B
  • [TutsNode.com] - CSS - The Complete Guide 2021/17 Writing Future-Proof CSS Code/275 css-17-future-css.pdf 1.1 MB
  • [TutsNode.com] - CSS - The Complete Guide 2021/17 Writing Future-Proof CSS Code/276 css-17-future-css.pdf 1.1 MB
  • [TutsNode.com] - CSS - The Complete Guide 2021/18 Introducing Sass (Syntactically Awesome Style Sheets)/278 Module Introduction.mp4 841.8 KB

Rating
Not rated yet
Log in to rate

Comments

No comments yet.