SlideShare a Scribd company logo
1 of 26
Download to read offline
Build a Game with Javascript
October 2017
WIFI: MakeOffices 5GHZ
Password: Internet!23
http://bit.ly/js-game-dc
1
Instructor
Brittany Walker
Thinkful Flex Student
CSS Extraordinaire
Wifi: MakeOffices 5Ghz
Password: Internet!23
http://bit.ly/js-game-dc
TAs
2
About you
What's your name?
What brought you here today?
What is your programming experience?
Wifi: MakeOffices 5Ghz
Password: Internet!23
http://bit.ly/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.
http://bit.ly/tf-js-game-atlhttp://bit.ly/js-game-dc
Wifi: MakeOffices 5Ghz
Password: Internet!23
http://bit.ly/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
Wifi: MakeOffices 5Ghz
Password: Internet!23
http://bit.ly/js-game-dc
5
This is what we're making
View example here
Wifi: MakeOffices 5Ghz
Password: Internet!23
http://bit.ly/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)
http://bit.ly/tf-js-game-atlhttp://bit.ly/js-game-dc
Wifi: MakeOffices 5Ghz
Password: Internet!23
http://bit.ly/js-game-dc
7
Defining a variable with Javascript
var numberOfSheep = 20
Initialize variable
Name of variable
Value of variable
http://bit.ly/tf-js-game-atlhttp://bit.ly/js-game-dc
Wifi: MakeOffices 5Ghz
Password: Internet!23
http://bit.ly/js-game-dc
8
Variable examples
Wifi: MakeOffices 5Ghz
Password: Internet!23
http://bit.ly/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: IgniteHQ
Password: igniteHQ
http://bit.ly/tf-js-game-atlWifi: MakeOffices 5Ghz
Password: Internet!23 10
http://bit.ly/js-game-dc
Function examples
Wifi: MakeOffices 5Ghz
Password: Internet!23
http://bit.ly/js-game-dc
11
If/Else Statements
go to gas stationkeep driving
if false if true
need gas?
family roadtrip
Wifi: MakeOffices 5Ghz
Password: Internet!23
http://bit.ly/js-game-dc
12
If/Else Statements
function familyRoadtrip() {
if (needGas == true) {
getGas();
}
else {
keepDriving();
}
}
http://bit.ly/tf-js-game-atlhttp://bit.ly/js-game-dc
Wifi: MakeOffices 5Ghz
Password: Internet!23
http://bit.ly/js-game-dc
13
Comparing Values
== (equal to)
5 == 5 --> true
5 == 6 --> false
!= (not equal to)
5 != 5 --> false
5 != 6 --> true
Wifi: MakeOffices 5Ghz
Password: Internet!23
http://bit.ly/js-game-dc
14
If/Else Statements and Comparing Values
Wifi: MakeOffices 5Ghz
Password: Internet!23
http://bit.ly/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
Wifi: MakeOffices 5Ghz
Password: Internet!23
http://bit.ly/js-game-dc
16
Examples of parameters within functions
Wifi: MakeOffices 5Ghz
Password: Internet!23
http://bit.ly/js-game-dc
17
Real developers use Google... a lot
Wifi: MakeOffices 5Ghz
Password: Internet!23
http://bit.ly/js-game-dc
18
Glitch setup & first steps!
http://bit.ly/tf-guessing-game
Wifi: MakeOffices 5Ghz
Password: Internet!23
http://bit.ly/js-game-dc
19
Answers!
Wifi: MakeOffices 5Ghz
Password: Internet!23
http://bit.ly/js-game-dc
20
Ways to keep learning
21
For aspiring developers, bootcamps fill the gap
22
91%91%
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
23
Our students receive unprecedented support
Learning Mentor
Career MentorProgram Manager
Local Community
You
24
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
25
Thinkful Two-Week Trial
Talk to one of us and email benjy@thinkful.combenjy@thinkful.com to learn more
Two-week Free Course Trial
Start with HTML, CSS and JavaScript
Unlimited Q&A Sessions
Option to continue with full bootcamp
Financing & scholarships available
Offer valid for one week after eventOffer valid for one week after event
Benjy SchechnerBenjy Schechner
Ed Advisor
26

More Related Content

What's hot

Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-57
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-57Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-57
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-57Ivy Rueb
 
Build A Game with JavaScript - LA - July 11
Build A Game with JavaScript - LA - July 11Build A Game with JavaScript - LA - July 11
Build A Game with JavaScript - LA - July 11Thinkful
 
