Intro to jQuery (note, pushed back 1 week)

  • April 16, 2013 · 7:00 PM
  • AOL

jQuery is a JavaScript library that allows you to add interactivity to your websites. It provides a simple approach for selecting HTML elements that leverages the same patterns for selecting as CSS selectors. It also makes it simple to modifying the HTML elements you select, and to make changes to your HTML and CSS in response to events in the browser (click, scroll, etc). It is a small but powerful library that is used by companies like Google, Amazon and WordPress.

Pre-requisiteBecause jQuery interacts with HTML elements, we suggest either having a working knowledge of HTML, or taking the HTML/CSS class, as a pre-requisite for this course.

This 3-class jQuery course runs on the following schedule (note this is a new schedule due to a last-minute change in the course):

Class 1: Intro to jQuery - Tuesday, April 16th from 7-9pm

  • Why use jQuery?
  • JavaScript Basics: variables, assignments, functions, where to place our <script>s
  • jQuery Basics:
    • Downloading & including jQuery
    • the jQuery function and its shorthand, $
    • Selecting HTML elements
    • Modifying HTML elements
    • Hiding and revealing elements
    • Fading elements in and out

Class 2: Adding Content, Creating Animations, & Responding to User Actions- Tuesday, April 23rd from 7-9pm

  • How to add new elements to, or remove them from you website with add() and remove()
  • Animating changes to CSS properties with animate()
  • How to use callbacks to write custom code in response to user actions (click, scroll, keypress, etc)

Class 3: UI Widgets (Menus, Progressbars, Date Pickers), and AJAXTuesday, April 30th from 7-9pm

  • The jQuery UI Library
    • Accordion Menus
    • Datepicker
    • Progressbars
  • What is AJAX?
  • Using AJAX for single-page applications
  • Additional topics as time permits!

 

Note: When you register, you MUST provide your first and last name for security at AOL. You will check in at the front desk before going up to the 5th floor.

 

Please note our refund policy: Your payment of $70 guarantees your seat in the entire course (all three dates). If something changes after registration and you cannot attend the course, you must notify us at least 3 days before the first class to receive a refund. If you have to miss a class, we will provide code from class and any slides, but we do not offer partial refunds based on individual class absences.

 

 

Join or login to comment.

  • A former member
    A former member

    Thought it was a great intro class. Can't wait for the second class!

    April 19, 2013

  • Liz

    The class was great—just what I was hoping for. Thanks Alexis. Looking forward to the next class.

    April 17, 2013

  • A former member
    A former member

    Great Class!

    April 17, 2013

  • Alexis g.

    Slides:
    http://alexisgo.github.io/jquery-intro

    Code From Class:
    Using Selectors, the text() action, and the addClass() action:
    http://jsbin.com/ezuhoh/11/edit

    Simple Functions:
    http://jsbin.com/ejares/1/edit

    Fading Out an Image when you Click it: http://jsbin.com/ubeney/4/edit
    Showing & Hiding an Image: http://jsbin.com/owarum/3/edit

    Homework:
    1. JavaScript 101: Getting Started: http://learn.jquery.com/javascript-101/getting-started/
    2. How jQuery Works: http://learn.jquery.com/about-jquery/how-jquery-works/
    3. Selecting Elements: http://learn.jquery.com/using-jquery-core/selecting-elements/
    4. jQuery Basics from jQuery Fundamentals, by Rebecca Murphey: http://jqfundamentals.com/chapter/jquery-basics

    Pre-work for Class 2:
    1. Sign up for a free account with Cloud9: http://c9.io
    2. Once you are signed into your account, click Create New Workspace > Clone from URL
    3. paste in the URL: https://github.com/alexisgo/class2-starting-files and click Create.

    1 · April 17, 2013

  • Alexis g.

    Hi everyone,

    My apologies for the last minute change, but tonight's jQuery class is being postponed until next week, due to a personal emergency on my part.

    Class one will commence on Tuesday, April 16th from 7-9pm. Class two will be on Tuesday, April 23rd from 7-9pm, and Class three will now be on Tuesday, April 30th.

    If this presents an issue, and you need a refund for the course, please email [masked] and she can issue you a refund.

    Apologies for the last minute change, and see you next week for class one!

    Best,

    Alexis

    April 9, 2013

    • Alexis g.

      Gigi, your $70 payment gets you all three classes. The course on April 23rd is class 2 of a three course series.

      April 16, 2013

    • Alexis g.

      probably in june or july. stay tuned for scheduling details.

      April 16, 2013

  • Liz

    My laptop battery went dead and I don't know that I will have a chance to replace it today. Are there outlets in the classroom I can plug it into?

    April 9, 2013

  • Liz

    Should we plan on bringing a laptop to the class?

    April 3, 2013

    • Alexis g.

      Yes, please bring a laptop! There will be lots of in-class exercises to try things out.

      April 3, 2013

  • Ishisha

    Is it sufficient to read the book HTML5 and CSS3 for the real world then take the Intro to JQuery or would you suggest taking the class

    April 3, 2013

    • Alexis g.

      As long as you feel comfortable writing basic HTML and CSS, and how selectors in CSS work to style elements, you are fine to take this class!

      April 3, 2013

  • Colleen C.

    Is this class more for intermediate level coders or could brand new beginners also attend?

    April 2, 2013

    • Alexis g.

      This is for beginners, assuming they already know HTML and CSS basics, since we won't be covering that.

      April 2, 2013

  • Marcella P.

    Does the class include lab time?

    March 28, 2013

    • Alexis g.

      Yes, there will be in-class labs to practice the concepts we'll be covering.

      March 31, 2013

  • Nicole

    Hi ya'll, Will this class be offered again in the summer? Im just starting the HTML/CSS class and would like to take this one after :)

    Cheers,

    Nic

    March 28, 2013

    • Alexis g.

      Hi Nicole, Yes, I hope to teach this again sometime over the summer. And if not me, we'll hopefully have another instructor offering this or a basic JavaScript course.

      March 31, 2013

  • Susan G.

    Like Nicole and Martha expressed, I also hope this class is held again. I can't make it on April 9th, but I'm very curious about jQuery. Took Alexis's HTML/CSS last year. Great course. Thanks.

    March 29, 2013

  • Martha G.

    Dang! Taking a class on Tuesday for two more months. Keep me on the list!

    March 28, 2013

  • A former member
    A former member

    Looking forward to the classes.

    March 28, 2013

34 went

Your organizer's refund policy for Intro to jQuery (note, pushed back 1 week)

Refunds are not offered for this Meetup.

People in this
Meetup are also in:

Imagine having a community behind you

Get started Learn more
Rafaël

We just grab a coffee and speak French. Some people have been coming every week for months... it creates a kind of warmth to the group.

Rafaël, started French Conversation Group

Sign up

Meetup members, Log in

By clicking "Sign up" or "Sign up using Facebook", you confirm that you accept our Terms of Service & Privacy Policy