SlideShare a Scribd company logo
Build a Game with Javascript
July 2017
Wi-Fi: In3Guest
http://bit.ly/tf-js-game-dc
1
Instructor
Avi Zajac
Current Thinkful Student
TAs
Wi-Fi: In3Guest http://bit.ly/tf-js-game-dc
2
About you
What's your name?
What brought you here today?
What is your programming experience?
Wi-Fi: In3Guest http://bit.ly/tf-js-game-dc
3
About Thinkful
Thinkful helps people become developers or data scientists
through 1-on-1 mentorship and project-based learning
These workshops are built using this approach.These workshops are built using this approach.
Wi-Fi: In3Guest http://bit.ly/tf-js-game-dc
4
Suggestions for learning
Don't treat this as a drill, we're making something realwe're making something real
Don't get discouraged, struggle leads to masterystruggle leads to mastery
Don't be shy, take full advantage of our supporttake full advantage of our support
Wi-Fi: In3Guest http://bit.ly/tf-js-game-dc
5
This is what we're making
View example here
Wi-Fi: In3Guest http://bit.ly/tf-js-game-dc
6
Agenda
Learn key Javascript concepts (30 min)
Go over starter code (10 min)
Build your site with our support! (30 min)
Go over answer key (10 min)
Steps to continue learning (10 min)
Wi-Fi: In3Guest http://bit.ly/tf-js-game-dc
7
Defining a variable with Javascript
var numberOfSheep = 20
Initialize variable
Name of variable
Value of variable
Wi-Fi: In3Guest http://bit.ly/tf-js-game-dc
8
Variable examples
Wi-Fi: In3Guest http://bit.ly/tf-js-game-dc
9
Declaring a function with Javascript
function greet() {
return "Hello world!";
}
Initialize function Name of function
What the function does
Wi-Fi: In3Guest http://bit.ly/tf-js-game-dc
10
Function examples
Wi-Fi: In3Guest http://bit.ly/tf-js-game-dc
11
If/Else Statements
go to gas stationkeep driving
if false if true
need gas?
family roadtrip
Wi-Fi: In3Guest http://bit.ly/tf-js-game-dc
12
If/Else Statements
function familyRoadtrip() {
if (needGas == true) {
getGas();
}
else {
keepDriving();
}
}
Wi-Fi: In3Guest http://bit.ly/tf-js-game-dc
13
Comparing Values
== (equal to)
5 == 5 --> true
5 == 6 --> false
!= (not equal to)
5 != 5 --> false
5 != 6 --> true
Wi-Fi: In3Guest http://bit.ly/tf-js-game-dc
14
If/Else Statements and Comparing Values
Wi-Fi: In3Guest http://bit.ly/tf-js-game-dc
15
Parameters within functions
function adder(a, b) {
return a + b;
}
adder(1,2);
Parameters in declaration
Parameters used
within the function
Wi-Fi: In3Guest http://bit.ly/tf-js-game-dc
16
Examples of parameters within functions
Wi-Fi: In3Guest http://bit.ly/tf-js-game-dc
17
Real developers use Google... a lot
Wi-Fi: In3Guest http://bit.ly/tf-js-game-dc
18
Glitch setup & first steps!
http://bit.ly/tf-guessing-game
Wi-Fi: In3Guest http://bit.ly/tf-js-game-dc
19
Answers!
Wi-Fi: In3Guest http://bit.ly/tf-js-game-dc
20
Ways to keep learning
More Structure
Less Structure
More SupportLess Support
21
325+ mentors325+ mentors with an average of
10 years of experience10 years of experience in the
field
22
Support 'round the clock
Your Mentor
Q&A Sessions
Career Coach
In-person Workshops
Slack
Program Manager
YouYou
23
Our DC 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
Junior Developer
Sierra GreggSierra Gregg
Software Engineer
JP EarnestJP Earnest
Web Developer
24
Take a tour!
Talk to me (or email tj@thinkful.com) if you're interested
Get a tour of the program to see if
project-based, online learning is a
good fit for you.
Discuss the curriculum,
mentorship, and how to create
your own learning schedule.
25

