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

會講到什麼

• ⼀一個網站的組成

• 需要⽤用到的技術

• 到哪裡學它們

• ⼀一些學習⼼心得

First look

Server

Framework

DatabaseTemplate

Client

HTTP WebSocket

HTML/CSS/JS

Django, Rails, Meteor…

SQL, NoSQL…

Python, Node.jsGAE, AWS…

Git• 版本控制系統

• 利於協作

• Git on GitHub

• Codeschool Try Git

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!

• 設定路徑

• 處理請求

• 操作資料庫

• 合成網⾴頁

=>把東⻄西兜在⼀一起