CSS for Everybody: From Beginner to Boss

Description

Code along with the course to create responsive, mobile-first websites that look stunning using CSS. Test the skills you've learned in the course by attempting the projects at the end of every section.

In the first section of the course, we'll learn about CSS syntax, how to style certain HTML elements using CSS selectors, changing the text on our page, using different colors, changing default link styling, adding background images, working with borders, changing heights and widths of elements, changing spacing with margins and paddings, and making parts of your page see-through. In the second section, we'll apply everything we learned in CSS 101 and get our hands dirty with more advanced CSS. This includes understanding the display property, the box model, outlines versus borders, specific element positioning, advanced CSS selectors, pseudo selectors and pseudo-elements, transitions, animations, flexbox, and CSS grid. In the final section, we'll learn about responsive web design. This is how we make websites look great on all devices, including phones, tablets, laptops, desktops, TVs, and more. We'll also dive right into media queries and what mobile-first means and why it's important. Then we'll make images and video embeds responsive. And we'll finish the course with a final project where you make a flexbox (or CSS grid) page layout and then transform it into a responsive website so that it looks amazing on smaller devices, such as a phone. The code bundle for this course is available at https://github.com/PacktPublishing/CSS-for-Everybody-From-Beginner-to-Boss

Build modern-looking websites using CSS
Learn about display properties and CSS selectors
Position specific elements optimally using CSS grids and flexbox
Learn to create animations and smooth transitions
Build responsive web pages
Explain the concept of media queries

This course is ideal for junior web developers who are looking to create beautiful-looking responsive websites. Knowledge of HTML is required for this course.

This course is a step-by-step thorough guide to CSS. Every section of the course ends with a project that will help you implement the skills gained in the section.

Learn CSS from the basics to build aesthetically pleasing web pages * Learn advanced features in CSS such as animations and transitions * Build responsive web pages that look amazing on any device

https://github.com/PacktPublishing/CSS-for-Everybody-From-Beginner-to-Boss

Kalob Taulien is a professional web developer who has been developing websites and working with start-ups since 1999. Since many years, he has been writing codes in Python and Django. He is in the core Wagtail CMS team and one of the core leaders in Wagtail-based education. The passion to learn and to share his knowledge by teaching and helping others is something that drives him constantly. His ability to turn complex programming concepts into easy-to-understand bits of knowledge has been called his 'superpower'. Throughout the years, he has built numerous websites. He even provides one-on-one coaching and start-up consulting to new organizations.

1. CSS 101: A beginners guide to beautiful websites

2. CSS 201: Intermediate CSS

3. CSS 301: Responsive web design