Build a Game with Javascript
Build a Game with Javascript Build a Game with Javascript
Build a Game with Javascript Ivy Rueb
 
Build your own Website
Build your own WebsiteBuild your own Website
Build your own WebsiteAaron Lamphere
 
Frontend Crash Course
Frontend Crash CourseFrontend Crash Course
Frontend Crash CourseTJ Stalcup
 
Thinkful FrontEnd Crash Course - HTML & CSS
Thinkful FrontEnd Crash Course - HTML & CSSThinkful FrontEnd Crash Course - HTML & CSS
Thinkful FrontEnd Crash Course - HTML & CSSTJ Stalcup
 
Thinkful FrontEnd Crash Course - HTML & CSS
Thinkful FrontEnd Crash Course - HTML & CSSThinkful FrontEnd Crash Course - HTML & CSS
Thinkful FrontEnd Crash Course - HTML & CSSTJ Stalcup
 
Thinkful DC FrontEnd Crash Course - HTML & CSS
Thinkful DC FrontEnd Crash Course - HTML & CSSThinkful DC FrontEnd Crash Course - HTML & CSS
Thinkful DC FrontEnd Crash Course - HTML & CSSTJ Stalcup
 
Thinkful build a website (html, css)
Thinkful build a website (html, css)Thinkful build a website (html, css)
Thinkful build a website (html, css)Thinkful
 
Frontend Crash Course
Frontend Crash CourseFrontend Crash Course
Frontend Crash CourseTJ Stalcup
 
Build Own Website
Build Own WebsiteBuild Own Website
Build Own WebsiteIvy Rueb
 
Build your own Website
Build your own WebsiteBuild your own Website
Build your own WebsiteAaron Lamphere
 
website la 11/28
website la 11/28website la 11/28
website la 11/28Thinkful
 
Introduction to JavaScript, Washington, DC February 2018
Introduction to JavaScript, Washington, DC February 2018Introduction to JavaScript, Washington, DC February 2018
Introduction to JavaScript, Washington, DC February 2018Thinkful
 
Build your Own Website with HTML/CSS
Build your Own Website with HTML/CSSBuild your Own Website with HTML/CSS
Build your Own Website with HTML/CSSAaron Lamphere
 
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-13-37
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-13-37Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-13-37
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-13-37Thinkful
 

What's hot (20)

Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-57
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-57Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-57
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-57
 
Build A Game with JavaScript - LA - July 11
Build A Game with JavaScript - LA - July 11Build A Game with JavaScript - LA - July 11
Build A Game with JavaScript - LA - July 11
 
Frontend Crash Course
Frontend Crash CourseFrontend Crash Course
Frontend Crash Course
 
Build a Game with Javascript
Build a Game with Javascript Build a Game with Javascript
Build a Game with Javascript
 
Intro to JavaScript
Intro to JavaScriptIntro to JavaScript
Intro to JavaScript
 
Build your own Website
Build your own WebsiteBuild your own Website
Build your own Website
 
Frontend Crash Course
Frontend Crash CourseFrontend Crash Course
Frontend Crash Course
 
Thinkful FrontEnd Crash Course - HTML & CSS
Thinkful FrontEnd Crash Course - HTML & CSSThinkful FrontEnd Crash Course - HTML & CSS
Thinkful FrontEnd Crash Course - HTML & CSS
 
Thinkful FrontEnd Crash Course - HTML & CSS
Thinkful FrontEnd Crash Course - HTML & CSSThinkful FrontEnd Crash Course - HTML & CSS
Thinkful FrontEnd Crash Course - HTML & CSS
 
Frontend Crash Course
Frontend Crash CourseFrontend Crash Course
Frontend Crash Course
 
Thinkful DC FrontEnd Crash Course - HTML & CSS
Thinkful DC FrontEnd Crash Course - HTML & CSSThinkful DC FrontEnd Crash Course - HTML & CSS
Thinkful DC FrontEnd Crash Course - HTML & CSS
 
Thinkful build a website (html, css)
Thinkful build a website (html, css)Thinkful build a website (html, css)
Thinkful build a website (html, css)
 
Frontend Crash Course
Frontend Crash CourseFrontend Crash Course
Frontend Crash Course
 
Build Own Website
Build Own WebsiteBuild Own Website
Build Own Website
 
Build your own Website
Build your own WebsiteBuild your own Website
Build your own Website
 
website la 11/28
website la 11/28website la 11/28
website la 11/28
 
