Intermediate JavaScript and jQuery | Online

About this workshop

JavaScript is a programming language that allows you to create a dynamic web experience. It is the most complex and powerful of the web frontend technologies. When you see animations, content change/update, or any type of interactive experience on a website, these days it was most likely achieved using JavaScript. It is used by millions of websites and with frameworks constantly being built to complement, JavaScript is here to stay and is therefore essential to any aspiring front-end developer.

This class will place an emphasis on actual coding: teaching you how to edit and write modern JavaScript using developer tools. Please bring your laptop! Mac or Windows is fine. Examples will be presented using CodePen (http://www.codepen.io) where free accounts are available if you like. Through lecture and hands-on guided examples, participants will come to understand intermediate concepts such as timers, scope control (closures), the "this" keyword, events (with and without jQuery), and object prototypes. We will also review some select jQuery concepts around DOM manipulation and simple animations.

After the workshop, you'll be given some suggestions on how to take your JavaScript knowledge further.

Takeaways

JavaScript Concepts: - Using browser developer tools - Intervals and timers (to illustrate dynamism) - Scope control via closures - Events - The "this" keyword - Object prototypes as JavaScript's version of Object-Oriented programming

jQuery Concepts: - Events (you'll see events can be utilized with and without jQuery) - Animations - DOM manipulation

General Concepts: - How to read documentation to get the answers you need. - Wrap up with ways to take your JavaScript knowledge further.

Prereqs & Preparation

Intermediate. You should know and understand how to use JavaScript variables, functions, and operators. You should know how to add jQuery to a web page. We will review objects and jQuery selectors, but knowledge about these is a plus.