More Related Content

What's hot (20)

PDF
Intro to Javascript
TJ Stalcup
 
PDF
Intro to JavaScript - LA - July
Thinkful
 
PDF
Build a Game with JavaScript
Thinkful
 
PDF
Intro to JavaScript
Aaron Lamphere
 
PDF
Build a Game with JavaScript - Pasadena July
Thinkful
 
PDF
Build a Game with JavaScript
Thinkful
 
PDF
Intro to js august 31
Thinkful
 
PDF
first website la
Thinkful
 
PDF
Build your own Website
Aaron Lamphere
 
PDF
Frontend Crash Course
Aaron Lamphere
 
PDF
Frontend Crash Course
TJ Stalcup
 
PDF
Build Own Website
Ivy Rueb
 
PDF
Build an App with JavaScript & jQuery
Aaron Lamphere
 
PDF
Thinkful DC - Intro to JavaScript
TJ Stalcup
 
PDF
Thinkful DC FrontEnd Crash Course - HTML & CSS
TJ Stalcup
 
PDF
Thinkful FrontEnd Crash Course - HTML & CSS
TJ Stalcup
 
PDF
Frontend Crash Course
TJ Stalcup
 
PPT
Know This, Work Here
Dale Cruse
 
PDF
Thinkful FrontEnd Crash Course - HTML & CSS
TJ Stalcup
 
PDF
Build Your Own Website - Intro to HTML & CSS
TJ Stalcup
 
Intro to Javascript
TJ Stalcup
 
Intro to JavaScript - LA - July
Thinkful
 
Build a Game with JavaScript
Thinkful
 
Intro to JavaScript
Aaron Lamphere
 
Build a Game with JavaScript - Pasadena July
Thinkful
 
Build a Game with JavaScript
Thinkful
 
Intro to js august 31
Thinkful
 
first website la
Thinkful
 
Build your own Website
Aaron Lamphere
 
Frontend Crash Course
Aaron Lamphere
 
Frontend Crash Course
TJ Stalcup
 
Build Own Website
Ivy Rueb
 
Build an App with JavaScript & jQuery
Aaron Lamphere
 
Thinkful DC - Intro to JavaScript
TJ Stalcup
 
Thinkful DC FrontEnd Crash Course - HTML & CSS
TJ Stalcup
 
Thinkful FrontEnd Crash Course - HTML & CSS
TJ Stalcup
 
Frontend Crash Course
TJ Stalcup
 
Know This, Work Here
Dale Cruse
 
Thinkful FrontEnd Crash Course - HTML & CSS
TJ Stalcup
 
Build Your Own Website - Intro to HTML & CSS
TJ Stalcup
 

Similar to Build a Game with JavaScript - Thinkful DC (20)

PDF
Build a Game with JavaScript
Thinkful
 
PDF
Build a Game with JavaScript
Thinkful
 
PDF
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-47 (1)
Ivy Rueb
 
PDF
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-47 (2)
Ivy Rueb
 
PDF
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-9-81
Ivy Rueb
 
PDF
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-15
Thinkful
 
PDF
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-47
Ivy Rueb
 
PDF
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-9-431 (1)
Justin Ezor
 
PDF
Game js-phx10-2
Thinkful
 
PDF
Jsgame1418sd
Thinkful
 
PDF
Jsgame 3.1.18-sd
Jordan Zurowski
 
PDF
gamewjs10/9/127SD
Thinkful
 
PDF
Jsgamesd-11.21.17
Thinkful
 
PDF
Bagwjs1129
Thinkful
 
PDF
Tf itjsbagg
Shannon Gallagher
 
PDF
bgwjdpdx0814
Thinkful
 
PDF
BAGJSPHX828
Thinkful
 
PDF
Bagwjs1211
Thinkful
 
PDF
bagjsphx828
Thinkful
 
