建網大師

快速建構專屬個人網站

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

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