Menu

網頁開發線上課程

15天讓你掌握前端工程師核心技能
線上發問學習不卡關

立即註冊 - 領取120分鐘免費課程
切版秘笈 - 網頁切版教學

切版秘笈 - 網頁切版教學

Taker 準備了 3 種常見的切版案例,帶你透過切版練習 HTML 與 CSS 入門語法,了解網頁 Layout 的架構。

註冊中...
註冊成功!請收取 Email 領取課程 :D
註冊失敗,請聯繫 [email protected]

Meet Taker

Taker

大家好我是 Taker,我創辦了「網頁基礎15天」的線上訓練課程,這個課程幫助了許多的學生,釐清他們的觀念,也讓許多從來沒碰過網頁的朋友,學了兩三天,就可以開始刻出簡單的畫面。

在這幾年的教學過程中,看著學生從別的領域跳到網頁的領域。有的開始去做相關的工作,或者是去新創團隊,有的還跟我合作接案,並且持續的幫助新來的同學。

這些過程非常有趣,而且很開心,希望我的課程能夠幫助更多對網頁有興趣的朋友們 :)


授課單位
01

What you get

15天的學習旅程

15天掌握前端工程師必備職能,從學習基礎 HTML、CSS 入門開始打好基本功,接著運用現代熱門網頁框架與函式庫,大量實作網頁開發案例,讓你馬上輸出新知識,內化成自己的能力!
  • day 3

    動手寫網頁

    7 hr 8 hr

    三天,別人還在看 HTML 跟 CSS 屬性
    這些你都會了,還能把一個完整的網頁寫出來

  • day 6

    實戰技巧

    8 hr 10 hr

    學會使用更多工具、更多基礎、以及真實接案時會使用的技巧
    搭配更多實戰練習,讓你 level up up up!

  • day 9

    簡易特效、功能、後台串接

    7 hr 7 hr

    學會使用【程式】控制網頁,ex: 網頁特效、Gmail 介面操作、API 的串接等
    讓你有能力做出畫面活潑、有功能的網頁

  • day 11

    手機版網頁

    3.5 hr 4 hr

    2017年 有 75% 的人使用手機上網,支援手機已成為必要條件
    該怎麼設計、該怎麼做?到這裡就會明瞭

  • day 13

    網頁開發加速器

    4.5 hr 6 hr

    網頁有很多類似的架構,重寫很浪費時間
    透過工具快速把架構建立起來,大大加速網頁開發的時間

  • day 15

    前端全技能

    4 hr 3 hr

    15天,從網頁基礎、實戰練習、功能、特效、手機版網頁
    包含網頁動畫,遇到活動型網頁也難不倒你

02

classes

課程內容

前端基礎【六大主軸】
網頁基礎15天

網頁基礎15天

套裝優惠價 $12,500

原價 $15,000

包含以下6門課程
HTML、CSS、jQuery、AJAX、RWD、Bootstrap、CSS3 animation

HTML+CSS

$6,000

初學者必備!

HTML+CSS 是【15天】最重要的單元
透過基礎、架構、實戰練習,讓你徹底掌握切版技巧

jQuery

$3,000

使用程式控制 HTML/CSS,讓你完全的操控網頁
特效、使用者介面、互動、功能,都能透過 jQuery 完成

AJAX

$1,000

快速上手【前後端】與【API】的串接
像是跟後台要 blog 文章、Gmail 要 email 內容、或是跟 instagram 要最近 50 張熱門照片,都輕而易舉

RWD

$2,500

超過 75% 的人使用手機上網
學習 RWD 設計模型、以及實作技巧,讓網頁跳到手機上!

Bootstrap

$1,500

【Don't reinvent the wheels】
Bootstrap 把常見的網頁元素用 HTML/CSS/JS 寫好,大大節省網頁開發時間!

CSS3 animation

$1,000

「這特效好酷!」特效總是令你眼睛發亮嗎
除了讓你能自行分析,還會教你規劃、設計、操作網頁內的效果

03

Why 15 days

選擇
「網頁基礎 15 天」
的理由

CodecademyTreehouse 這樣免費的、便宜的課程那麼多
為何選「網頁基礎 15 天」?
  • 基礎
  • 架構
  • 完整的練習
  • 2-3 個案子的實作
  • 成為前端工程師
成為前端工程師
路徑
一般課程
缺乏完整的架構與練習
網頁基礎 15 天
完整的架構,只需 2-3 個 project 的實作就可以加入前端工程師的行列
立即註冊 - 領取120分鐘免費課程
04