Introduction to JavaScript, Washington, DC February 2018
Introduction to JavaScript, Washington, DC February 2018Introduction to JavaScript, Washington, DC February 2018
Introduction to JavaScript, Washington, DC February 2018
 
BYOWHC823
BYOWHC823BYOWHC823
BYOWHC823
 
Build your Own Website with HTML/CSS
Build your Own Website with HTML/CSSBuild your Own Website with HTML/CSS
Build your Own Website with HTML/CSS
 
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-13-37
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-13-37Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-13-37
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-13-37
 

Similar to Build a Game with Javascript

Build a game la september 7
Build a game la september 7Build a game la september 7
Build a game la september 7Thinkful
 
Build a Game with JavaScript
Build a Game with JavaScriptBuild a Game with JavaScript
Build a Game with JavaScriptThinkful
 
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-9-81
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-9-81Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-9-81
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-9-81Ivy Rueb
 
Intro to JavaScript - LA - July
Intro to JavaScript - LA - JulyIntro to JavaScript - LA - July
Intro to JavaScript - LA - JulyThinkful
 
bagjsphx828
bagjsphx828bagjsphx828
bagjsphx828Thinkful
 
bagjsphx828
bagjsphx828bagjsphx828
bagjsphx828Thinkful
 
bagjsphx828
bagjsphx828bagjsphx828
bagjsphx828Thinkful
 
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-15
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-15Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-15
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-15Thinkful
 
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-47 (2)
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-47 (2)Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-47 (2)
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-47 (2)Ivy Rueb
 
Build a Game with JavaScript
Build a Game with JavaScriptBuild a Game with JavaScript
Build a Game with JavaScriptThinkful
 
Build a Game with JavaScript
Build a Game with JavaScriptBuild a Game with JavaScript
Build a Game with JavaScriptThinkful
 
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-47 (1)
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-47 (1)Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-47 (1)
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-47 (1)Ivy Rueb
 
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-9-28
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-9-28Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-9-28
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-9-28Thinkful
 
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-47
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-47Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-47
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-47Ivy Rueb
 
gamewjs10/9/127SD
gamewjs10/9/127SDgamewjs10/9/127SD
gamewjs10/9/127SDThinkful
 
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-14
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-14Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-14
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-14Thinkful
 
BAGJSPHX828
BAGJSPHX828BAGJSPHX828
BAGJSPHX828Thinkful
 
Build a Game with JavaScript - Pasadena July
Build a Game with JavaScript - Pasadena JulyBuild a Game with JavaScript - Pasadena July
Build a Game with JavaScript - Pasadena JulyThinkful
 
Build your Own Twitter bot 09/20
Build your Own Twitter bot 09/20Build your Own Twitter bot 09/20
Build your Own Twitter bot 09/20Ivy Rueb
 

Similar to Build a Game with Javascript (20)

Build a game la september 7
Build a game la september 7Build a game la september 7
Build a game la september 7
 
Build a Game with JavaScript
Build a Game with JavaScriptBuild a Game with JavaScript
Build a Game with JavaScript
 
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-9-81
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-9-81Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-9-81
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-9-81
 
Intro to JavaScript - LA - July
Intro to JavaScript - LA - JulyIntro to JavaScript - LA - July
Intro to JavaScript - LA - July
 
Test
TestTest
Test
 
bagjsphx828
bagjsphx828bagjsphx828
bagjsphx828
 
bagjsphx828
bagjsphx828bagjsphx828
bagjsphx828
 
bagjsphx828
bagjsphx828bagjsphx828
bagjsphx828
 
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-15
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-15Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-15
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-15
 
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-47 (2)
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-47 (2)Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-47 (2)
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-47 (2)
 
Build a Game with JavaScript
Build a Game with JavaScriptBuild a Game with JavaScript
Build a Game with JavaScript
 
Build a Game with JavaScript
Build a Game with JavaScriptBuild a Game with JavaScript
Build a Game with JavaScript
 
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-47 (1)
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-47 (1)Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-47 (1)
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-47 (1)
 
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-9-28
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-9-28Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-9-28
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-9-28
 
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-47
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-47Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-47
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-47
 
gamewjs10/9/127SD
gamewjs10/9/127SDgamewjs10/9/127SD
gamewjs10/9/127SD
 
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-14
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-14Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-14
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-7-14
 
BAGJSPHX828
BAGJSPHX828BAGJSPHX828
BAGJSPHX828
 
