CSS Complete Guide (incl. Animation, Flexbox, Grid & Sass)
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
Instructor
- 4.5 Instructor Rating
- 701 Reviews
- 30,847 Students
- 24 Courses
Hi, I am Jayanta! I am a Python programmer and web developer. I have worked with companies both as an employee and self-employed. I have used Python language to develop both website and web applications.
I will teach you how you can use Python, just like I do. The easiest way to learn something is to work on it. The more you exercise on this subject, the more you will learn. I take care to explain the programming concepts assuming my students do not have a computer science background. Indeed, you do not need a computer science degree to become a programmer.