Professional CSS 2023 (Flexbox & Grid & Animations & More)
Professional CSS 2023 (Flexbox & Grid & Animations & More)
Master modern CSS in 2023 by building 2 beautiful projects with Flexbox, Grid, Animations & Transitions, and much more!
Created by ByteGrad by Wesley | 7.5 hours on-demand video course
This is the #1 resource to master modern CSS! Take your CSS to an advanced, professional level by building 2 beautiful, real-world projects from scratch. Other courses start from outdated concepts first (like floats) — we will use modern concepts right from the start (like Flexbox).
Course Projects: 2 Top-tier, real-world projects. Expertly engineered to help you code modern websites & web apps with the latest best practices. SocialEditor: Build a slick graphic design editor for social media posts (layouts with Flexbox). BetterPhotos: Build a stylish homepage for a photography community (layouts with Flexbox & Grid).
What you’ll learn
- How to code CSS in 2023 by building realistic projects from scratch and seeing how it all fits together
- Avoid hundreds of beginner mistakes so the people who have to interact with your code have it easy
- Implement simple-to-complex layouts with Flexbox & CSS Grid
- Crucial best practices in 2023 that every CSS-coder should know (e.g. use rem instead of px)
- Implement awesome CSS animations & transitions
- Implement Responsive Web Design (RWD) for mobile, tablet, laptop & desktop with media queries (@media)
- Use the most popular CSS pre-processor (Sass/SCSS) and the value it adds
- Why people use BEM and differences with coding CSS in React/Vue/Angular
- Implement a simple build process for CSS (add vendor prefixes and minify CSS file)
- Stop struggling with CSS — it becomes fun once you have mastered things like Flexbox (trust me)
- Master all critical concepts for a front-end developer
- Tons of easy design tricks you can use to drastically improve the look of your projects
- BONUS: By going through the course you’ll naturally improve design and HTML too
Recommended Course
