建網大師
快速建構專屬個人網站
Presenter: 資工三B 劉冠林
Members: 劉冠林、黃楷傑
Professor: 潘孟鉉
劉冠林
淡江資訊工程三年級
- 前端工程師 ( Front-End Engineer)
- 其餘從事接案、設計美編...
- 工作: MyProGuide 主前端工程師
建網大師 - 快速建構專屬個人網站
專題Slide: https://slides.com/jasonxddd/quick-build-your-website/live#/
銳綸數位
WE
NEED
更簡潔
更好用
更靈活
更風格
架構網站的平台
快速建構專屬個人網站
建網大師
- 即時預覽,不須等待完成才看到
特色
FEATURE
- 暢通無阻,載入一次切換不卡頓
- 即時預覽,不須等待完成才看到
特色
FEATURE
- 即時預覽,不須等待完成才看到
- 暢通無阻,載入一次切換不卡頓
- 一鍵完成,輸入完一鍵產生網站
特色
FEATURE
LIVE
DEMO
What's
Amazing
Angular 2
SPA 網頁應用程式
\最新最潮的/
Angular 2
SPA 網頁應用程式
\最新最潮的/
MV* Structure
暢通無阻
ViewComponent
CtrlComponent
View.page.title
View.page.nav
View.page.
background
Ctrl.page.title
Ctrl.page.
background
Ctrl.page.nav
暢通無阻
ViewComponent
CtrlComponent
View.page.title
View.page.nav
View.page.
background
Ctrl.page.title
Ctrl.page.
background
Ctrl.page.nav
大幅減少伺服器請求
1. 第一次完成所有載入,不須等待請求頁面
2. 資料與畫面綁定,透過前端就能管理資料流動
暢通無阻
資料與畫面綁定
透過前端就能
管理資料流動??
Template ( View )
即時預覽
Template ( View )
page = { title: "新的世界-101" ... }
Component ( Module )
即時預覽
Template ( View )
page = { title: "新的世界-101" ... }
Component ( Module )
Template ( View )
即時預覽
一鍵完成
透過Angular 2的強大資源
建網大師
就此誕生!!
我的未來
這次專題作為一個建構網站的雛型
還有非常大的發展空間
建網
大師
我的未來
這次專題作為一個建構網站的雛型
還有非常大的發展空間
建網
大師
樣式
+
更靈活、更多變
更豐富的建構網站...
=
我的未來
這次專題作為一個建構網站的雛型
還有非常大的發展空間
建網
大師
版型
+
使用者上傳版型、
更加不同版型搭配...
=
我的未來
這次專題作為一個建構網站的雛型
還有非常大的發展空間
建網
大師
伺服器
+
網站代管、
建網直接啟用...
=
我的未來
這次專題作為一個建構網站的雛型
還有非常大的發展空間
建網
大師
??
+
=
??
快速建構網站不是夢
End
THANKS
FOR
LISTENING
Quick-Build-Your-Website
By Jason Liu (罐罐)
Quick-Build-Your-Website
- 334