Build a Game with JavaScript - Pasadena July
Build a Game with JavaScript - Pasadena JulyBuild a Game with JavaScript - Pasadena July
Build a Game with JavaScript - Pasadena July
 
Build your Own Twitter bot 09/20
Build your Own Twitter bot 09/20Build your Own Twitter bot 09/20
Build your Own Twitter bot 09/20
 

More from Aaron Lamphere

Become a Data Analyst
Become a Data Analyst Become a Data Analyst
Become a Data Analyst Aaron Lamphere
 
Web Development or Data Science
Web Development or Data Science Web Development or Data Science
Web Development or Data Science Aaron Lamphere
 
Getting Started in Tech
Getting Started in TechGetting Started in Tech
Getting Started in TechAaron Lamphere
 
Build an App with JavaScript & jQuery
Build an App with JavaScript & jQuery Build an App with JavaScript & jQuery
Build an App with JavaScript & jQuery Aaron Lamphere
 
Build an App with JavaScript & jQuery
Build an App with JavaScript & jQuery Build an App with JavaScript & jQuery
Build an App with JavaScript & jQuery Aaron Lamphere
 
Getting Started in Tech
Getting Started in TechGetting Started in Tech
Getting Started in TechAaron Lamphere
 
Build an App with JavaScript & jQuery
Build an App with JavaScript & jQuery Build an App with JavaScript & jQuery
Build an App with JavaScript & jQuery Aaron Lamphere
 
Build an App with JavaScript & jQuery
Build an App with JavaScript & jQuery Build an App with JavaScript & jQuery
Build an App with JavaScript & jQuery Aaron Lamphere
 
Build an App with JavaScript & jQuery
Build an App with JavaScript & jQuery Build an App with JavaScript & jQuery
Build an App with JavaScript & jQuery Aaron Lamphere
 
Build an App with JavaScript & jQuery
Build an App with JavaScript & jQuery Build an App with JavaScript & jQuery
Build an App with JavaScript & jQuery Aaron Lamphere
 

More from Aaron Lamphere (15)

Become a Data Analyst
Become a Data Analyst Become a Data Analyst
Become a Data Analyst
 
Web Development or Data Science
Web Development or Data Science Web Development or Data Science
Web Development or Data Science
 
Getting Started in Tech
Getting Started in TechGetting Started in Tech
Getting Started in Tech
 
Build an App with JavaScript & jQuery
Build an App with JavaScript & jQuery Build an App with JavaScript & jQuery
Build an App with JavaScript & jQuery
 
Build an App with JavaScript & jQuery
Build an App with JavaScript & jQuery Build an App with JavaScript & jQuery
Build an App with JavaScript & jQuery
 
Intro to JavaScript
Intro to JavaScriptIntro to JavaScript
Intro to JavaScript
 
Intro to JavaScript
Intro to JavaScriptIntro to JavaScript
Intro to JavaScript
 
Frontend Crash Course
Frontend Crash CourseFrontend Crash Course
Frontend Crash Course
 
Frontend Crash Course
Frontend Crash CourseFrontend Crash Course
Frontend Crash Course
 
HTML/CSS Crash Course
HTML/CSS Crash CourseHTML/CSS Crash Course
HTML/CSS Crash Course
 
Getting Started in Tech
Getting Started in TechGetting Started in Tech
Getting Started in Tech
 
Build an App with JavaScript & jQuery
Build an App with JavaScript & jQuery Build an App with JavaScript & jQuery
Build an App with JavaScript & jQuery
 
Build an App with JavaScript & jQuery
Build an App with JavaScript & jQuery Build an App with JavaScript & jQuery
Build an App with JavaScript & jQuery
 
Build an App with JavaScript & jQuery
Build an App with JavaScript & jQuery Build an App with JavaScript & jQuery
Build an App with JavaScript & jQuery
 
Build an App with JavaScript & jQuery
Build an App with JavaScript & jQuery Build an App with JavaScript & jQuery
Build an App with JavaScript & jQuery
 

Recently uploaded

How to Check CNIC Information Online with Pakdata cf
How to Check CNIC Information Online with Pakdata cfHow to Check CNIC Information Online with Pakdata cf
How to Check CNIC Information Online with Pakdata cfdanishmna97
 
Choreo: Empowering the Future of Enterprise Software Engineering
Choreo: Empowering the Future of Enterprise Software EngineeringChoreo: Empowering the Future of Enterprise Software Engineering
Choreo: Empowering the Future of Enterprise Software EngineeringWSO2
 
