HTML/CSS 301: Intro to Sass

I don't know about you, but vanilla CSS always leaves me wanting more. It's a fairly simple language, can do some pretty powerful things, but after a while... well, it can become rather tedious to work with.

Enter Sass: Syntactically Awesome Stylesheets. Sass is a CSS meta-language and precompiler that makes the prettification of your website a breeze by adding invaluable features of more traditional programming languages. Sass takes the principles of CSS and HTML—separation of presentational style from content—and supercharges them, making your site’s CSS nimble and future-friendly. We’ll learn how to use Sass features like variables, mix-ins, nesting, and functions to make your CSS super clean and way more powerful.

In this workshop, we'll jump right in to the Sass workflow and cover all the key game changers—nesting, variables, mixins, inheritance, and directives. We'll also cover some of the gotchas, tools and extensions, and tips on organization and coding standards.

IMPORTANT! THIS CLASS HAS PREREQUISITES!

To benefit from this class, you must have a working knowledge of HTML & CSS. You may have taken Intro to HTML and/or Intermediate HTML5/CSS3 through Girl Develop It, and have built your own site or already build websites regularly. You're comfortable with writing CSS already and are ready to take your skills to the next level. Please take our required CSS quiz to make sure you're ready for this class. (http://gdibtv.github.io/gdibtv-self-assessments/intro-to-sass/) A 7 out of 10 score means you qualify to take this class. You should also have at least a passing familiarity with opening and using the Terminal or Command Line on your preferred operating system.

This class will run over two nights:*

Tuesday, July 14 - 6:00-8:30 pm
Thursday, July 16 - 6:00-8:30 pm

• The $45 class fee covers both days. Students must attend both sessions. Are you unable to afford the class fee? Please take advantage of our scholarship application! (https://docs.google.com/a/girldevelopit.com/forms/d/1Clryik4hXQOQ70Ybiahfp1AMT9x2tXplSam2crQCjfA/viewform?formkey=dHBHS3hldFdHeEcxZDVnZ2RrYVZXakE6MQ)

TECH REQUIREMENTS:

• A laptop with a power cord is required for this course. Please let us know before the first class if you are using something other than a Windows or Mac laptop (such as a ChromeBook).

• Download the text editor:
  Sublime Text 2

• Download the modern browser:
  Google Chrome (https://www.google.com/intl/en/chrome/browser/)

• Install:
  Sass for the Command Line (http://sass-lang.com/install)

If you have trouble getting Sass set up on your machine, please plan to arrive to the first class at least 30 minutes early so that a TA or the Instructor can help you. We'll be available starting at 5:15pm on Tuesday, July 14 to help you out.

ABOUT YOUR INSTRUCTOR:

http://photos2.meetupstatic.com/photos/event/2/6/0/a/600_439029738.jpeg

Emily Spence Place has been tinkering on the web, taking pages apart and building sites since people were listening to Spice Girls and Chumbawamba. That's a long time. She loves to problem solve. Web development satisfies her innate curiosity and desire to make things functional and beautiful. She's currently a Senior Web Developer at Dealer.com (http://dealer.com/) and feels lucky because she gets to go to work every day and do what she loves. She's taken classes throughout her career in C++, CSS, HTML, JavaScript, etc but the majority of her learning is self-taught. She hopes to bring this perspective to class and give students resources and tools to continue learning on their own. When she's not working you'll find her drinking craft beer, sailing and posting too many selfies on Instagram.