Hacking Web Games: Coding With Javascript and Modern Developer Tools
What's included
5 live meetings
5 in-class hoursHomework
1-2 hours per week. Mainly followups from the end of class so students remember/retain what they learned for next class. There's also optional reading here https://eloquentjavascript.net/ where we cover chapters 1-4.Class Experience
In this class, we'll go over basic computer science fundamentals while making them relevant by using them to hack online web games using Javascript. This class is a great introduction to the power of the web/programming while also being relevant to intermediate students who want to learn how to explore and actually use their knowledge. By the end of this class, your student will walk away empowered, curious, and ready to build on the fundamentals they've learned throughout our four sessions! In this exercise of reverse engineering, we'll get to learn about: -Using the browser development tools to look at the code of live websites -Learning how websites work and mesh together -HTML/CSS and Javascript -The Client-side/Server-side paradigm The Core Computer Science concepts we'll cover are: -Variables -Objects -Arrays -If Statements -Loops -Functions I like to mix it up between theory and practical application so you can expect these class sessions: Session 1: -Intro to Javascript What is programming? Getting familiar with the browser and the console. Use Browser Developer tools -Programming with the console Basic exercises with Variables. We'll learn the secrets of Javascript and do basic math! We'll learn how Javascript interprets different datatypes and operations Session 2: -The Client/Server Paradigm -Javascript Objects/JSON We'll code Javascript Objects! At the end of this session, your student will have a live code example. -Exploring basic web games How does code work to show up on your screen? Going over the client/server side paradigm -"Hacking" game 1 Using the console and game 1's source code to get infinite resources. Exercises modifying game 1 with previous computer science topics. Session 3: -Review Objects -Overview of Arrays/lists and loops -loop exercises. Session 4: -Introduce Functions since we've been using them throughout the course -Hacking Game 2 Going through Game 2's source code and typing relevant commands/code. Using functions and "hacking" Game 2.
Learning Goals
Basic programming principles and data structures: Variables, Objects, Arrays, Loops, and Functions.
Most specifically, we'll try to enforce the exploratory nature of programming and how life is about iterating/trying again even if you're possibly wrong or might fail!
Syllabus
5 Lessons
over 5 WeeksLesson 1:
Variables and Javascript in the Browser
We'll learn about basic programming principles and exploring Javascript/programming in Chrome's console using repl driven programming.
60 mins online live lesson
Lesson 2:
The history of Computing and Objects
In this lesson, we'll learn about the history of computing, from the origins to now. We'll also learn about objects, a fundamental concept for programming.
60 mins online live lesson
Lesson 3:
Server/Client Paradigm and Hacking our First Game
We'll learn about the internet and the server/client paradigm. We'll also review objects and hack our first web game!
60 mins online live lesson
Lesson 4:
Lists and Loops
This is a full hour of programming to explore arrays and loops.
60 mins online live lesson
Other Details
Parental Guidance
This class will require an account on repl.it and chrome installed!
We'll be using repl.it to run Node.js in the browser.
Supply List
We'll be using Chrome as our browser throughout the course. Any code editor is allowed!
External Resources
In addition to the Outschool classroom, this class uses:
Teacher expertise and credentials
When I was a kid, I designed Neopets and Myspace websites and for the last three years I've been the lead instructor of a brick and mortar afterschool coding program in San Francisco. I've been private tutoring/teaching programming and math for 5 years now and believe that the best coders are also the ones who enjoy it the most.
In my previous role, I learned that helping students develop a positive growth mindset were key to a successful classroom and, thankfully, coding is one of the best ways to do that. I love helping my students grow not just as engineers but as people who are empowered to do anything with the flexible skillset they gain while learning programming.
Before, I was a engineering/computer science teacher at a private high school in San Francisco.
As a result of my experience, I've come up with a lot of coding drills and analogies that make things simple for everybody while delivering the key concepts. That means we won't just be talking about coding but also about cooking, real estate, and more.
At the end of this course, students will hopefully want to learn more and be more willing to learn the drier more theoretical parts of Computer Science. Even if they don't, they'll walk away with the basic knowledge of how to work through things, take things apart, and put things together on the web!
Reviews
Live Group Course
$125
for 5 classes1x per week, 5 weeks
60 min
Completed by 1556 learners
Live video meetings
Ages: 10-15
4-8 learners per class
Financial Assistance
Tutoring
More to Explore
Body SafetyPm MiddleStudy HallTechniquesLatin ExamHow To Train Your Dragon DrawingScience DiscussMultiplication Fact Practice With Fun GamesUnited States GovernmentApplyingDebby HarrisonDaily Skills Practice With Reading Spelling Vocabulary And GrammarPower Of Impulse ControlIntroduction To Programming With CCoding Scratch