Build a Web App with JavaScript & jQuery
- 1. Build an App with Javascript & jQuery August 2017 Wi-Fi Name: Cross Camp.us Events http://bit.ly/jquery-LA
- 2. Instructor Austen Weinhart Co-founder, Coding Autism TA's 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
- 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
- 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
- 19. Ways to keep learning More Structure Less Structure More SupportLess Support
- 20. Our instructors help us write, teach, and improve our workshops & curriculum
- 21. Career prep and job-placement Liz Stephanie Our career services team has helped 87% of our grads begin jobs at companies like:
- 22. Take a Thinkful tour! Talk to one of us to set something up ! Take a look through Thinkful's student platform 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.