web development roadmap
TRANSCRIPT
Web Dev Roadmap給新⽣生的經驗分享
會講到什麼
• ⼀一個網站的組成
• 需要⽤用到的技術
• 到哪裡學它們
• ⼀一些學習⼼心得
First look
Server
Framework
DatabaseTemplate
Client
HTTP WebSocket
HTML/CSS/JS
Django, Rails, Meteor…
SQL, NoSQL…
Python, Node.jsGAE, AWS…
HTML, CSS• 組成網⾴頁的基礎
• 使⽤用者界⾯面設計
• Codecademy Courses: Build a website, HTML/CSS
JavaScript• 操作HTML/CSS,做動畫、互動效果(ex: jQuery)
• HTML5新功能: Canvas, WebGL 潮!!!
• Node.js 潮!!!
• Codecademy Course (Javascript, jQuery)
Python• Very Popular Language
• Easy, Simple to Learn
• Functional Programming
• Dynamical Typing
• Libraries!!!
• Web Framework
• Codecademy Course
• Udacity CS101
• checkio.org
Environment• Command Line
• Text Editor
Database• SQL
• NoSQL: MongoDB, Cassandra, Redis…
• Udacity CS253 Lesson 3
• Udacity Data Wrangling Course With MongoDB
Web Framework
• Python: Django, Pyramid, Tornado
• Node.js: Express, Sails, Meteor
• Ruby: Rails, Sinatra, Lotus
• Java, Scala: Spring, Struts, Play!
• 設定路徑
• 處理請求
• 操作資料庫
• 合成網⾴頁
=>把東⻄西兜在⼀一起