PDF
Test
Joe Previte
 
Build a Game with JavaScript
Thinkful
 
Build a Game with JavaScript
Thinkful
 
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-47 (1)
Ivy Rueb
 
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-47 (2)
Ivy Rueb
 
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-9-81
Ivy Rueb
 
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-15
Thinkful
 
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-47
Ivy Rueb
 
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-9-431 (1)
Justin Ezor
 
Game js-phx10-2
Thinkful
 
Jsgame1418sd
Thinkful
 
Jsgame 3.1.18-sd
Jordan Zurowski
 
gamewjs10/9/127SD
Thinkful
 
Jsgamesd-11.21.17
Thinkful
 
Bagwjs1129
Thinkful
 
Tf itjsbagg
Shannon Gallagher
 
bgwjdpdx0814
Thinkful
 
BAGJSPHX828
Thinkful
 
Bagwjs1211
Thinkful
 
bagjsphx828
Thinkful
 
Ad

More from TJ Stalcup (20)

PDF
Intro to JavaScript - Thinkful DC
TJ Stalcup
 
PDF
Intro to Python for Data Science
TJ Stalcup
 
PDF
Intro to Python for Data Science
TJ Stalcup
 
PDF
Intro to Python
TJ Stalcup
 
PDF
Intro to Python
TJ Stalcup
 
PDF
Predict the Oscars using Data Science
TJ Stalcup
 
PDF
Data Science Your Vacation
TJ Stalcup
 
PDF
Data Science Your Vacation
TJ Stalcup
 
PDF
Build Your Own Instagram Filters
TJ Stalcup
 
PDF
Choosing a Programming Language
TJ Stalcup
 
PDF
Build a Virtual Pet with JavaScript
TJ Stalcup
 
PDF
DC jQuery App
TJ Stalcup
 
PDF
Thinkful DC - Intro to JavaScript
TJ Stalcup
 
PDF
Thinkful DC - Building a Virtual Pet with JavaScript
TJ Stalcup
 
PDF
Thinkful - Intro to Data Science - Washington DC
TJ Stalcup
 
PDF
Build Your Own Website - Thinkful DC
TJ Stalcup
 
PDF
Build a Virtual Pet with JavaScript
TJ Stalcup
 
PDF
Thinkful - Frontend Crash Course - Intro to HTML/CSS
TJ Stalcup
 
PDF
Intro to Data Science
TJ Stalcup
 
PDF
Thinkful - Intro to JavaScript
TJ Stalcup
 
Intro to JavaScript - Thinkful DC
TJ Stalcup
 
Intro to Python for Data Science
TJ Stalcup
 
Intro to Python for Data Science
TJ Stalcup
 
Intro to Python
TJ Stalcup
 
Intro to Python
TJ Stalcup
 
Predict the Oscars using Data Science
TJ Stalcup
 
Data Science Your Vacation
TJ Stalcup
 
Data Science Your Vacation
TJ Stalcup
 
Build Your Own Instagram Filters
TJ Stalcup
 
Choosing a Programming Language
TJ Stalcup
 
Build a Virtual Pet with JavaScript
TJ Stalcup
 
DC jQuery App
TJ Stalcup
 
Thinkful DC - Intro to JavaScript
TJ Stalcup
 
Thinkful DC - Building a Virtual Pet with JavaScript
TJ Stalcup
 
Thinkful - Intro to Data Science - Washington DC
TJ Stalcup
 
Build Your Own Website - Thinkful DC
TJ Stalcup
 
Build a Virtual Pet with JavaScript
TJ Stalcup
 
Thinkful - Frontend Crash Course - Intro to HTML/CSS
TJ Stalcup
 
Intro to Data Science
TJ Stalcup
 
Thinkful - Intro to JavaScript
TJ Stalcup
 
Ad

Recently uploaded (20)

PDF
GDG Cloud Southlake #44: Eyal Bukchin: Tightening the Kubernetes Feedback Loo...
James Anderson
 
