GDI JS101: Intro to JavaScript
These slides are slightly modified from Pamela Fox's JS101 materials (found here) to fit the GDI teaching template.
JS101 is meant to be taught in 4 classes, approximately 2.5 hours each (a total of 10 hours of instruction). Each session includes workshop slides with lecture notes, a series of in-class exercises, and homework to complete between classes.
Class website
The class website and slides are available hosted here. You can teach this class using everything on that page.
The website includes slides, exercises, homework, and additional reading for each class.
View notes on slides: hit 's' and a new window will pop up with a presenter view, including notes, a timer, and some other useful goodies.
Dependencies
All CSS and JavaScript used for this are hosted on AWS. You don't have to worry about them or pulling them down.
Reveal.js
These slides use Reveal.js that has been edited for the GDI brand. You don't have to do anything to make it work, it should be there already.
If you don't have an internet connection, or you're worried about the internet not work, load the slides before you arrive at the workshop.
Course description
This is a four-week series, with classes being held on Mondays June 9, 16, 23, and 30 from 6-8:30PM. Makeup sessions are not offered.
JavaScript is the programming language that makes web pages interactive, and is now used these days to make servers, robots, and more. That makes it one of the most useful first languages to learn, if you're just getting started with programming, and particularly web development.
This workshop is targeted at beginners to programming. If you already know another language, you're welcome to come, you'll probably find that you work at a faster pace.
Cost: $100
Dates: Mondays, June 9, 16, 23, and 30 from 6-8:30 PM each session
Location: Dev Bootcamp, 351 W Hubbard, Floor 7
A limited number of scholarships are available for those with a financial hardship. To apply, click here. Do not RSVP for the event. The deadline to apply for a scholarship is May 25. Scholarship applicants will be notified shortly after the deadline. Class capacity does not impact scholarship students.
###Prerequisites:
Attendees should be comfortable with HTML5 and CSS3: specifically, you should understand the box model, floats, CSS resets, and HTML5 standards and tags.
If you have either:
(a) attended our Intro HTML/CSS workshop and spent time practicing your code, or
(b) attended our Intermediate HTML/CSS workshop, or
(c) built and maintained websites,
then you will be well-prepared for this class!
If you need to brush up on your HTML and CSS, you can review The Beginner's Guide to HTML and CSS and The Advanced Guide to HTML and CSS (lessons 1, 2, 3, 4, 7, and 8).
###Tech requirements:
- Your laptop (Mac, PC, or Linux are all okay).
- A modern web browser - either Chrome or Firefox with Firebug installed.
- A text editor. We recommend Sublime Text 2 (free; available for both Mac and PC).
###Topics covered:
- What actually is programming? A gentle introduction to programming.
- A brief history of JavaScript.
- Variables, functions, and data types.
- Conditionals, control flow, loops, and working with arrays.
- What is the DOM?
- Accessing and modifying the DOM.
- What is an object?
- Handling events and creating animations.
- JavaScript best practices.