聯繫我們
加入好友

網頁前端設計女性專班

讓你從零基礎到創作自己網站!

在彼此身旁都是女性的環境裡,女孩們一起交流討論,不再因為「男生才會寫程式」的想法而害怕與同學交流,講師以活潑有趣的方式一步一步耐心指導,穩紮穩打網頁前端基礎,並有助教課幫助課後吸收,讓妳從零基礎前進網頁設計師之路。

現在報名只要 NT$21,000
  • 線上補課
  • 結業證書

講師介紹

使用者大頭貼

李建杭 Amos Lee

從視覺設計轉職前端的斜槓開發者,活躍於臺灣各大技術研討會,熟稔 HTML & CSS、Bootstrap、RWD、CSS3 等,為國內知名前端技術講師。
2018 年成為 Youtuber,致力於使用簡單易懂的方式讓新手能夠輕鬆學習前端開發技能。
iT 邦幫忙鐵人賽連續三屆冠軍、連續兩屆優選,於 2020 出版「金魚都能懂的 CSS 選取器:金魚都能懂了你還怕學不會嗎(iT邦幫忙鐵人賽系列書)」一書,除了熱衷於牛排的熟成,目前日益精進於釣魚技能。

適合對象

  • 嘗試程式領域的妳。
  • 提昇網頁學習效率者。
  • 視覺 / 網頁設計師自由接案者行銷人員PM 專案經理等,想更了解網站技術的朋友。

課程特色

🔸 基本觀念超扎實

把程式原理用生活化的方式舉例,淺顯易懂,舉例來說,如果我們想給一個人大概用外型分類,可能會有短髮的、咖啡色頭髮、高的...等等的方式。如果把 HTML 比喻成是一個「人」,而這些不同的「分類方式」(短髮的、咖啡色頭髮、高的),就是 class ,那一個人的身上可以有很多不同的「 class 」。

🔸 做出你想像中的網站

在網頁設計中的第一步就是切版,Amos 老師有獨家的切版神技,可以教會你做出任何你想像中的網站該有的樣子。

🔸 做出了網站卻沒有人來

SEO 可以為你的網站帶來免費源源不斷的人潮,SEO 的重要大家都知道,但坊間的課程多半不會強調,我們會在課程中告訴你在什麼情況,該使用什麼標籤,該如何思考網頁的結構,才能做出擁有好 SEO 的網站

🔸 學完怕記不住

Amos 老師是常年的心智圖使用好手,課堂中先讓你理解程式的基礎觀念後,還能手把手帶你用心智圖歸納整理,讓你理解後還能記得牢!

最最最重要的一點,Amos 老師獨家給五倍的學員專屬 code review 服務!
學習程式的一大關鍵就是 不僅把程式觀念說清楚,還能給你簡易明瞭的操作步驟,且在你實際寫出一些東西(code)後,講師能針對你的東西,幫你釐清程式思考的脈絡,如此你才算是真正的學會了!
而「講師能針對你的東西,幫你釐清程式思考的脈絡」通常在業界的說法是「code review」!這也是本課程的重要特色,Amos 老師會給每一位學員做 code review,以幫助於達到最大的成效!


網頁設計課程包含 HTML、CSS、 jQuery,讓新手的妳從零基礎到實作出自己的網站,前端網頁設計女性班課程強調頁面規劃與結構設計,除了基礎教學外,也提供許多實務上專案合作時的技法,業界經驗豐富的老師不藏私,通通傳授給妳!讓妳實作出屬於自己的網頁。

🛠 使用 HTML 來打造網頁基礎

HTML 是一種用來建構網頁的標記語言而非程式,如果將網頁譬擬為一個人,那麼 HTML 就如同人的骨架,透過這個骨架可以達成很多事:像是呈現網頁、瀏覽器妳的網站資訊,甚至還可以透過 JavaScript 來讓你的網頁資訊和其他網站溝通。
能建立一個骨架很容易,但不好的骨架就好像告訴瀏覽器妳的腳和眼睛擺錯了位置,讓瀏覽器讀取時搞混 🤯 。這堂課 Amos 老師將會告訴妳寫出一個有意義的、有效網頁結構,對 SEO 和前後端串接是多麽重要!

💅 讓 CSS 來美化你的網頁吧!

如果 HTML 是骨架的話,那麼 CSS 就像是衣服,妳可以透過 CSS 設定網頁的字體大小、框線、陰影甚至是做一點小動畫!除了這些效果外,CSS 最主要還能製作成 RWD (Responsive Web Design) 響應式網頁,使頁面不管是在任何尺寸下都整到適合的瀏覽樣式。
精通 CSS 樣式能讓妳不畏懼各式網頁設計稿,切出理想的版面。

🌀 透過 jQuery 打造互動網頁!

有了 HTML 的身體骨架、CSS 的衣服美化,那麼 JavaScript 就像是神經元素。我們能透過 JavaScript 讓骨架移動、改變樣式、獲取資料等。
而這門課將透過 jQuery 這一套輕量的 JavaScript 函式庫,讓妳的網頁動起來!
jQuery 的不僅跨瀏覽器支援度高,且最重要的是:簡化大量的 JavaScript 方法,讓初學者能夠透過 jQuery 快速的實作網頁動畫事件處理,甚至可以與其他網站資料庫互動。

課程章節

網頁起手式

  • 網頁是什麼?
  • 前端是什麼?
  • 網頁的內容與 HTML 標籤
  • 網頁架構與規則

CSS 美化網頁

  • CSS 簡介與寫法
  • 常見 CSS 屬性介紹
  • CSS 偽類選取器

CSS 與 HTML 的網頁排版

  • 網頁排版會用到什麼?
  • Flex 與 Float 介紹
  • 定位應用

RWD 網頁實作

  • RWD 是什麼?
  • RWD 網頁的製作方式

網頁動起來

  • 網頁動畫的製作方式有哪些?
  • CSS 動畫介紹
  • Transition 與 Animation 屬性介紹

jQuery 實作網頁互動效果

  • jQuery 介紹與撰寫方式
  • 常見的 jQuery 方法

常見的 jQuery 方法

  • 什麼是框架?
  • Bootstrap 介紹與使用方式

網頁切版實務

  • 從版面分析切版方式
  • 實際撰寫一個網站

網頁前端設計女性專班

課程類別 前端課程

近期開課時間

目前尚未開課

組團報名享折扣

  • 兩人同行 或 一次購買 2 堂課,享 9 折優惠
  • 三人同行 或 一次購買 3 堂課,享 85 折優惠
更多團報或課程諮詢請洽
02-2331-5247

上過課的同學怎麼說︖

Amos 老師很會用淺顯易懂與生活化的教學來帶入那一堆堆的網頁文字,讓人一步步對於網頁語言不再害怕,真心推薦 網頁前端設計女性專班!! 還有貼心的助教跟舒適的環境與迎賓貓!!

Analeigh Kuo

Amos 大神的課程內容 清楚明瞭 帶著女力班的大家了解建構網頁的基礎及脈絡 對想轉職 的女力們 有很大幫助。值得大推的課程!!

Etim Yang

Amos 老師超專業,把原理講得很清楚,對我這種喜歡聽原理的人來說,真是太棒了,原理懂了才能好好應用,原理才是王道!讚!

Paggy Lai

Amos 老師著重於觀念及原理,不會要你死板的就套用就好,如果想把網頁打好基礎真的很推薦老師的課喔!

宋橘子

其他課程推薦