This document provides an overview and introduction to a computer coding course. It outlines that all computers will have Deep Freeze installed, meaning anything installed or saved will not remain, and that students have access to 30GB of free Google Drive storage. The course breakdown includes learning website coding like HTML5 and CSS3, as well as creating smartphone apps for Android and iOS. Grading will be based on coding projects, tests, homework, and participation. Various tools like Notepad++ and SDKs will be installed or available for students to use. The document then begins discussing website coding, starting with HTML5 and moving to CSS3, and providing examples of responsive website layouts.
2. NEW THINGS FOR
THIS SEMESTER
1. All computers have Deep Freeze
1. Nothing you install will stay
2. Nothing you save will remain
2. All students have Google Drive (with new email)
1. You all have 30GB FREE
2. SESO – Save Early, Save Often
3. All phones will be collected
1. (And occasionally returned for projects)
5. AND PARTICIPATION (50)
ATTENDANCE
• Expected
• All topics build upon
each other.
• Miss too many, you
can’t finish.
• Not graded
• (Included in
Participation grade)
PARTICIPATION
• In-class
• No sleeping
• No surfing while
lecturing
• No games/videos
• Weekly
• Blog progress report
• Homework question
• Graded weekly
6. TOOLS
• Pre-installed
• Lightshot (screenshots = press PrtSc)
• Filezilla (file uploads, if necessary)
• To-be-installed
• Notepad++ (web programming)
• Eclipse (Java + Android SDK)
• Xcode and iOS SDK for Windows
• Possibly?
• WAMP (for running a local Apache server)
• WordPress (if we get into WordPress dev)
9. WHY LEARN (WEBSITE*)
CODING?
• It’s fun.*
• It’s the easiest form of coding to begin with.*
• It’s quickly becoming an essential computer skill (coding
is becoming the new literacy).
• Coding jobs in the US will grow by 30% (twice the normal
rate) by 2020.
• “It teaches you how to think.” – Steve Jobs
12. WHAT ARE THE BASIC
PARTS OF A WEBSITE?
1. Header
2. Navigation
3. Sidebar
4. Body
5. Footer
http://net.tutsplus.com/tutorials/html-css-techniques/html-5-and-css-3-the-techniques-youll-soon-be-using/
16. CHECK OUT THESE
EXAMPLES
1. Korean Tourism Organization
1. http://english.visitkorea.or.kr/enu/index.kto
2. My Korean Learning Website
1. http://www.keytokorean.com/
3. TalkToMeInKorean.com
1. http://www.talktomeinkorean.com/
4. Smashing Magazine Web Design
1. http://www.smashingmagazine.com/
19. MORE COMPLEX
ELEMENTS
• Forms (multiple tags)
• Lists (for example)
• Ordered List <ol>
• Unordered List <ul>
• List Item <li>
• Tables (7 tags)
• Media (multiple tags)