Description
CSS for JavaScript Developers course name CSS is designed for JavaScript developers and has an interesting tagline “stop the ship with CSS”. Many front-end developers believe that CSS is the most boring part of their job. But that’s not true. CSS can be fun too. When you make a mistake typing JavaScript commands, you get a tooltip that tells you exactly what you did wrong. In contrast, in CSS, you’re left in the dark, with no clue as to why you’re not getting the result you’d hoped for. These occurrences always throw programmers out of the mainstream of coding and their confidence. they shake It’s no wonder that many JavaScript developers don’t enjoy 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 boring 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 professional user-friendly interfaces. So how do you learn CSS rules? Well, you can spend countless hours reading MDN and CSSWG tutorials and then spend another few years practicing. This is what most of us have done. But instead, by watching this training course, you can use the experience of the CSS teacher for many years.
What you will learn in the CSS for JavaScript Developers course:
-
How browsers use CSS
- CSS written syntax and its terms
-
Basics of colors, units, typography in CSS
- Inheritance in CSS
-
How to build a component library from scratch
-
How to use CSS in JS effectively
- And ….
Course details
Publisher:Css-For-Js.Dev
teacher: Josh W. Comeau
English language
Training level: introductory to advanced
Number of courses: 150
Training duration: 20 hours and 19 minutes
Course headings
Fundamentals
- How browsers consume CSS
- Syntax and terminology
- Basics of colors, units, typography
Module 1 Rendering Logic I
- Inheritance and the cascade
- The Box Model in depth
- The need-to-know quirks about Flow layout
Module 2 Rendering Logic II
- Understanding relative, absolute, fixed, and sticky positions
- Avoiding the z-index wars
- Managing overflow, hidden content
Module 3 Modern Component Architecture
- Using tooling to solve specificity challenges without naming conventions
- How to build a component library from scratch
- How to use CSS-in-JS effectively
Module 4 Flexbox
- Understanding grow, shrink, and basis
- A dozen common layouts with Flexbox
- Responsiveness without media queries
Module 5 Responsive and Functional CSS
- Building amazing mobile/tablet experiences
- Dynamic CSS with vw/vh, calc, min/max/clamp…
- The awesome 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. Flexbox
- 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 Little Big Details
- Aesthetics with gradients, box-shadows, clipping, and filters
- Optimizing the usability around scrolling / focus
Course prerequisites CSS for JavaScript Developers
Course pictures:
Course introduction video
Installation guide
After Extract, view with your favorite Player.
Subtitle: None
Quality: 1080p
download link
Password file(s): www.downloadly.ir
Size
10.15
Be the first to comment