DAY 1 - Coding! Today you are students…
HOME | TEAM | MONDAY | TUESDAY | WEDNESDAY | THURSDAY | FRIDAY
We’ll start with an introduction to your instructor & staff team and an introduction to what you’ll be doing and what you can expect this week. Today is all about an introduction to “coding”, or “programming” – what it is, what you can do with it, why it’s great – and why and how it can be frustrating, even though it is also valuable, powerful and cool. And, of course, some ways of dealing with that frustration and doing detective work to solve problems that can help build things for real people.
Approximate Agenda
- 9:00 - 9:45: Welcome, introductions, icebreakers
- 9:45-10:15: What is Computer Science? Introduction to the week
- 10:15-10:30: Group guidelines, setting up your laptops
- 10:30-11:00: Intro to HTML and Designing a web page
- 11:00-11:05: 5 minute break
-
11:05-12:00: Building and debugging your own website!
-
12:00-12:45: Lunch
- 12:45-1:35: Intro to JavaScript (a programming language)
- 1:35-2:15: Working with JavaScript code!
- 2:15-2:45: Debugging code & strategies
- 2:45-3:00: Conclusion
Resources for today
General
-
CodeLab ONLINE TOOL - http://bit.ly/codelabtool - This is the tool we will use for ALL typing code and structure we will do! We’ll explain tricks for how to use it.
- Sometimes, though the CodeLAB tool is awesome, it may do an unexpected thing, because a tool that does this stuff is actually pretty complicated and can’t do everything just right. If you are confused that something weird is happening, flag down a TA or instructor and we will help you out!
- Note: The CodeLAB tool does not auto-save. You have to press the download button to save your code!!
HTML resources
-
HTML examples and links - http://bit.ly/html-try-sg
-
HTML and CSS examples - http://bit.ly/html-css-sg
JavaScript resources
- JavaScript code to copy - http://bit.ly/jscode-ex
NOTE ^ You’ll have to scroll down to find the complete web page with the program in it! Take a couple minutes to read through.
-
Rock Paper Scissors code - the original - http://bit.ly/RPScode
-
Debugging JavaScript - Rock Paper Scissors code - http://bit.ly/RPSdebug
Other
TBA - we may include additional resources about Sublime Text or other programs you can use for coding!