駭客網頁遊戲：使用 Javascript 和現代開發工具進行編碼
透過破解網頁遊戲來學習程式設計、電腦科學和 Javascript。編碼是一個很好的工具，可以讓你好奇的學生或遊戲玩家成為電腦程式設計師，並擁有他們每天、任何地方都可以使用的技能。
Terence Yang [ Video Games + Coding + Javascript ]
平均評分：
4.8
評論數量：(326)
包含什麼
5 現場會議
5 上課時間作業
每週 1-2 小時. 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.我們無法翻譯此文，請刷新頁面並再試一次。
課堂經歷
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.學習目標
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!
教學大綱
5 課程
超過 5 週課 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 分鐘線上直播課
課 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 分鐘線上直播課
課 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 分鐘線上直播課
課 4:
Lists and Loops
This is a full hour of programming to explore arrays and loops. 60 分鐘線上直播課
其他詳情
父母的引導和規範
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.
供應清單
We'll be using Chrome as our browser throughout the course. Any code editor is allowed!
外部資源
除了 Outschool 教室外，本課程也使用：
已加入 August, 2018
4.8
326評論
教師專業知識和證書
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!評論
現場團體課程
US$125
用於 5 課程每週1次，共 5 週
60 分鐘
有1556 位學習者完成此課程
即時視訊會議
年齡: 10-15
4-8 每班學員人數
