10 Weeks / 10 jQuery Projects (Week 1)

This study group is for folks who want to learn and/or get better at writing jQuery through project-based learning. Whether you're a budding novice or an experienced developer we welcome you. 


Together we'll go through the 10 projects outlined in Dan Wellman's jQuery Hotshot book. Each week is a new lesson and a new mini project to complete.

This project-based format has the added benefit that you'll never be 'behind' the group if you miss a week. Although the projects sometimes build on previous knowledge, each week is a fresh start.

There will be no one formally teaching us jQuery. We read the book and do the lessons together. There is no teacher (other than the book itself). We normally get into groups of 3-5 people and work through the projects together. Think of it kind of like a book club with friends around you help you along the way.

This meetup is a hands-on-the-keyboard-meetup, rather than theory. We write code and complete each lesson as a way to learn. Although we may occasionally have guest speakers, our meetups are primarily collaborative coding/pair programming sessions.

Must haves:

• A laptop

• A copy of jQuery Hotshot - $22.94 digital or $44.99 digital + print at Packt Publishing (http://www.packtpub.com/jquery-hotshot/book)

• A code editor

• Working knowledge of CSS/HTML

I look forward to seeing you all Saturday mornings!


Week 1 - Sliding Puzzle
(from the book project intro)

In this project we'll be building a simple but fun puzzle game in which a picture is scrambled and has to be unscrambled back to the original picture by sliding the different pieces around the board – a modern web-based take on a classic game from yesteryear.

Typically there is one blank space on the board and pieces can only be moved into this blank space so we will need to build a system that keeps track of where the blank space is, and only allows pieces directly adjacent to it to be dragged.

Join or login to comment.

  • Craig

    I'm not sure if anyone else had this problem, but after I added the code to make the pieces draggable, not all the pieces would drag even though they should. I tracked it down to a rounding issue with the height of the image.

    Basically the image is split 4 ways, but 678 / 4 = 169.5. This resulting value was rounded down, so the pieces weren't perfectly square (170 x 169). This was throwing off the math and explains why my pieces wouldn't move when they should.

    I solved this by using Math.round() instead of Math.floor() for pieceW and pieceH in the variables declaration at the top of the script. I've also added the working code to a repo so you can take a look: https://github.com/cfree/hotshot

    Great first day, thanks to everyone who made it happen!

    January 5, 2014

  • Barbara D.

    Thanks to Matt for organizing this series. I'm really enjoying it and like improving my development skills each week. Great venue and great people.

    January 4, 2014

  • Damon B.

    I guess you can't change your RSVP after the event has started, sorry about that

    January 4, 2014

  • Damon B.

    I tried to make it but saw too many accidents, can we hook up on Skype or something, or maybe next Saturday will be better

    January 4, 2014

  • Thomas W.

    Going to add on the list of avoiding the drive due to the snow. I will be there next Saturday.

    January 4, 2014

  • Jeff S.

    Got several inches of snow already and it's still coming down at a good rate. Traffic looks pretty sketchy. I am going to un-RSVP so someone closer can attend today. I will see you all next weekend!

    January 4, 2014

  • Sue

    Sorry, I don't want to drive all the way down there in the snow from 136th, but I plan on being there next week. Have fun!

    January 4, 2014

  • Luke Z.

    I, too, am going to have to forego the drive. Looking forward to next week.

    January 4, 2014

  • Ryan P.

    Unfortunately I don't feel like driving in the weather out there. Hopefully see you all next time

    January 4, 2014

  • Frank R.

    Unfortunately I have to cancel last minute. I'm coming down with a nasty bug and as sure no one would like me to share.

    January 3, 2014

    • Jeff S.

      Thanks for that tip, Tom. I was able to get quite a number of Packt books for $5 each. Nice!

      January 3, 2014

  • Rachael

    If it's too snowy, I won't be there tomorrow...but I'll be there in spirit.

    January 3, 2014

  • Jeff S.

    I really like this project based approach, and the projects in the book look really interesting.

    I do plan to attend this Saturday, but I will not know for sure until I see in the morning what nature has wrought. I live in the foothills and you never know. I'll un-RSVP if I have to cancel. Hope I don't have to. :()

    1 · January 3, 2014

  • Leila A.

    I'll be there making coffee and coding

    1 · December 27, 2013

Our Sponsors

People in this
Meetup are also in:

Create your own Meetup Group

Get started Learn more

Meetup has allowed me to meet people I wouldn't have met naturally - they're totally different than me.

Allison, started Women's Adventure Travel

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