Modern Frontend Web Development: Sass, JS & Typescript

Overview

Take your frontend skills to the next level with Christopher Dodd by learning how to write maintainable and scalable styles using Sass, and introduce dynamic interactivity through JavaScript and TypeScript. This course dives into modern tools that enhance productivity and code quality: Sass streamlines your CSS workflow, JavaScript brings your web pages to life, and TypeScript adds static typing to improve code reliability. By completing this course, learners will be equipped to write cleaner, more efficient code that’s easier to debug and maintain. Christopher guides you through these essential technologies with clear explanations and practical examples, helping you bridge the gap between static webpages and interactive, professional-grade applications. Instructor bio: Christopher Dodd is a self-taught web developer, YouTuber, and blogger dedicated to helping individuals gain the skills to freelance and build a location-independent career. Since learning web development in 2015, Chris has worked remotely while traveling the world, gaining over nine years of experience in the field. Through his YouTube channel, blog, and Instagram, he shares practical tips, tutorials, and guidance to inspire aspiring digital nomads to pursue their passions and achieve professional independence.

Syllabus

Efficient Styling with Sass

Streamline your web development workflow by learning how to convert CSS into Sass, a powerful CSS preprocessor. This module introduces Sass fundamentals—including variables, nesting, and mixins—to help you write cleaner, more scalable stylesheets. You’ll explore how Sass improves code organization and reduces repetition, especially in large-scale frontend projects.

Bringing Interactivity with Javascript

Transform static webpages into dynamic experiences by introducing JavaScript. In this module, you’ll learn how JavaScript interacts with the Document Object Model (DOM) to respond to user actions and create interactive features. You’ll also take time to reflect on your learning journey so far and identify areas of growth as you prepare for the final project.

Writing Safer Code with Typescript

Discover how to write more reliable, maintainable code using TypeScript. You’ll explore how TypeScript enhances JavaScript with type safety, interfaces, and classes, helping to catch errors early in development. To wrap up the course, you’ll apply everything you’ve learned by building an interactive web component using HTML, Sass, JavaScript, and TypeScript.