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