Yelp Facebook LinkedIn 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.

  • Small Classes
  • Computer Provided
  • Book included
  • Free Retake

Upgrade to a certificate and save:

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.

  • “I'm so happy that this class is required for Certification, because it showed me unbelievable time savers and forthcoming techniques I'd otherwise never know about. ”

    Jake Thomas

Frequently Asked Questions

  • Are there prerequisites? Do I need to come in with any prior coding knowledge?

    Students should feel comfortable coding HTML and CSS. You should have knowledge equivalent to our Web Development Level 2 class.

  • Do I need to bring anything to the class?

    No. We provide computers (Mac or PC) with a coding editor installed. Choose your operating system at checkout.

  • Do you offer discounts or a payment plan for this course?

    Discounts

    Shorter courses such as this are already affordably priced and are not eligible for discounts.

    Payment Plan

    This course is not eligible for a payment plan, which is only available for programs priced at $2,495 and above. Read our Payment Plan FAQ for more details.

    Take this course as part of a certificate program and save:
  • Can I take this course online (remote learning)?

    You may attend this training virtually (online) at the scheduled time the course is offered (New York, Eastern Time).

    How does attending “live online” work?
    • Students can attend this training remotely through screen sharing software (we use Zoom).
    • Participants can hear the instruction, ask questions, and even share their screen with the instructor.
    • For audio you can use your computer’s microphone/speakers or call a phone number that we’ll provide.
    • Classes are activity-based and taught by a live instructor, so we strongly encourage students who are local to the area to attend in person!

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

Code Faster with Emmet, Sass, & Sublime Text

CSS
  • CSS (Cascading Style Sheets) code is used to style the contents of a webpage (or email), based on the HTML markup.
  • CSS controls the appearance of everything, from fonts and color, to building responsive page layouts that look good across screen sizes (mobile, tablet, and desktop).
  • Start learning CSS in our Web Development Level 1 class. Dive deeper in our Web Development Level 2 class where we cover many important CSS concepts, such as media queries. Learn more advanced ways to optimize for mobile devices and building responsive pages in our Mobile & Responsive Web Design class. The classes can be taken individually, or as part of our Web Design Certificate program.
HTML
  • To create webpages and emails we use HTML code (Hypertext Markup Language).
  • HTML tags mark up (label) content to indicate headings, paragraphs, lists, links, images, and more.
  • You can get a quick start in our 3-hour Intro to HTML & CSS class, dive deeper in our 18-hour Web Development Level 1 class, or for the most thorough training earn a Certificate in Web Design.