TEST BANK For Principles of Anatomy and Physiology, 16th Edition by Gerard J....
TEST BANK For Principles of Anatomy and Physiology, 16th Edition by Gerard J....TEST BANK For Principles of Anatomy and Physiology, 16th Edition by Gerard J....
TEST BANK For Principles of Anatomy and Physiology, 16th Edition by Gerard J....rightmanforbloodline
 
Introduction to use of FHIR Documents in ABDM
Introduction to use of FHIR Documents in ABDMIntroduction to use of FHIR Documents in ABDM
Introduction to use of FHIR Documents in ABDMKumar Satyam
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodJuan lago vázquez
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamUiPathCommunity
 
Navigating Identity and Access Management in the Modern Enterprise
Navigating Identity and Access Management in the Modern EnterpriseNavigating Identity and Access Management in the Modern Enterprise
Navigating Identity and Access Management in the Modern EnterpriseWSO2
 
The Zero-ETL Approach: Enhancing Data Agility and Insight
The Zero-ETL Approach: Enhancing Data Agility and InsightThe Zero-ETL Approach: Enhancing Data Agility and Insight
The Zero-ETL Approach: Enhancing Data Agility and InsightSafe Software
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfOrbitshub
 
Vector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptxVector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptxRemote DBA Services
 
WSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering DevelopersWSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering DevelopersWSO2
 
API Governance and Monetization - The evolution of API governance
API Governance and Monetization -  The evolution of API governanceAPI Governance and Monetization -  The evolution of API governance
API Governance and Monetization - The evolution of API governanceWSO2
 
Decarbonising Commercial Real Estate: The Role of Operational Performance
Decarbonising Commercial Real Estate: The Role of Operational PerformanceDecarbonising Commercial Real Estate: The Role of Operational Performance
Decarbonising Commercial Real Estate: The Role of Operational PerformanceIES VE
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistandanishmna97
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Jeffrey Haguewood
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc
 
AI in Action: Real World Use Cases by Anitaraj
AI in Action: Real World Use Cases by AnitarajAI in Action: Real World Use Cases by Anitaraj
AI in Action: Real World Use Cases by AnitarajAnitaRaj43
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAndrey Devyatkin
 
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​Bhuvaneswari Subramani
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusZilliz
 

Recently uploaded (20)

How to Check CNIC Information Online with Pakdata cf
How to Check CNIC Information Online with Pakdata cfHow to Check CNIC Information Online with Pakdata cf
How to Check CNIC Information Online with Pakdata cf
 
Choreo: Empowering the Future of Enterprise Software Engineering
Choreo: Empowering the Future of Enterprise Software EngineeringChoreo: Empowering the Future of Enterprise Software Engineering
Choreo: Empowering the Future of Enterprise Software Engineering
 
TEST BANK For Principles of Anatomy and Physiology, 16th Edition by Gerard J....
TEST BANK For Principles of Anatomy and Physiology, 16th Edition by Gerard J....TEST BANK For Principles of Anatomy and Physiology, 16th Edition by Gerard J....
TEST BANK For Principles of Anatomy and Physiology, 16th Edition by Gerard J....
 
Introduction to use of FHIR Documents in ABDM
Introduction to use of FHIR Documents in ABDMIntroduction to use of FHIR Documents in ABDM
Introduction to use of FHIR Documents in ABDM
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 
Navigating Identity and Access Management in the Modern Enterprise
Navigating Identity and Access Management in the Modern EnterpriseNavigating Identity and Access Management in the Modern Enterprise
Navigating Identity and Access Management in the Modern Enterprise
 
The Zero-ETL Approach: Enhancing Data Agility and Insight
The Zero-ETL Approach: Enhancing Data Agility and InsightThe Zero-ETL Approach: Enhancing Data Agility and Insight
The Zero-ETL Approach: Enhancing Data Agility and Insight
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
 
Vector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptxVector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptx
 
WSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering DevelopersWSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering Developers
 
API Governance and Monetization - The evolution of API governance
API Governance and Monetization -  The evolution of API governanceAPI Governance and Monetization -  The evolution of API governance
API Governance and Monetization - The evolution of API governance
 
Decarbonising Commercial Real Estate: The Role of Operational Performance
Decarbonising Commercial Real Estate: The Role of Operational PerformanceDecarbonising Commercial Real Estate: The Role of Operational Performance
Decarbonising Commercial Real Estate: The Role of Operational Performance
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
AI in Action: Real World Use Cases by Anitaraj
AI in Action: Real World Use Cases by AnitarajAI in Action: Real World Use Cases by Anitaraj
AI in Action: Real World Use Cases by Anitaraj
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 

