Welcome to the Learn to Code For Educators Course from Awesome Inc U! Our goal is to help educators learn the basics computer programming so they can help their students learn to code .
Link to this document: http://www.awesomeincu.com/notes/k12-teacher
Prerequisites
- The ability to type text on a computer (e.g. write an email, edit a Word document)
- Access to a computer with OSX/Windows/Linux or a ChromeBook (must have a keyboard, modern web browser, permission to install programs)
- We’ll be using Google Chrome, but any modern web browser will work
- Experience using a variety of websites, games, and apps
What you’ll learn
- How computers work (hardware and software)
- Introduction to Computer Science (variables, logic, control, algorithms)
- Overview of programming languages
- How to develop across popular platforms (web, mobile, video games)
- Activities on a variety of popular learn-to-code platforms (Scratch, Codecademy, Khan Academy)
- Create accounts on popular blog and website hosting services
- Sandbox time with 1-on-1 support from our instructional team
Course material
Schedule
9am
- Course overview
9:30am
- Sample Hour of Code
- Programming with Visual Blocks
- Angry Birds and Plants vs Zombies
- Finished? Try: Kodable, Light Bot, TouchDevelop
- Programming by Writing Code
- Making Art with Code
- Setup
- Launch
- Resources - http://www.awesomeincu.com/hoc2/
- Answering questions
- Wrapup
- Next Steps
11am
- Break: Around-The-World Ping Pong
11:15am
- CS Topics - slides
- Hardware
- Computers and their parts
- Computers vs Mobile Devices
- How the Internet works
- The Web vs the Internet
- Software
- Applications, programs, scripts
- Data
- Programming Languages
- Interpreted vs Compiled
- HTML, CSS, JavaScript, media, plugins
- Text Editor - Sublime Text, Notepad++
- Terminal
- Computer Science
- Computers only do what we tell them to do
- Logic
12pm
- Lunch break
1pm
- Writing our own code: JavaScript
- Let’s use JSBin
- To The Slides!
- Hello World
- console.log();
- Pop Up Boxes
- Math
- Addition
- Multiplication
- Variables
- strings
- numbers
- Comparisons
- Less Than, Greater Than, Equals
- If...Else statements
- Loops
- Bonus
- Overview of popular Programming Languages
- JavaScript
- Remember this from Codecademy?
- PHP
- Interpreted. Used for web (Facebook, Wikipedia, WordPress)
- Python
- High-level, Interpreted.
- Used for web (Django), science
- Ruby
- High-level, Interpreted, Object-Oriented.
- Commonly associated with Ruby on Rails framework (Groupon, Twitter)
- Objective-C
- Compiled. Used for iPhone apps
- C / C++
- Compiled, used for...everything
- Java
- Compiled. Used for business, Android apps
- Not the same thing as JavaScript
- C#
- Developed by Microsoft
- Popular with large organizations (Humana, etc)
- Also used for Unity3D game development
- HTML & CSS
- Note: these are not actually programming languages, but Markup and Styling languages
1pm
- Making Web Pages
- Chrome Dev Tools and the Awesome Inc Twitter page
- Mozilla Thimble and X-Ray Goggles
- Editey.com (via Google Drive accounts) - Nick’s Sample Page
- Mozilla Dev Network - HTML Element Reference
- Integrate some JavaScript, more JS
- Make it pretty with CSS
- Learn how to Design for Digital
- Turning Web Pages into Websites
- Buying a domain name (eg GoDaddy)
- Hosting your files on your own server or “in The Cloud”
- Wordpress.com or Tumblr.com are free!
- Check out Weebly, example is 5 Spot Shirts
- Anyone have a blog/site on the Web?
2pm
- Making Mobile apps
- iPhone app demo with Xcode
- Hello world!
- Get Xcode and start developing for free! (Mac only)
- Try iOS with Codeschool
- Android app demo with ADT Bundle (Eclipse)
- Hello world!
- Get ADT Bundle and start developing for free! (Win, Mac, Linux)
- Note: avoid Android Studio for now
- Challenges
- Testing on a variety of devices
- Deploying to app stores
- “Monetization” and marketing
- Memory management
3pm
- Break - Around The World Ping Pong
- Break - Rock, Paper...War
3:15pm
- Making Games
- Unity3D - free and powerful game development platform (download Unity)
- Unity 3D demo project - Roll-A-Ball
- My code: https://github.com/nicksuch/roll-a-ball
- Other things made with Unity3D
- Popular in lots of schools
- Code.org
- Make a Flappy Bird game
- Rock, Paper, Scissors...in code
3:45pm
- Review Additional resources
- Web
- Mobile
- Games
4pm
Outcomes
Know how to run an Hour of Code in your school
Open a computer to see how it works (hardware and software)
Understand basics of Computer Science (variables, logic, control, algorithms)
Write JavaScript and looked at other Programming Languages
Write some HTML and CSS
Learn how to develop for popular platforms (web, mobile, video games)
Take home list of learn-to-code platforms (Scratch, Codecademy, Khan Academy)
Sample Code
JavaScript: http://jsbin.com/porotoge/1/edit?js,console
Web Page: https://thimble.webmaker.org/en-US/project/57136/edit
Additional resources
- Local
- Awesome Inc U - that’s us! 1-Day, online, Membership, Summer Camp
- Velocity Indiana - 2 min from downtown Louisville, Minecraft & programming
- Newton’s Attic - engineering & programming after-school
- TLS Coding Club - Jamie Lassman
- Project Lead The Way
- TEALS from Microsoft
- AdvanceKentucky - great video on Computational Thinking!
- Lex Ladies Code - social learn-to-code club, ladies only
- RunJumpDev - video game developers meetup group
- Online
- Awesome Inc U - Udemy courses
- Codecademy - interactive Web Development tutorials
- Khan Academy
- Code.org
- Learn Python The Hard Way
- Alice - learn programming in a 3D environment
- CS Unplugged - online resources for offline activities
- Web
- Codecademy Web Track
- Awesome Inc U Basic Web course (in-person, online)
- Create Chrome Apps
- Mobile
- iOS - Ray Wenderlich tutorials, AincU iOS Course (in-person, online), CC on Udemy - https://www.udemy.com/1-day-intro-to-ios-and-app-building/
- Android - Official Training
- Games
- Classroom tools