Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
3 Hour(s) 52 Minute(s)
Language
Mandarin
Taught by
Aiworks by AppWorks School
Rating
Course Overview
即刻學習使用線上程式編輯器 Codepen 來撰寫 HTML、CSS，並依照 Figma 設計圖寫出 RWD 個人品牌網頁，最後完成部署，讓大家都能看到你的網站作品！
課程簡介
透過資深軟體工程師、技術導師的教學引導，學會使用線上程式編輯器 Codepen 來撰寫 HTML、CSS，並能依照 Figma 設計圖寫出 RWD 個人品牌網頁，最後完成部署，讓大家看到你的第一個網站作品！
課程特色
1. 多年轉職輔導經驗團隊
AppWorks School 擁有 8 年協助非本科系轉職工程師輔導經驗，最了解程式新手的學習盲點，用最輕鬆易懂的方式教學
2. 理論 x 實例 x 實作練習
系統性編排教學內容，學習內容由淺入深，從理論基礎到實際應用案例，再到實作練習，讓你逐步掌握基礎程式技能
3. 全力提升學習成效
章節隨附測驗練習，幫助你即時檢核課程理解程度；透過作業進行實作練習，全面提升你的運用能力
Course Content
- 10 section(s)
- 56 lecture(s)
- Section 1 學習計畫
- Section 2 網頁初探
- Section 3 HTML: 基本概念
- Section 4 HTML: 文字標籤
- Section 5 HTML: 多媒體標籤
- Section 6 HTML: 超連結標籤
- Section 7 HTML: 網頁表單
- Section 8 作業練習 1
- Section 9 CSS: 基本概念
- Section 10 基本樣式
What You’ll Learn
- 如何使用 Codepen 線上程式編輯器
- 區分 HTML 及 CSS 在網頁中扮演的角色與差異
- 掌握 HTML 的結構與常見標籤用法
- CSS 不同的應用方式
- 什麼是切版，並具備切版的能力
- 如何部署網頁到 GitHub Pages
- 檢視 Figma 設計檔的要點
- 用 HTML 及 CSS，依照 Figma 設計圖寫出響應式網站
Skills covered in this course
Reviews
-
洪洪詩茵
好
-
KKoafaith
簡單易懂
-
YYa-Han Chang
非常清楚，淺顯易懂的解釋，收穫良多！ 沒有機會上到 AppWorks 的前端訓練營，很感謝團隊還是製作了這個影片。
-
JJoyce Chen
第一次看到這麼好懂的課程，之前有聽過 CodePen 很好用，但沒有使用過。今天跟著老師一起操作覺得非常好懂，而且學習起來十分有成就感～！謝謝老師，很期待自己接下來的作品。
