Description
CSS for JavaScript Developers is the name of the CSS course designed for JavaScript developers and has an interesting slogan “stop the struggle with CSS”. For many front-end developers, they think CSS is the most boring part of their job. But this is not true. CSS can be fun too. When you make a mistake while typing JavaScript commands, you get a tooltip that tells you exactly what you did wrong. In contrast, in CSS you are left in the dark, with no idea why you are not getting the result you expected. These constant events push programmers away from and away from the coding mainstream. they shake No wonder many JavaScript developers don’t like writing CSS. No matter how many years you spend practicing CSS, if you don’t learn how the underlying systems work, your mental model will always be incomplete! Mastering CSS is a game changer. Suddenly the most frustrating part of your job becomes fun! As JS developers, we spend a lot of energy trying to avoid writing CSS when we can embrace it and use it to create user-friendly professional interfaces. So how do you learn CSS rules? Well, you can spend countless hours reading MDN and CSSWG documentation and then spend a few more years practicing. That’s what most of us have done. But instead, by watching this training, you can use the experience of a CSS teacher for many years.
What you will learn in the CSS for JavaScript Developers course:
Course details:
Editor: Css-For-Js.Dev
Instructor: Josh W. Comeau
French language
Training level: introduction to advanced
Number of courses: 150
Training duration: 20 hours and 19 minutes
Course content:
- How Browsers Consume CSS
- Syntax and terminology
- Basics of colors, units, typography
Module 1 Rendering Logic I
- The legacy and the waterfall
- The Box model in depth
- Quirks to Know About the Flow Layout
Module 2 Rendering Logic II
- Understanding relative, absolute, fixed and sticky positions
- Avoiding z-index wars
- Management of overflows, hidden contents
Module 3 Modern Component Architecture
- Use tools to solve specificity problems without naming conventions
- How to create a component library from scratch
- How to use CSS-in-JS effectively
Module 4 Flexbox
- Understanding Growth, Decline, and Basis
- A dozen common layouts with Flexbox
- Responsiveness without media queries
Module 5 Responsive and functional CSS
- Create amazing mobile/tablet experiences
- Dynamic CSS with vw/vh, calc, min/max/clamp…
- The Incredible Power of CSS Variables
Module 6 Typography and Images
- Responsive Image Optimization
- Web Font Best Practices
- Variable fonts and the future of typography
Module 7 CSS Grid
- When to use CSS Grid vs. Flexible box
- Understanding the Layout Algorithm at a Deep Level
- How to provide fallbacks for older browsers
Module 8 Animation and interaction
- Transition and animations from first principles
- How to design animations
- animation performance
Module 9 Small Big Details
- Aesthetic with gradients, box shadows, clipping and filters
- Usability optimization around scrolling/focusing
Prerequisites of CSS Course for JavaScript Developers:
Photos of the course:
Simple video:
installation guide ,
After ripping, view with your favorite player.
Subtitle: None
Quality: 1080p
Download links:
File password(s): free download software
File size:
10.15 GB