在彼此身旁都是女性的環境裡,女孩們一起交流討論,不再因為「男生才會寫程式」的想法而害怕與同學交流,講師以活潑有趣的方式一步一步耐心指導,穩紮穩打網頁前端基礎,並有助教課幫助課後吸收,讓妳從零基礎前進網頁設計師之路。
把程式原理用生活化的方式舉例,淺顯易懂,舉例來說,如果我們想給一個人大概用外型分類,可能會有短髮的、咖啡色頭髮、高的...等等的方式。如果把 HTML 比喻成是一個「人」,而這些不同的「分類方式」(短髮的、咖啡色頭髮、高的),就是class,那一個人的身上可以有很多不同的「class」。
在網頁設計中的第一步就是切版,Amos 老師有獨家的切版神技,可以教會你做出任何你想像中的網站該有的樣子。
SEO 可以為你的網站帶來免費源源不斷的人潮,SEO 的重要大家都知道,但坊間的課程多半不會強調,我們會在課程中告訴你在什麼情況,該使用什麼標籤,該如何思考網頁的結構,才能做出擁有好 SEO 的網站
Amos 老師是常年的心智圖使用好手,課堂中先讓你理解程式的基礎觀念後,還能手把手帶你用心智圖歸納整理,讓你理解後還能記得牢!
最最最重要的一點,Amos 老師獨家給五倍的學員專屬 code review 服務!
學習程式的一大關鍵就是 不僅把程式觀念說清楚,還能給你簡易明瞭的操作步驟,且在你實際寫出一些東西(code)後,講師能針對你的東西,幫你釐清程式思考的脈絡,如此你才算是真正的學會了!
而「講師能針對你的東西,幫你釐清程式思考的脈絡」通常在業界的說法是「code review」!這也是本課程的重要特色,Amos 老師會給每一位學員做 code review,以幫助於達到最大的成效!
網頁設計課程包含 HTML、CSS、 jQuery,讓新手的妳從零基礎到實作出自己的網站,前端網頁設計女性班課程強調頁面規劃與結構設計,除了基礎教學外,也提供許多實務上專案合作時的技法,業界經驗豐富的老師不藏私,通通傳授給妳!讓妳實作出屬於自己的網頁。
HTML 是一種用來建構網頁的標記語言而非程式,如果將網頁譬擬為一個人,那麼 HTML 就如同人的骨架,透過這個骨架可以達成很多事:像是呈現網頁、瀏覽器妳的網站資訊,甚至還可以透過 JavaScript 來讓你的網頁資訊和其他網站溝通。
能建立一個骨架很容易,但不好的骨架就好像告訴瀏覽器妳的腳和眼睛擺錯了位置,讓瀏覽器讀取時搞混 🤯 。這堂課 Amos 老師將會告訴妳寫出一個有意義的、有效網頁結構,對 SEO 和前後端串接是多麽重要!
如果 HTML 是骨架的話,那麼 CSS 就像是衣服,妳可以透過 CSS 設定網頁的字體大小、框線、陰影甚至是做一點小動畫!除了這些效果外,CSS 最主要還能製作成 RWD (Responsive Web Design) 響應式網頁,使頁面不管是在任何尺寸下都整到適合的瀏覽樣式。
精通 CSS 樣式能讓妳不畏懼各式網頁設計稿,切出理想的版面。
有了 HTML 的身體骨架、CSS 的衣服美化,那麼 JavaScript 就像是神經元素。我們能透過 JavaScript 讓骨架移動、改變樣式、獲取資料等。
而這門課將透過 jQuery 這一套輕量的 JavaScript 函式庫,讓妳的網頁動起來!
jQuery 的不僅跨瀏覽器支援度高,且最重要的是:簡化大量的 JavaScript 方法,讓初學者能夠透過 jQuery 快速的實作網頁動畫或事件處理,甚至可以與其他網站資料庫互動。
你好,我是李建杭,⼤家都叫我 Amos,曾為多家知名電商、網路服務的前端⼯程師, 現擔任多家程式教育機構的前端講師,我原本是設計師,因緣際會下成為前端⼯程師,也算是跨領域的轉職,所以我很清楚學習程式的盲點。
我認為在學習程式的時候,最重要的就是了解每⾏程式碼背後的邏輯是什麼,如此⼀來,才能夠真正學好程式,我不否認這樣的學法在⼀開始的階段,會比較⾟苦比較累,但是打好基礎,對於你後續的程式之路⼀定能⾛的更順、更久!
從視覺設計轉職前端的斜槓開發者,活躍於臺灣各大技術研討會,熟稔 HTML & CSS、Bootstrap、RWD、CSS3 等,為國內知名前端技術講師。
2018 年成為 Youtuber,致力於使用簡單易懂的方式讓新手能夠輕鬆學習前端開發技能。
iT 邦幫忙鐵人賽連續三屆冠軍、連續兩屆優選,於 2020 出版「金魚都能懂的 CSS 選取器:金魚都能懂了你還怕學不會嗎(iT邦幫忙鐵人賽系列書)」一書,除了熱衷於牛排的熟成,目前日益精進於釣魚技能。
Amos 老師很會用淺顯易懂與生活化的教學來帶入那一堆堆的網頁文字,讓人一步步對於網頁語言不再害怕,真心推薦 網頁前端設計女性專班!! 還有貼心的助教跟舒適的環境與迎賓貓!!
Analeigh Kuo
Amos 大神的課程內容 清楚明瞭 帶著女力班的大家了解建構網頁的基礎及脈絡 對想轉職 的女力們 有很大幫助。值得大推的課程!!
Etim Yang
Amos 老師著重於觀念及原理,不會要你死板的就套用就好,如果想把網頁打好基礎真的很推薦老師的課喔!
宋橘子
Amos 老師超專業,把原理講得很清楚,對我這種喜歡聽原理的人來說,真是太棒了,原理懂了才能好好應用,原理才是王道!讚!
Paggy Lai
以下為 2021/04 月 網頁前端設計女性專班結業作品節錄,在短短 6 天的課程內,學員們從最基礎的 HTML 結構到 CSS 、網頁 RWD 樣式撰寫、使用 Bootstrap、jQuery 等應用, 一步步完成以下這些作品!
網頁是什麼?
前端是什麼?
網頁的內容與 HTML 標籤
網頁架構與規則
CSS 簡介與寫法
常見 CSS 屬性介紹
CSS 偽類選取器
網頁排版會用到什麼?
Flex 與 Float 介紹
定位應用
RWD 是什麼?
RWD 網頁的製作方式
網頁動畫的製作方式有哪些?
CSS 動畫介紹
Transition 與 Animation 屬性介紹
jQuery 介紹與撰寫方式
常見的 jQuery 方法
什麼是框架?
Bootstrap 介紹與使用方式
從版面分析切版方式
實際撰寫一個網站
扎實 42 小時課程,這門課將讓妳完整瞭解網頁脈絡,從網頁結構到網站動畫實作,課堂最後每一位學員都還能獨立完成至少一頁的網頁切版!
課堂中有錄影,老師會依照同學狀況調整節奏、五倍紅寶石提供工程師助教,不用擔心跟不上進度!
一起跟著 Amos 老師,打好妳的網頁基礎!💪💪
始業式
網頁是什麼?
前端是什麼?前端用到的語言有哪些?
撰寫網頁的工具
網頁的內容 HTML 標籤
網頁架構與規則
CSS 是什麼?
CSS 的寫法
CSS 的偽類取器
排版會用到甚麼?
Flex & Float 介紹
完成你的第一個網頁
定位的應用
利用定位製作網頁互動效果
RWD 是什麼?
RWD 網頁的製作方式介紹
做一個簡單的 RWD 網頁吧!
網頁為何需要動畫?
網頁動畫的製作方式有哪些?
CSS 動畫介紹
Transition 與 Animation 屬性介紹
jQuery 介紹
jQuery 的撰寫方式
添加互動到你的網頁吧
什麼是框架?
Bootstrap 介紹與使用方式
用 Bootstrap 完成一個網頁吧
從版面分析切版方式
實際撰寫一個網站
結業式
課程類別與程度
前端課程入門課程近期開課時間
7/30 (六)、8/6 (六)、 8/13 (六)、8/20 (六)、8/27 (六)、9/3 (六)
09:30 ~ 17:30
兩人同行 或 一次購買 2 堂課,享 9 折優惠
三人同行 或 一次購買 3 堂課,享 85 折優惠
更多團報或課程諮詢請洽 02-2331-5247
課程結業證書證明
共同討論課程群組,
老師同學即時交流
備有插座及快速穩定
免費 wifi 連線操作
線上補課,
不怕跟不上進度!
每週二獨家默默會
讓你問題問到飽
業界高手一同交流
吉祥物貓貓加持