1. Web Dev Roadmap
給新⽣生的經驗分享

2. 會講到什麼
• ⼀一個網站的組成
• 需要⽤用到的技術
• 到哪裡學它們
• ⼀一些學習⼼心得

3. First look

4. GAE, AWS… Python, Node.js
Server
Framework
Template Database
Client
HTTP
WebSocket
HTML/CSS/JS
Django, Rails, Meteor…
SQL, NoSQL…

5. Git
• 版本控制系統
• 利於協作
• Git on GitHub
• Codeschool Try Git

6. HTML, CSS
• 組成網⾴頁的基礎
• 使⽤用者界⾯面設計
• Codecademy Courses: Build a website, HTML/CSS

7. JavaScript
• 操作HTML/CSS，做動畫、互動效果(ex: jQuery)
• HTML5新功能: Canvas, WebGL 潮!!!
• Node.js 潮!!!
• Codecademy Course (Javascript, jQuery)

8. Python
• Very Popular Language
• Easy, Simple to Learn
• Functional Programming
• Dynamical Typing
• Libraries!!!
• Web Framework
• Codecademy Course
• Udacity CS101
• checkio.org

9. Environment
• Command Line
• Text Editor

10. Database
• SQL
• NoSQL: MongoDB, Cassandra, Redis…
• Udacity CS253 Lesson 3
• Udacity Data Wrangling Course With MongoDB

11. Web Framework
• Python: Django, Pyramid,
Tornado
• Node.js: Express, Sails,
Meteor
• Ruby: Rails, Sinatra,
Lotus
• Java, Scala: Spring,
Struts, Play!
• 設定路徑
• 處理請求
• 操作資料庫
• 合成網⾴頁
=>把東⻄西兜在⼀一起