Yelp Facebook YouTube Twitter Instagram

Coding Tips & Tricks: Emmet, Sass, & Code Editors

Did you know there are faster and easier ways to code? If you’re not using Emmet (coding shortcuts), Sass (a CSS preprocessor), or Sublime Text (a code editor), 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.

Here’s a sampling of what you’ll learn:

  • What are Emmet, Sass, and Sublime Text? How do they work? Why should I use them? (It will become very obvious.)
  • Sass variables let you re-use CSS. Example: After using a color throughout your CSS, you only need to update one place to change the color throughout your CSS!
  • With Sublime Text and Emmet you can navigate files faster. From finding a specific CSS rule amoung dozens, to moving the cursor to the right place in your code, keystrokes let you navigate quicker!
  • Type a keystroke and 6 characters to turn a plain list like this:
    Chocolate
    Fruits
    Candy
    
    into this:
    <ul>
      <li>Chocolate</li>
      <li>Fruits</li>
      <li>Candy</li>
    </ul>
    
  • Make the following 290 characters by only typing 24 characters!
    <ul>
      <li class="item1"><a href=""></a></li>
      <li class="item2"><a href=""></a></li>
      <li class="item3"><a href=""></a></li>
      <li class="item4"><a href=""></a></li>
      <li class="item5"><a href=""></a></li>
      <li class="item6"><a href=""></a></li>
      <li class="item7"><a href=""></a></li>
    </ul>
    
  • Quickly change a tag by editing start and end tags simultaneously.
  • Place multiple cursors to edit multiple lines or attributes at the same time. This is phenomenal!
  • Wrap tags efficiently and beautifully (nicely indented).
  • Paste new code perfectly indented.
  • Even more awesomeness!

This class will focus on coding efficiency, assuming you understand HTML/CSS code. NOTE: We’ll teach the SCSS syntax of Sass.

  • 3 hours
  • Mac or PC provided
  • Book included
  • Free retake

Register for a class

$150 Discounts Policies

NYC or Live Online

What You’ll Learn

  • How to use Emmet, Sass (SCSS), and Sublime Text to code faster
  • Use Sass variables to re-use CSS
  • Navigate files faster using Sublime Text and Emmet.
  • Create lists quickly using a keystroke and 6 characters
  • Quickly change a tag by editing start and end tags simultaneously.
  • Place multiple cursors to edit multiple lines or attributes at the same time
  • Wrap tags efficiently and beautifully (nicely indented)
Code Faster

Learn to Code Faster

Code faster by learning a ton of shortcuts and tips and tricks. You’ll even receive reference material to take home so you can remember what you learned.

Custom eBook Included

The Code Faster class comes with a custom eBook full of concise tips, tricks, & shortcuts for Sublime Text, Emmet, & Sass. Keep the reference so that you dramatically speed up your web development.

Code Faster class comes with a custom eBook

Speed Up Your Web Development

The tools we’ll cover can greatly speed up your coding with less typing. Every web developer needs to know these! If you’ve completed our Web Design or Web Development certificates you’ll want to learn these tips and tricks.

Learn coding tips to speed up your web development

Register for Coding Tips & Tricks: Emmet, Sass, & Code Editors

$150 Discounts Policies

NYC or Live Online