This document outlines an agenda for a workshop on building an app with JavaScript and jQuery. The workshop will begin with introductions and an overview of Thinkful. Attendees will then review starter code for a shopping list app and learn key jQuery and JavaScript concepts. They will spend time building the app themselves with support from the instructor. Finally, solutions will be reviewed and next steps discussed. The goal is for attendees to gain hands-on experience applying jQuery and JavaScript to create a functional web application.

1. Build an App with Javascript & jQuery
September 2017
Wi-Fi Name: Cross Camp.us Events
http://bit.ly/jquery-la

2. Instructor
Tim Paik
Program Manager, Thinkful
Former Thinkful front end web
development student
it.ly/jquery-lahttp://bWi-Fi: Cross Camp.us Events

3. About you
What's your name?
What's your goal?
What is your coding background?
it.ly/jquery-lahttp://bWi-Fi: Cross Camp.us Events

4. About Thinkful
Thinkful helps people become developers or data scientists
through one-on-one mentorship and project-based learning
These workshops are built using this approach.
it.ly/jquery-lahttp://bWi-Fi: Cross Camp.us Events

5. Suggestions for learning
Don't treat this as a drill, we're making something real
Don't get discouraged, struggle leads to mastery
Don't be shy, take full advantage of our support
it.ly/jquery-lahttp://bWi-Fi: Cross Camp.us Events

6. This is what we're making
it.ly/jquery-lahttp://b
http://bit.ly/jQueryDCFinal
Wi-Fi: Cross Camp.us Events

7. Agenda
Go over starter code (10 min)
Learn key jQuery & Javascript concepts (30 min)
Build your app! (30 min)
Go over solutions (10 min)
Next steps (10 min)
it.ly/jquery-lahttp://bWi-Fi: Cross Camp.us Events

8. Starter code
http://bit.ly/tf-shopping-list
it.ly/jquery-lahttp://bWi-Fi: Cross Camp.us Events

9. Quick HTML/CSS Refresher
it.ly/jquery-lahttp://b
http://bit.ly/tf-html-refresher
Wi-Fi: Cross Camp.us Events

10. Starter code walkthrough
it.ly/jquery-lahttp://bWi-Fi: Cross Camp.us Events

11. Think of our HTML as a "tree"
<div>
list-content
<input>
item-input
<ul>
shopping-list
<button>
add-item
it.ly/jquery-lahttp://bWi-Fi: Cross Camp.us Events

12. What is Javascript? What is jQuery?
<input>
<ul>
shopping-list <button>
<li>
String
cheese
<li>
Summer
sausage
<li>
Chicken
nuggets
<div>
it.ly/jquery-lahttp://bWi-Fi: Cross Camp.us Events

13. "Grabbing" a section directly
$('.shopping-list')
jQuery always starts with this
Element to grab
it.ly/jquery-lahttp://bWi-Fi: Cross Camp.us Events

14. jQuery walkthrough
it.ly/jquery-lahttp://b
http://bit.ly/tf-jquery-refresher
Wi-Fi: Cross Camp.us Events

15. Attaching an "Event Listener"
it.ly/jquery-lahttp://b
http://bit.ly/tf-jquery-events
Wi-Fi: Cross Camp.us Events

16. Real developers use Google... a lot
it.ly/jquery-lahttp://bWi-Fi: Cross Camp.us Events

17. Let's work on the first step together
http://bit.ly/tf-shopping-list
it.ly/jquery-lahttp://bWi-Fi: Cross Camp.us Events

18. Solution
it.ly/jquery-lahttp://bWi-Fi: Cross Camp.us Events

19. Ways to keep learning

20. For aspiring developers, bootcamps fill the gap
Source: Bureau of Labor Statistics

21. 91%91%
job-placement rate + job guarantee
Link for the third party audit jobs report:
https://www.thinkful.com/bootcamp-jobs-statshttps://www.thinkful.com/bootcamp-jobs-stats
Thinkful's track record of getting students jobs

22. Our students receive unprecedented support
1-on-1 Learning Mentor
1-on-1 Career MentorProgram Manager
Los Angeles Community
You

23. 1-on-1 mentorship enables flexible learning
Learn anywhere,
anytime, and at your
own schedule
You don't have to quit
your job to start career
transition

24. Thinkful Two-Week Trial
Talk to one of us and email benjy@thinkful.combenjy@thinkful.com to learn more
Two-week course with 6 mentor
sessions for $50 ($750 value)
Start with HTML, CSS and JavaScript
Option to continue with full bootcamp
Financing & scholarships available
Offer valid for one week after eventOffer valid for one week after event
BenjyBenjy SchechnerSchechner
Education Advisor