Build a Game with Javascript

  • 1. Build a Game with Javascript October 2017 WIFI: MakeOffices 5GHZ Password: Internet!23 http://bit.ly/js-game-dc 1
  • 2. Instructor Brittany Walker Thinkful Flex Student CSS Extraordinaire Wifi: MakeOffices 5Ghz Password: Internet!23 http://bit.ly/js-game-dc TAs 2
  • 3. About you What's your name? What brought you here today? What is your programming experience? Wifi: MakeOffices 5Ghz Password: Internet!23 http://bit.ly/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. http://bit.ly/tf-js-game-atlhttp://bit.ly/js-game-dc Wifi: MakeOffices 5Ghz Password: Internet!23 http://bit.ly/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 Wifi: MakeOffices 5Ghz Password: Internet!23 http://bit.ly/js-game-dc 5
  • 6. This is what we're making View example here Wifi: MakeOffices 5Ghz Password: Internet!23 http://bit.ly/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) http://bit.ly/tf-js-game-atlhttp://bit.ly/js-game-dc Wifi: MakeOffices 5Ghz Password: Internet!23 http://bit.ly/js-game-dc 7
  • 8. Defining a variable with Javascript var numberOfSheep = 20 Initialize variable Name of variable Value of variable http://bit.ly/tf-js-game-atlhttp://bit.ly/js-game-dc Wifi: MakeOffices 5Ghz Password: Internet!23 http://bit.ly/js-game-dc 8
  • 9. Variable examples Wifi: MakeOffices 5Ghz Password: Internet!23 http://bit.ly/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: IgniteHQ Password: igniteHQ http://bit.ly/tf-js-game-atlWifi: MakeOffices 5Ghz Password: Internet!23 10 http://bit.ly/js-game-dc
  • 11. Function examples Wifi: MakeOffices 5Ghz Password: Internet!23 http://bit.ly/js-game-dc 11
  • 12. If/Else Statements go to gas stationkeep driving if false if true need gas? family roadtrip Wifi: MakeOffices 5Ghz Password: Internet!23 http://bit.ly/js-game-dc 12
  • 13. If/Else Statements function familyRoadtrip() { if (needGas == true) { getGas(); } else { keepDriving(); } } http://bit.ly/tf-js-game-atlhttp://bit.ly/js-game-dc Wifi: MakeOffices 5Ghz Password: Internet!23 http://bit.ly/js-game-dc 13
  • 14. Comparing Values == (equal to) 5 == 5 --> true 5 == 6 --> false != (not equal to) 5 != 5 --> false 5 != 6 --> true Wifi: MakeOffices 5Ghz Password: Internet!23 http://bit.ly/js-game-dc 14
  • 15. If/Else Statements and Comparing Values Wifi: MakeOffices 5Ghz Password: Internet!23 http://bit.ly/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 Wifi: MakeOffices 5Ghz Password: Internet!23 http://bit.ly/js-game-dc 16
  • 17. Examples of parameters within functions Wifi: MakeOffices 5Ghz Password: Internet!23 http://bit.ly/js-game-dc 17
  • 18. Real developers use Google... a lot Wifi: MakeOffices 5Ghz Password: Internet!23 http://bit.ly/js-game-dc 18
  • 19. Glitch setup & first steps! http://bit.ly/tf-guessing-game Wifi: MakeOffices 5Ghz Password: Internet!23 http://bit.ly/js-game-dc 19
  • 20. Answers! Wifi: MakeOffices 5Ghz Password: Internet!23 http://bit.ly/js-game-dc 20
  • 21. Ways to keep learning 21
  • 22. For aspiring developers, bootcamps fill the gap 22
  • 23. 91%91% 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 23
  • 24. Our students receive unprecedented support Learning Mentor Career MentorProgram Manager Local Community You 24
  • 25. 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 25
  • 26. Thinkful Two-Week Trial Talk to one of us and email benjy@thinkful.combenjy@thinkful.com to learn more Two-week Free Course Trial Start with HTML, CSS and JavaScript Unlimited Q&A Sessions Option to continue with full bootcamp Financing & scholarships available Offer valid for one week after eventOffer valid for one week after event Benjy SchechnerBenjy Schechner Ed Advisor 26