前端。掌握你的網路體驗

By~罐罐XD
20170626

無論你是否該走向前端之路，不可不知的前端事

什麼是前端工程

前端

定位

目的

工具

好的設計

前端

他們是你的好朋友

但是他不是

前端 x 目的

就是要好好的調教你的瀏覽器

讓他能完美的呈現每個人看到的樣子

前端

設計

UI/UX

弄網路架網站

前端

UX設計師

後端工程師

平面設計師

前端

UX設計師

後端工程師

平面設計師

前端

UX設計師

後端工程師

平面設計師

前端

UX設計師

後端工程師

平面設計師

嘿嘿，底迪開心就好??!

前端

UX設計師

後端工程師

平面設計師

幹沒錢請人

前端工程師

後端工程師

UX設計師

平面設計師

欸欸前端阿
據說你會設計網頁喔
那就給你畫圖吧

阿對網頁流程
一起想一下吧

前端工程師

後端工程師

幹

前端 x 定位

扮演團隊裡的整合溝通的角色

也許你的工作看起來一點也不出色

但是一點也不簡單

你只要按照我畫的做出來就好!!

你有設計圖了
做出網站
應該不難吧

你做網頁只要套版型就好了，很簡單啊

我不要圖片，
幫我換成影片，我不要這個欄位了，換成...

舊時代的設計

惱人的廣告

資料載入太慢

不良設計體驗

找不到重點

路由繁瑣複雜

失敗的RWD
濫用的class, CSS
...

換個角度想，你是工程師，也是個設計師!!

用你的工程之力，去設計你的作品

那麼我該怎麼做呢??

Front End Skill Tree

Basic Front End

Front End Developer (CSS Side)

Front End Developer (JS Side)

Front End Developer (Common)

什麼!!?居然要學那麼多??

不只如此，前端至目前為止還是新興的行業
新套件出現越來越多，每年的潮流也不一樣

BUT

這不代表舊東西就不能用!!

你一樣可以用jQuery來做，不代表你就一定非用Vue不可

前端 x 工具技術

HTML、CSS、JavaScript

你是一位設計師，你學了一大堆東西

這些都只是你創作的工具而已

你應該更著重在你的作品上

為什麼一定要按照這些版行做呢??
讓我們打破這個框框吧!!!

誰說網頁一定只能平面設計的??

誰說網頁只能單純圖文畫面??

誰說網頁只能單純圖文畫面??

誰說網頁只能單純圖文畫面??

誰說網頁只能向下滾動??

然而可怕的是
這些不全是用現在流行的套件寫出來的

也就是說，透過CSS、JS、jQuery...
也能做出這樣的效果