PPTX
Reimaginando la Ciberdefensa: De Copilots a Redes de Agentes
Cristian Garcia G.
 
PPTX
Smarter Governance with AI: What Every Board Needs to Know
OnBoard
 
PDF
My Journey from CAD to BIM: A True Underdog Story
Safe Software
 
PDF
ArcGIS Utility Network Migration - The Hunter Water Story
Safe Software
 
PDF
The Future of Product Management in AI ERA.pdf
Alyona Owens
 
PDF
Understanding The True Cost of DynamoDB Webinar
ScyllaDB
 
PDF
Next level data operations using Power Automate magic
Andries den Haan
 
DOCX
Daily Lesson Log MATATAG ICT TEchnology 8
LOIDAALMAZAN3
 
PDF
Why aren't you using FME Flow's CPU Time?
Safe Software
 
PDF
''Taming Explosive Growth: Building Resilience in a Hyper-Scaled Financial Pl...
Fwdays
 
PDF
99 Bottles of Trust on the Wall — Operational Principles for Trust in Cyber C...
treyka
 
PDF
Pipeline Industry IoT - Real Time Data Monitoring
Safe Software
 
PPTX
The birth and death of Stars - earth and life science
rizellemarieastrolo
 
PDF
Hello I'm "AI" Your New _________________
Dr. Tathagat Varma
 
PPTX
01_Approach Cyber- DORA Incident Management.pptx
FinTech Belgium
 
PDF
DoS Attack vs DDoS Attack_ The Silent Wars of the Internet.pdf
CyberPro Magazine
 
PDF
Dev Dives: Accelerating agentic automation with Autopilot for Everyone
UiPathCommunity
 
PDF
TrustArc Webinar - Navigating APAC Data Privacy Laws: Compliance & Challenges
TrustArc
 
PDF
How to Comply With Saudi Arabia’s National Cybersecurity Regulations.pdf
Bluechip Advanced Technologies
 
GDG Cloud Southlake #44: Eyal Bukchin: Tightening the Kubernetes Feedback Loo...
James Anderson
 
Reimaginando la Ciberdefensa: De Copilots a Redes de Agentes
Cristian Garcia G.
 
Smarter Governance with AI: What Every Board Needs to Know
OnBoard
 
My Journey from CAD to BIM: A True Underdog Story
Safe Software
 
ArcGIS Utility Network Migration - The Hunter Water Story
Safe Software
 
The Future of Product Management in AI ERA.pdf
Alyona Owens
 
Understanding The True Cost of DynamoDB Webinar
ScyllaDB
 
Next level data operations using Power Automate magic
Andries den Haan
 
Daily Lesson Log MATATAG ICT TEchnology 8
LOIDAALMAZAN3
 
Why aren't you using FME Flow's CPU Time?
Safe Software
 
''Taming Explosive Growth: Building Resilience in a Hyper-Scaled Financial Pl...
Fwdays
 
99 Bottles of Trust on the Wall — Operational Principles for Trust in Cyber C...
treyka
 
Pipeline Industry IoT - Real Time Data Monitoring
Safe Software
 
The birth and death of Stars - earth and life science
rizellemarieastrolo
 
Hello I'm "AI" Your New _________________
Dr. Tathagat Varma
 
01_Approach Cyber- DORA Incident Management.pptx
FinTech Belgium
 
DoS Attack vs DDoS Attack_ The Silent Wars of the Internet.pdf
CyberPro Magazine
 
Dev Dives: Accelerating agentic automation with Autopilot for Everyone
UiPathCommunity
 
TrustArc Webinar - Navigating APAC Data Privacy Laws: Compliance & Challenges
TrustArc
 
How to Comply With Saudi Arabia’s National Cybersecurity Regulations.pdf
Bluechip Advanced Technologies
 

