DC jQuery App
- 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
- 9. Quick HTML/CSS Refresher it.ly/jqueryDChttp://bWi-Fi: In3-Guest http://bit.ly/tf-html-refresher
- 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
- 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
- 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.