Build a Web App with Javascript and Jquery 09/19
- 1. Build an App with Javascript & jQuery Sept 2017 WIFI: Digital Ignition Pass: Countdown54321 http://bit.ly/thinkful-jquery-app 1
- 2. Instructor John Brown Thinkful Student Web Coordinator WiFi: Digital Ignition Pass: Countdown54321 bit.ly/thinkful-jquery-app 2
- 3. About you What's your name? Why do you want to learn JavaScript/jQuery? WiFi: Digital Ignition Pass: Countdown54321 bit.ly/thinkful-jquery-app 3
- 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. WiFi: Digital Ignition Pass: Countdown54321 bit.ly/thinkful-jquery-app 4
- 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 WiFi: Digital Ignition Pass: Countdown54321 bit.ly/thinkful-jquery-app 5
- 6. This is what we're making WiFi: Digital Ignition Pass: Countdown54321 bit.ly/thinkful-jquery-app 6
- 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) WiFi: Digital Ignition Pass: Countdown54321 bit.ly/thinkful-jquery-app 7
- 8. Quick HTML/CSS Refersher WiFi: Digital Ignition Pass: Countdown54321 bit.ly/thinkful-jquery-app 8
- 9. Starter code walkthrough https://repl.it/Kon8 WiFi: Digital Ignition Pass: Countdown54321 bit.ly/thinkful-jquery-app 9
- 10. Think of our HTML as a "tree" <form> list-content <input> item-input <ul> shopping-list <button> add-item WiFi: Digital Ignition Pass: Countdown54321 10 bit.ly/thinkful-jquery-app
- 11. What is Javascript? What is jQuery? <input> <ul> shopping-list <button> <li> String cheese <li> Summer sausage <li> Chicken nuggets 11 <div> WiFi: Digital Ignition Pass: Countdown54321 bit.ly/thinkful-jquery-app
- 12. "Grabbing" a section directly $('.shopping-list') jQuery always starts with this Element to grab WiFi: Digital Ignition Pass: Countdown54321 bit.ly/thinkful-jquery-app 12
- 13. jQuery walkthrough WiFi: Digital Ignition Pass: Countdown54321 bit.ly/thinkful-jquery-app 13
- 14. Attaching an "Event Listener" WiFi: Digital Ignition Pass: Countdown54321 bit.ly/thinkful-jquery-app 14
- 15. Real developers use Google... a lot WiFi: Digital Ignition Pass: Countdown54321 bit.ly/thinkful-jquery-app 15
- 16. Let's work on the first step together https://repl.it/Kon8 WiFi: Digital Ignition Pass: Countdown54321 bit.ly/thinkful-jquery-app 16
- 17. Solution WiFi: Digital Ignition Pass: Countdown54321 bit.ly/thinkful-jquery-app 17
- 18. Ways to keep learning 18
- 19. For aspiring developers, bootcamps fill the gap 19
- 20. 89%89% 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 20
- 21. Our students receive unprecedented support Learning Mentor Career MentorProgram Manager Local Community You 21
- 22. Mentorship enables flexible learning Learn anywhere, anytime, & at your own pace You don't have to quitYou don't have to quit your job to startyour job to start career transitioncareer transition 22
- 23. Thinkful Two-Week Trial Talk to one of us and email [email protected]@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 Benjy Ed Advisor 23