week 1 - intro to the internet
DESCRIPTION
TRANSCRIPT
- 1. Speaking in CodeIntro to the InternetBrian LeeCarolynn Vu (TA)
2. Speaking in CodeIntro: What is this Course? Improve Literacy: Programming is a foreign language Introduce Coding: Learn by doing not just reading Practicality: Ability to build!!! 3. Speaking in CodeIntro: What this course isnt! A formal computer-science course A lecture 4. Speaking in CodeIntro: Course Organization 9 weeks Weekly Codecademy lesson (in class) Session structure: Presentation and intro to concepts Codecademy lesson Sync-up and Recap 5. Speaking in CodeIntro: Contact Info Feel free to contact us! Me: [email protected] Carolynn: [email protected] Liel: [email protected] Please join the Codecademy Group to post questions http://bit.ly/speaking-in-code 6. Speaking in CodeIntro: Basic Course Layout Web Fundamentals/Basics: HTML/CSS (4 weeks) Intro to Programming: JavaScript (3 weeks) Another Programming Language: Python (2 weeks) 7. Speaking in CodeIntro: Prerequisites No formal prerequisites Familiarity with the Internet LAPTOPS! 8. Speaking in CodeWhat is the Internet? Cloud computing: All the rage! iCloud Dropbox Etc. 9. Speaking in CodeWhat the Internet is Actually Series of Tubes Network of networks Not some mysterious enigma: just a bunch of wiresand computers, Inter network 10. Speaking in Code 11. Speaking in Code 12. Speaking in CodeThe Internet AND the Web? The Internet is NOT the World Wide Web (www) Internet is a network Web is a set of documents, images, etc AKA files So how do they talk? 13. Speaking in CodeSo how do these networks communicate? Set of protocols -> rules: HTTP: HyperText Transfer Protocol (Web) FTP: File Transfer Protocol (Files) SMTP: Simple Mail Transfer Protocol (Email) XMPP: eXtensible Messaging and Presence Protocol (chatting via Gchat, FB Chat, etc) 14. Speaking in CodeWhy Learn HTML? Skeleton or Outline Organizes Content Webpages are written in HTML 15. Speaking in CodeOverview of Files We dont even realize how much we already know What happens when you open these files.docMicrosoft Word.mp3 Spotify, iTunes, etc .html Web Browsers 16. Speaking in CodeWeb Browsers: Read HTML Internet Explorer Safari Chrome Firefox 17. Speaking in CodeBrief Intro to Front-End and Back-End Front-End: In the browser While you are typing on your blog Styling, arrangement, etc. Back-End: In the server or back What happens when you save a blog post? Create an account? 18. Speaking in CodeWhere did these go wrong? Front-End or Back-End? 19. Speaking in Code 20. Speaking in Code 21. Speaking in CodeReady to Try It Yourself? http://codecademy.com/tracks/nyu http://bit.ly/htmlbasics 22. Speaking in CodeSync-Up! HTML = tags Open tags: , Close tags: , Close most recently opened tags first!