Web Development Roadmap @ TWCL

Transcript

1. Web Dev Roadmap 給新⽣生的經驗分享
2. 會講到什麼 • ⼀一個網站的組成 • 需要⽤用到的技術 • 到哪裡學它們 • ⼀一些學習⼼心得
3. First look
4. Server Framework Database Template Client HTTP WebSocket HTML/CSS/JS Django, Rails, Meteor… SQL, NoSQL… Python, Node.js GAE, AWS…
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! • 設定路徑 • 處理請求 • 操作資料庫 • 合成網⾴頁 =>把東⻄西兜在⼀一起