recommendation

學員推薦

來聽聽上過課的同學怎麼說

(節錄)

雖然是說網頁基礎練習15天,但其實裡面所涵蓋的知識,絕對不只有單單影片的時數。
自己因為接觸網頁有一段時間,上Taker老師的課程,可以感覺到 即使是一個小範例,都涵蓋了很多很多的網頁相關知識與眉角在裡頭。

我只能說,老師授課內容
句.句.是.精.華    字.字.是.重.點 的呀

建議想學習的人可以從課程大綱,先了解老師的教學結構
老師的編排 是非常有系統漸進式的規劃,透過這種方式,更能夠清楚理解各個章節的內容,加強吸收效果


LaLa

Designer

老師上課內容很豐富、講解很仔細,也了解設計師在什麼地方問題會比較多。
也提到很多的細節,像 CSS 的命名、程式碼順序、實作原理等等,我覺得這是平常比較少遇到的。

他的經驗跟技巧,都不藏私的跟我們講,對我實作的幫助很大!


Olivia

Designer

我曾經自學 HTML 與 CSS 超過 50 個小時
但缺乏老師帶、以及合適的練習,一直無法把已經學會的東西串連在一起。

Taker 上課的方式是從「規劃」開始,談怎麼規畫網頁的架構;接著再慢慢教一個一個元素,每教一個新的元素,會把過去學習到的,結合在一起,就不會產生「學一個、忘一個」的窘境。

除此之外,Taker 的課程還有扎實的 practice,practice不是「叫學生練習」,而是 Taker 將作業實戰出來。過程當中,可以看一個 senior 的工程師如何拆解問題、打 code 的邏輯是什麼。照著模仿老師的打 code 習慣、思考路徑,讓我真正學會 HTML、CSS!


Yeng

科技業業務

(節錄)

HTML、CSS 講的淺顯易懂
課後綀習非常札實,練習也手把手教學、解答
透過 slack 討論區,分享、解說學員學習上的問題

售後服務:
  • 結業後 slack 依舊開放
  • 影片無限觀看 (線上課程部份)
結論:
  • 對入門新手來說可省去不少時間
  • 而且 slack 成員間互相分激勵更能增加學習效果

WeakBoy

學生

學習網頁設計就像在學習搭建房子,首先要把整體架構搭好,然後一層一層的逐步美化。
Taker 老師的課在最短時間內,將搭建整體框架的技巧教給我們。
或許這個課程不會把所有完善網頁的功能都介紹到,但是它把最基礎、也是最重要的部分都教給我們。

當透過課程讓我們的能力從 0 到 1 後,後續如何再進行更細部的設計,學習起來就非常快,很值得推薦的入門課程。


Leo

光電產品開發 RD、PM

Taker 老師的課程有經過設計,大多數的課程都有影片,絕對比只有看文字敘述來的清楚而容易。

老師在前端的技能上非常的專業,其實學習是這樣子,學到能用是一個境界,老師的境界又更高一層,往往前端有什麼問題他可以很詳細的跟你解釋到底發生了什麼事情,應該要怎麼調整,上老師的課程受益良多~


511

自由業

相信有不少人都曾在學習的路上付出了不少時間跟金錢,卻仍沒辦法打通對於前端的了解。 前端的資源在網路跟書局絕對是琳琅滿目的,但幾乎都是針對「語言」、「語法」。 就像字典一樣,光看字典是寫不出好的文章的,而學習前端的道理也一樣。

學習最重要的是從做中學,透過實作來驗證自己的學習,不然讀再多的書都是枉然。

以自學前端的話,我很推薦 Taker 老師的「網頁基礎 15 天」來當作學習教材。
課程內容循序漸進,而且 Taker 的講解也相當清楚,可以讓學生在最快的時間,就摸懂前端要學習的內容並跟著動手做,進而打造出實用的網頁。


Shou

軟體設計部門工程師

從前看到一些很炫的網站,都覺得自己一定沒辦法做到,而 Taker 的課程學到如何畫 wireframe,藉此規劃整個 HTML 語法,而後便是利用 CSS 完成整個版面配置,讓各個元件擺到到專屬的位置。

當骨架都完成之後,再為他們穿上屬於美麗的衣服,而一個炫麗又吸引人的網站就產生了。


Jackal

學生