Build a Game with JavaScript - Thinkful DC

  • 1. Build a Game with Javascript July 2017 Wi-Fi: In3Guest http://bit.ly/tf-js-game-dc 1
  • 2. Instructor Avi Zajac Current Thinkful Student TAs Wi-Fi: In3Guest http://bit.ly/tf-js-game-dc 2
  • 3. About you What's your name? What brought you here today? What is your programming experience? Wi-Fi: In3Guest http://bit.ly/tf-js-game-dc 3
  • 4. About Thinkful Thinkful helps people become developers or data scientists through 1-on-1 mentorship and project-based learning These workshops are built using this approach.These workshops are built using this approach. Wi-Fi: In3Guest http://bit.ly/tf-js-game-dc 4
  • 5. Suggestions for learning Don't treat this as a drill, we're making something realwe're making something real Don't get discouraged, struggle leads to masterystruggle leads to mastery Don't be shy, take full advantage of our supporttake full advantage of our support Wi-Fi: In3Guest http://bit.ly/tf-js-game-dc 5
  • 6. This is what we're making View example here Wi-Fi: In3Guest http://bit.ly/tf-js-game-dc 6
  • 7. Agenda Learn key Javascript concepts (30 min) Go over starter code (10 min) Build your site with our support! (30 min) Go over answer key (10 min) Steps to continue learning (10 min) Wi-Fi: In3Guest http://bit.ly/tf-js-game-dc 7
  • 8. Defining a variable with Javascript var numberOfSheep = 20 Initialize variable Name of variable Value of variable Wi-Fi: In3Guest http://bit.ly/tf-js-game-dc 8
  • 9. Variable examples Wi-Fi: In3Guest http://bit.ly/tf-js-game-dc 9
  • 10. Declaring a function with Javascript function greet() { return "Hello world!"; } Initialize function Name of function What the function does Wi-Fi: In3Guest http://bit.ly/tf-js-game-dc 10
  • 11. Function examples Wi-Fi: In3Guest http://bit.ly/tf-js-game-dc 11
  • 12. If/Else Statements go to gas stationkeep driving if false if true need gas? family roadtrip Wi-Fi: In3Guest http://bit.ly/tf-js-game-dc 12
  • 13. If/Else Statements function familyRoadtrip() { if (needGas == true) { getGas(); } else { keepDriving(); } } Wi-Fi: In3Guest http://bit.ly/tf-js-game-dc 13
  • 14. Comparing Values == (equal to) 5 == 5 --> true 5 == 6 --> false != (not equal to) 5 != 5 --> false 5 != 6 --> true Wi-Fi: In3Guest http://bit.ly/tf-js-game-dc 14
  • 15. If/Else Statements and Comparing Values Wi-Fi: In3Guest http://bit.ly/tf-js-game-dc 15
  • 16. Parameters within functions function adder(a, b) { return a + b; } adder(1,2); Parameters in declaration Parameters used within the function Wi-Fi: In3Guest http://bit.ly/tf-js-game-dc 16
  • 17. Examples of parameters within functions Wi-Fi: In3Guest http://bit.ly/tf-js-game-dc 17
  • 18. Real developers use Google... a lot Wi-Fi: In3Guest http://bit.ly/tf-js-game-dc 18
  • 19. Glitch setup & first steps! http://bit.ly/tf-guessing-game Wi-Fi: In3Guest http://bit.ly/tf-js-game-dc 19
  • 21. Ways to keep learning More Structure Less Structure More SupportLess Support 21
  • 22. 325+ mentors325+ mentors with an average of 10 years of experience10 years of experience in the field 22
  • 23. Support 'round the clock Your Mentor Q&A Sessions Career Coach In-person Workshops Slack Program Manager YouYou 23
  • 24. Our DC 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 Junior Developer Sierra GreggSierra Gregg Software Engineer JP EarnestJP Earnest Web Developer 24
  • 25. Take a tour! Talk to me (or email [email protected]) if you're interested Get a tour of the program to see if project-based, online learning is a good fit for you. Discuss the curriculum, mentorship, and how to create your own learning schedule. 25