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

at Noble Desktop - SoHo

(392)
Course Details
Price:
$195 7 seats left
Start Date:

Sat, Oct 19, 2:00pm - 5:00pm

Next start dates (2)

Location:
SoHo, Manhattan
594 Broadway Ste 1202
Btwn Prince & E Houston Streets
New York, New York 10012
(Map)
Share:
Purchase Options
Description
Class Level: All levels
Age Requirements: 18 and older
Average Class Size: 15

What you'll learn in this css training:

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!
  • Sass mixins let you re-use blocks of code. Example: Instead of typing all the -webkit, -moz, -ms prefixed properties for new CSS3 features, you can let the mixin write them all for you!
  • 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 seminar will focus on coding efficiency, assuming you understand HTML/CSS code. NOTE: We’ll teach the SCSS syntax of Sass.

Please Note:
Attendees will receive reference material containing notes, examples, keystrokes, website links, etc. so you can remember what you learned in the seminar.

Still have questions? Ask the community.

Refund Policy
  • Registration Fee: All courses include a non-refundable registration fee of 10%.
  • Cancellations: Students may cancel up to seven business days prior to the course and receive all monies paid, less the non-refundable registration fee. Cancellation requests within the policy should be made directly to CourseHorse.
  • Rescheduling: Students may reschedule once up to three business days prior to the start date of the course at no charge. Reschedules within three business days incur a $20 rescheduling fee. Reschedule requests should be emailed to [email protected]

Map

Google Map

Noble Desktop

All classes at this location

Start Dates (3)
Start Date Time Teacher # Sessions Price
2:00pm - 5:00pm TBD 1 $195
2:00pm - 5:00pm TBD 1 $195
2:00pm - 5:00pm TBD 1 $195

Benefits of Booking Through CourseHorse

Booking is safe. When you book with us your details are protected by a secure connection.
Lowest price guaranteed. Classes on CourseHorse are never marked up.
This class will earn you 1950 points. Points give you money off your next class!
Questions about this class?
Get help now from a knowledge expert!
Questions & Answers (0)

Get quick answers from CourseHorse and past students.

Reviews of Classes at Noble Desktop (346)

(346 Reviews)
Coding Tips & Tricks: Emmet, Sass, & Code Editors
Reviewed by Meredith F. on 5/26/2016
loading...
Similar Classes

School: Noble Desktop

Noble Desktop

Noble Desktop teaches people how to build websites, make apps, and create digital content. We offer comprehensive day, evening, and weekend classes as well as certificate programs in web design, web development, and digital publishing. Our curricula and workbooks are used by colleges and schools worldwide....

Read more about Noble Desktop

CourseHorse Approved

This school has been carefully vetted by CourseHorse and is a verified NYC educator.

Ready to take this class?
BOOK NOW
Booking this class for a group? Find great private group events here