Did you know there are faster and easier ways to code? If you’re not using Visual Studio Code (a code editor), Emmet (coding shortcuts), or Sass (a CSS preprocessor), you should be! These tools can greatly speed up your coding with less typing. Every web developer needs to know these. Let us show you how to dramatically speed up your development.
This book is a bit different than our typical workbooks with projects. This reference was created for people coding HTML and CSS that want to code faster. We’ve written it in a very concise manner so you can get a lot of keystrokes, tips, and tricks without having a read a lot. The Sass part of the book is designed to get new users up and running with a few Sass features (if you’re looking for a complete Sass reference, this book isn’t for you).
Includes Downloadable Class Files (works on Mac & PC)
Setup & Introduction
Downloading the Class Files
About This Book
Before You Begin: Installing & Setting up Visual Studio Code
Section 1
VS Code: Working with Folders, Files, & the Sidebar
VS Code: Command Palette
VS Code: Useful Coding Features & Keystrokes
VS Code: Multiple Cursors & Selections
VS Code: Preferences
VS Code: Recommended Extensions
Section 2
Emmet: About Emmet & Its Documentation
Emmet: HTML Abbreviations
Emmet: CSS Abbreviations
Emmet: Commands
Emmet: Creating a New HTML File
Emmet: Wrapping Text in an HTML List
Wrapping Text on Multiple Lines
Section 3
Sass: About Sass & SCSS
Sass: Getting Started
Sass: Variables
Sass: Nesting Selectors
Sass: Using an Ampersand When Nesting
Sass: Comments
Sass: Working with Color
Sass: Combining Files (Partials)
Examples of What You Learn
Why Our Books Are Unique
Our books are packed with step-by-step exercises that walk you through projects. You’ll learn by doing exercises, not reading long explanations. The goal is to give you hands-on practice with the program, getting you started quickly with the things that are most important for real life work.