Taker 影片系統性的教學,比自學看書更如容易吸收,讓我學會觀念、實作、及如何用開發工具增加效率。


Eric

作業員

Taker 老師,很替你高興
這門課台灣很需要,能教好的人不多
向大社會推廣,真的很不容易


Kong P.

 

教學片段

親自體驗一下
立即註冊 - 領取120分鐘免費課程

Q & A

問與答

關於課程

我完全沒相關經驗/初學者/設計師,也可以學【網頁基礎15天】嗎?會不會跟不上?

可以喔!因為這門課原本就是開給設計師朋友的,專門針對初學,從零開始手把手教起。只要好好上課,就沒有問題的 ;)

請問上課的時間與地點?

【網頁基礎15天】是線上課程,報名完成後,隨時隨地、失眠睡不著,都可以上來看課程影片。
課程也會搭配電子檔講義喔。

請問課程有觀看期限嗎?怕有時候比較忙沒時間追進度

沒有限制喔,上完之後,隨時都可以回來複習!

觀看課程以及練習中,如果遇到問題,我該如何求助?可以問老師嗎?

有,購買後,Taker 會邀請你進入 Slack 群組,不只可以問老師,還能跟同學討論喔!

線上課程的時數?

總共:34 hr,分別是:
HTML+CSS:15 hr/jQuery:4.5 hr/AJAX:2.5 hr
RWD:3.5 hr/Bootstrap:6.5 hr/CSS3:2 hr

請問已經上過一些 HTML、CSS 的人,還需要購買嗎?不知這部份的內容與一般有何差異?

其實 HTML+CSS 是這裡面最重要的課程,他包含了 8年 的實戰精華。
HTML、CSS 大家都學過啊,那初學者的 HTML/CSS 跟資深的 HTML/CSS 為什麼差那麼多?

HTML 主打架構:
一般教學做比較簡單,你感受不到 HTML 架構的重要性。
所以常常自己要做一個畫面的時候就做不出來、或者改一個東西就爆掉,那就是架構沒做好。

CSS 主打清晰的觀念、正確的使用方式:
一般來說,光是搞清楚 CSS 就可能需要花費至少 3年 的時間。CSS 複雜難理解,有時候還需要不同的 CSS 做搭配。
Taker 把清楚的觀念、該怎麼互相搭配、以及正確的使用方式都教給你。

實戰練習(精華):
一般課程的練習規模較小,只能得到成就感。
然而實戰練習才是真正可以帶你上戰場的好朋友。

業界專用的小撇步:
這些主題比較小,一般的課程也比較不容易談到這塊,但我們天天在用,怎麼可以不教給你們呢?

HTML 架構、CSS 的清晰觀念、實戰練習、小撇步,是 Taker 這幾年上戰場的精華,請不要錯過了~

有接案課程嗎?

目前有在規劃類似的訓練,將提供給上完【網頁基礎15天】的同學

學完【網頁基礎15天】可以變前端工程師嗎?

不行。不過也只差一點點。
學完之後基本的技術你都會了,剩下的只有實戰的練習,就可以成為獨當一面的工程師。
一般我會建議從自己身邊的朋友、親戚,有需要做網頁的,可以試試看。

另外,我們也在規劃實戰訓練的內容,希望能補足最後這一里路。

網頁要學的東西那麼多,我做了3年都學不完了,15天能學到什麼?

基礎。

一開始我也沒規劃說要幾天的課程,但透過經驗,把最需要的基礎整理出來
加上不斷調教課綱,做出更好吸收的【網頁基礎15天】版本

沒錯,光是基礎我就花了3年的時間自學,所以15天聽起來是天方夜譚
不過當我看到學生第二天就寫出網頁,最後對網頁也有通盤的瞭解,就知道這15天值了!

你的權益

購買課程後可以退費嗎?

購買 30 天內,不管任何問題,皆可全額退費。

無法付款或者付款失敗,我該怎麼辦?

可透過 Facebook 訊息 或者 Email 聯絡 Taker。

公司報帳方式

因為是私人單位,所以無法開發票。
如果要報公帳申請公司補助,可與貴公司人事單位索取「個人所得申請單」,讓我簽名即可。
另外,公司報帳會增加一筆所得稅費用。

帳號僅限本人使用

課程內容僅限購買人本人使用,如系統偵測到帳號有過多裝置與IP,將會自動鎖定該帳號。
如課程供多人使用屬實,將永久鎖定該帳號。