Come learn JavaScript and jQuery

1. Build an App with Javascript & jQuery
August 2017
Wi-Fi Name: in3-Guest
http://bit.ly/jqueryDC

2. Instructor
TJ Stalcup
Lead DC Mentor - Thinkful
API Evangelist - WealthEngine
Pokemon Fanatic
TA's
it.ly/jqueryDChttp://bWi-Fi: In3-Guest

3. About you
What's your name?
What's your goal?
What is your coding background?
it.ly/jqueryDChttp://bWi-Fi: In3-Guest

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/jqueryDChttp://bWi-Fi: In3-Guest

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/jqueryDChttp://bWi-Fi: In3-Guest

6. This is what we're making
it.ly/jqueryDChttp://bWi-Fi: In3-Guest
http://bit.ly/jQueryDCFinal

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/jqueryDChttp://bWi-Fi: In3-Guest

8. Starter code
http://bit.ly/tf-shopping-list
it.ly/jqueryDChttp://bWi-Fi: In3-Guest

9. Quick HTML/CSS Refresher
it.ly/jqueryDChttp://bWi-Fi: In3-Guest
http://bit.ly/tf-html-refresher

10. Starter code walkthrough
it.ly/jqueryDChttp://bWi-Fi: In3-Guest

11. Think of our HTML as a "tree"
<div>
list-content
<input>
item-input
<ul>
shopping-list
<button>
add-item
it.ly/jqueryDChttp://bWi-Fi: In3-Guest

12. What is Javascript? What is jQuery?
<input>
<ul>
shopping-list <button>
<li>
String
cheese
<li>
Summer
sausage
<li>
Chicken
nuggets
<div>
it.ly/jqueryDChttp://bWi-Fi: In3-Guest

13. "Grabbing" a section directly
$('.shopping-list')
jQuery always starts with this
Element to grab
it.ly/jqueryDChttp://bWi-Fi: In3-Guest

14. jQuery walkthrough
it.ly/jqueryDChttp://bWi-Fi: In3-Guest
http://bit.ly/tf-jquery-refresher

15. Attaching an "Event Listener"
it.ly/jqueryDChttp://bWi-Fi: In3-Guest
http://bit.ly/tf-jquery-events

16. Real developers use Google... a lot
it.ly/jqueryDChttp://bWi-Fi: In3-Guest

17. Let's work on the first step together
http://bit.ly/tf-shopping-list
it.ly/jqueryDChttp://bWi-Fi: In3-Guest

18. Solution
it.ly/jqueryDChttp://bWi-Fi: In3-Guest

19. Ways to keep learning
More Structure
Less Structure
More SupportLess Support

20. 325+ mentors325+ mentors with an average of
10 years of experience10 years of experience in the
field

21. Support 'round the clock
Your Mentor
Q&A Sessions
Career Coach
In-person Workshops
Slack
Program Manager
YouYou

22. Our results
93%93%job-placement rate + job guarantee
Zachary HoltZachary Holt
Link for the third party audit jobs report:
https://www.thinkful.com/bootcamp-jobs-https://www.thinkful.com/bootcamp-jobs-
statsstats
Web Developer
Sierra GreggSierra Gregg
Software Engineer
JP EarnestJP Earnest
Web Developer

23. Take a Thinkful tour!
Talk to us now or be on the look out for our emailTalk to us now or be on the look out for our email
Get a tour of Thinkful's program
to see if project-based, online
learning is a good fit for you
While we're at it, give us
feedback on tonight's
workshop.