網站前端

身兼設計師與工程師特質的角色。製作出符合實際需求,且易於維護的網站架構,是他的首要職責。須了解 HTML、CSS、Javascript 三項基礎網站語言。
找課程 技能樹
    • 基礎觀念與認知

      在這個階段您須要了解 網路如何運作,網站的基本構成,通訊協定與瀏覽器...等前端工程師所需的概念與工具。透過紮實的基礎知識,將讓您的學習更有效率。

      100
      Basic 基礎知識
    • 建置網站用的骨架

      構成網頁的「骨架」,學習網頁開發時的初始技能,您將透過它與CSS 和 JS的 搭配,製作出獨一無二的網頁。

      100
      HTML 語法
    • 開發網站用的裝備

      工欲善其事,必先利其器。除了寫網頁必備的「編輯器」外,您將能使用各式各樣的開發工具,解決工作上的問題,讓您的開發更加有效率。現在先入手一個網頁編輯器吧 !

      100
      開發工具
    • 網站視覺的主宰者

      可用來決定網頁外觀與視覺的技能,不論是排版`顏色`字體大小`背景`都可經由CSS 設置完成。

      100
      CSS 語法
    • 讓網站動起來的劇本

      簡稱js 語法,能夠提升一般網頁互動效果的技能,例如:彈跳視窗,點擊效果,亦可用來繪圖,用途相當廣泛。

      100
      Javascript 語法
    • 快速組裝網頁的材料包

      CSS 框架,是一套已經寫好的CSS 文件,各CSS 框架擁有不同的視覺風格和特性,讓您可以用類似「組裝」元件的方式,快速地建置網站的視覺畫面。

      100
      CSS 框架
    • 功能更強的網站骨架

      更新一代的HTML,支援更多的多媒體`離線等功能,可結合CSS 與 JS ,創造更棒的網站體驗,甚至能用來開發手機APP。

      100
      HTML 5 語法
    • 讓寫JS時變得更愉快

      透過JS函式庫提升開發的效率,並減少網站維護的複雜度,以及因瀏覽器不同所產生的問題,建議學習前先了解基本的JS 語法。

      100
      JS 函式庫
    • 創造不同裝置的體驗

      又稱適應性網站,目前網站前端開發技術的主流趨勢,能讓使用者隨時隨地,使用不同的裝置觀看您的網站。

      100
      RWD 響應式網站
    • 邁向JS高手之路

      了解進階的JS 語法應用,優化JS 代碼的品質與效能`降低大架構程式碼的複雜度,或是完成更艱難的任務所需的技能。

      100
      JS 進階