Intro to JavaScript: Animations and jQuery (Part 2)

This is Part 2 of the JavaScript Workshop Series for Build-Your-Own-Interactive-Webpage (http://www.girldevelopitsf.com/introjs/). Make sure to continue the series by signing up for Part 1 (https://www.meetup.com/Girl-Develop-It-San-Francisco/events/230973385/)(Intro to JS, objects, arrays, and functions)!

Schedule

• Saturday July 16, 2016 10am - 5pm Animating a web page

• Sunday, July 17, 2016 10am - 5pm jQuery

• Wednesday, July 13, 2016 6pm - 8pm Study Group with TAs

Description

The comprehensive workshop will be a mix of lectures, pair programming, and hands-on exercises building your webpage, and will be taught by Esther Weon, Software Engineer at Presence Product, and Jessica Dene Earley, Lab Instructor at Hackbright Academy.

We will go from 10:00am to 5:00pm on both Saturday and Sunday. Lunch will be provided.

By the end of this course, you will have the following skills:

• Use Javascript to 1) allow user input to change the UI, 2) validate that user input, and 3) trigger a response depending on the success of the validation

• Understand how to install and use jQuery – a popular JavaScript library (e.g you can easily make a hidden menu slide down with three lines of code in jQuery)

Prerequisites: Attendees should be comfortable with HTML/CSS fundamentals (HTML tags and attributes, CSS selectors) and JavaScript fundamentals (syntax, arrays, objects, functions, conditionals, loops).

Students are required to have completed the JS Part 1 take home assignment prior to class. The exercise can be found here: http://www.teaching-materials.org/javascript/exercises/creditcard.html

You can review fundamental concepts online at a few places:

• HTML/CSS: Khan Academy's HTML/CSS course (https://khanacademy.org/html-css), Codecademy's HTML/CSS course (https://www.codecademy.com/tracks/web), GDI SF HTML/CSS slides (http://teaching-materials.org/htmlcss-1day)

• JS: Codecademy's JS course (https://www.codecademy.com/tracks/javascript), Khan Academy's Intro to JS course (https://khanacademy.org/programming), GDI SF JS Part 1 Slides (http://teaching-materials.org/javascript/)

Tech requirements: Your laptop (Mac, PC, or Linux are all okay. If you don't have one of those, please let us know in advance) and charger. A modern web browser - either Chrome or Firefox.A text editor. We recommend Sublime Text 2 (free; available for both Mac and PC) or Notepad++ (PC).

Study Group: There is a Study Group session on Wednesday, July 13 6pm-8pm where you will get personalized help from our wonderful TAs. They can give you feedback, answer your questions pertaining to the prerequisite take-home assignment, and review your code. Please note that the Study Group is not a replacement for the JS Part 1 workshop, which we recommend if you are having trouble completing the Part 1 take home assignment on your own.

Payment is required to attend. If you'd like to attend but cannot afford the cost, request a scholarship (https://docs.google.com/forms/d/19YePb1ncNgHLFze40_BJRM7w8SG5mh1D0uB4qyKjwWs/viewform). Due to the amount of applications, only the scholarship recipient will receive an email a few days before the workshop. Thank you for your understanding!