CSS

This course is perfect if you want to learn how to code websites from scratch. You will learn the basics of HTML and CSS through interactive challenges. Along the way, you will build multiple projects, like a Google.com clone, a Space Exploration page, and a fun birthday site filled with GIFs. While most of the challenges are done in Scrimba's interactive editor, you will also learn how to use professional tools like VS Code for code editing, GitHub for hosting your code, and Netlify for deploying your projects to the world wide web.

This course will take you to a professional level in responsive web design. You'll learn to build advanced layouts while solving fun coding challenges along the way. Let me ask you a few questions: Do you want to learn to build responsive websites that look 100% professional? Do you want to be confident that your website works well on all devices? Are you tired of feeling that your CSS is a mess? If your answer is YES, then this is the perfect course for you! It gives you a deep understanding of CSS and responsive design while keeping you fully engaged along the way. You'll learn to build four different layouts: a blog, a landing page, a banner, and a company website. Each one will take your skills to a new level. To ensure that the knowledge sticks with you, you are given interactive coding challenges as you progress. It's as if you and the instructor are pair-programming together! This kind of fast-paced interactivity simply isn't possible with any other platform than Scrimba!

CSS Custom Properties represent a significant advancement for front-end developers, introducing the concept of variables to CSS. This innovation substantially reduces redundancy, enhances code legibility, and augments overall flexibility. Notably, CSS Variables distinguish themselves from their CSS preprocessor counterparts by seamlessly integrating into the Document Object Model (DOM), offering a plethora of advantages. The course encompasses a structured curriculum comprising eight interactive screencasts, characterized by their concise and focused nature. Following the conclusion of most screencasts, the instructor actively engages you in practical problem-solving challenges, seamlessly integrated within the screencast interface. This pedagogical approach serves as an effective means of reinforcing knowledge retention, allowing you to validate the alignment of your solutions with the instructor's expertise.

The CSS Grid module is a pivotal tool that streamlines website layout creation, offering simplicity in both HTML and CSS while affording greater control over a website's layout. This course equips front-end developers with essential skills to harness CSS Grid effectively, ensuring they remain at the forefront of web development trends. Whether you're building layouts from scratch or enhancing your existing skills, our comprehensive modules guide you through every aspect of CSS Grid, from fundamentals to advanced techniques. The course is also interactive, meaning that you'll get your hands on the keyboard to solve coding challenges several times. This is both fun and helps you solidify your skills.

Mastering CSS Flexbox: Unlock the Power of Flexible Web Layouts Discover the indispensable art of CSS Flexbox and elevate your web development prowess to new heights. In this comprehensive course, you'll gain proficiency in harnessing the unparalleled capabilities of Flexbox, revolutionizing the way you construct websites. In today's dynamic digital landscape, the demand for flexible and responsive web design has never been greater. Acquiring proficiency in Flexbox is no longer a choice but an essential skillset for any aspiring web developer. Course Highlights: Our course is meticulously designed to propel your knowledge and skills to the forefront of web development. From the very first lecture, you'll embark on a transformative journey that empowers you to implement Flexbox with precision and finesse. Key Learning Points: Foundations of Flexbox: Gain a deep understanding of Flexbox principles, enabling you to create adaptable and efficient layouts. Hands-On Practice: Dive into practical exercises meticulously crafted to reinforce your learning. Develop your proficiency as you tackle real-world challenges. Designing a Responsive Navbar: Explore a quintessential use case for Flexbox as we guide you in crafting a responsive navigation bar, ensuring seamless user experiences. Advanced Techniques: Elevate your skills with bonus screencasts where we demonstrate the integration of Flexbox in building two impressive real-world examples: a stunning image grid and a fully responsive navbar. Expert Guidance: Follow the journey of course creator Per Harald Borgen and stay updated with industry insights by connecting with him on Twitter. By the end of this course, you'll be equipped with the knowledge and expertise to transform your web development projects with the elegance and efficiency of CSS Flexbox. Join us today and embark on your journey towards becoming a proficient and sought-after web developer.

Are you eager to acquire a comprehensive grasp of CSS animations and harness the ability to apply them effectively in practical, real-world scenarios? If so, this is the perfect opportunity! In the span of two hours, you will gain a foundational comprehension of the CSS properties instrumental in crafting animations. This course equips you with the expertise to construct user-friendly animations while ensuring cross-browser compatibility. Throughout the course, you will encounter challenges replete with real-world instances, mirroring the scenarios routinely encountered by developers. These exercises serve as invaluable opportunities to practically assess and reinforce your newfound knowledge.