CSS Complete Guide (incl. Animation, Flexbox, Grid & Sass)

CSS Complete Guide (incl. Animation, Flexbox, Grid & Sass)
Published 5/2024
Duration: 18h34m | .MP4 1280x720, 30 fps(r) | AAC, 44100 Hz, 2ch | 6.61 GB
Genre: eLearning | Language: English

CSS for the first time or brushing up on your skills to dive even deeper, this course is a must for EVERY web developer.

What you'll learn
CSS fundamentals : learn CSS basic properties like padding, margin, height ,Width, Corsor , Clip-Path, Shape Outside, Box shadow, Overflow etc
CSS text and font properties : font-family, font-size, font-weight, font-style, text-align, text-decoration, text-transform, line-height and many more
CSS background properties : background-color, background-image, background-repeat, background-position, background-size, background-attachment Etc.
CSS Layout : Display, Visibility, Position, Z-Index, Media Queries, Table, Object-fit, Resize and more.
Advanced CSS units, function and variable : CSS Units (em,rem,vh, vw,vmax,vmin and more), Css Variables, CSS function() and more
CSS advanced selector : Combinator selector, attribute selector, Pseudo-classes Selector, CSS Pseudo Element and more
CSS Animation : CSS Filter , CSS Transition, Transform 2D, Transform 3D , CSS Perspective, CSS Transform-Style, CSS Animation and Projects.
CSS Grid : learn complete CSS Grid properties from the very beginning
CSS FlexBox : CSS Flexbox is a powerful layout model that allows you to design complex and responsive layouts with ease.
learn new modern CSS preprocessor : Sass (Syntactically Awesome Style Sheets) is a CSS preprocessor that extends the functionality of CSS by adding features .

Requirements
You should know the very basics about HTML and web development in general
NO CSS knowledge is required at all! You'll learn it all in this course!
NO advanced HTML or web development knowledge is required though

Description
In this comprehensive CSS course, you will delve into the world of Cascading Style Sheets (CSS) and master not only the fundamentals but also advanced techniques including animation, layout with Flexbox and Grid, and the use of Sass for efficient styling. Whether you're a beginner looking to start from scratch or an experienced developer aiming to refine your CSS skills, this course has something valuable to offer.
Course Outline:
CSS Fundamentals:
Explore CSS basic properties such as padding, margin, height, width, cursor, clip-path, shape outside, box shadow, overflow, and more.
CSS Text and Font Properties:
Dive into font-family, font-size, font-weight, font-style, text-align, text-decoration, text-transform, line-height, and other text-related properties.
CSS Background Properties:
Learn about background-color, background-image, background-repeat, background-position, background-size, background-attachment, and related concepts.
CSS Layout Techniques:
Understand display options, visibility, positioning, z-index, media queries for responsiveness, table styling, object-fit, resize, and advanced layout techniques.
Advanced CSS Units, Functions, and Variables:
Discover CSS units like em, rem, vh, vw, vmax, vmin, CSS variables, functions, and their practical applications.
CSS Advanced Selectors:
Master combinator selectors, attribute selectors, pseudo-classes, CSS pseudo-elements, and their uses in creating dynamic styles.
CSS Animation:
Explore CSS filter effects, transitions, 2D and 3D transforms, perspective, transform-style, animations, and work on hands-on projects to apply these concepts.
CSS Grid:
Gain a thorough understanding of CSS Grid properties and create responsive grid-based layouts effortlessly.
CSS Flexbox:
Harness the power of CSS Flexbox to design complex and responsive layouts with ease, making your designs adaptable to various screen sizes and devices.
Modern CSS Preprocessor - Sass:
Integrate Sass (Syntactically Awesome Style Sheets) into your workflow to enhance CSS with features like variables, nesting, mixins, and functions, streamlining your styling process and making your code more maintainable and scalable.
By the end of this course, you will have a strong command of CSS, enabling you to create stunning and responsive web designs while leveraging the latest techniques and tools in the field.
Who this course is for:
Anyone who wants to learn CSS for the first time or wants to sharpen his or her CSS skills
Discover the thrilling world of cutting-edge CSS innovations such as Flexbox mastery, the dynamic possibilities of CSS Grid, and the game-changing flexibility of CSS Variables!
Anyone who knows CSS but wants to dive deeper

More Info