Slides are built using the Yeoman Reveal generator template. See the repo for instructions on making modifications to the slides.
Slides and materials are hosted here.
Nowadays, we are using JavaScript more and more on our webpages, and that means that we can end up with hundreds or even thousands of lines of JS. If you're not careful, your code can quickly become an unnavigable maze of spaghetti code. Most web developers are now using Object-oriented concepts to help them modularize their code and make it more re-usable.
In this afternoon workshop, we'll give an overview of Object-oriented JavaScript, and spend most of our time actually getting our hands dirty using those concepts.
This is intended to be a follow-up workshop for JS101, or for those already comfortable with JavaScript looking to expand their skills.
Cost: $40
Dates: Saturday, July 26 from 12-4 PM
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. Additionally, you should be familiar with JavaScript syntax, data structures, conditionals, loops, and event handling.
You should have:
(a) taken Intro or Intermediate HTML/CSS through Girl Develop It, or
(b) built and managed websites on your own,
And also:
(a) taken JS101 (full 4-week series, or completed all exercises and homework for the self-paced workshop) and JS 201 through Girl Develop It, or
(b) have completed a self-study JavaScript course, and are familiar with syntax, arrays, conditionals, for and while loops, event handling, and jQuery.
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.
###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 is an object? What is an instance?
- Applying Object-oriented principles to JavaScript
- Defining objects in JavaScript
- Inheritance
- Extending objects
- Constructors
- Optional arguments
- How Object-oriented JavaScript is different from other languages