RWD(響應式網頁設計) 線上工作坊實作練習|ALPHA Camp|JavaScript 全端開發課程
4.8 هزار بار بازدید -
4 سال پیش
-
► 支持我們分享更多好內容,訂閱ALPHA Camp 頻道👉🏻
https://bitly.com/336Vb06
► 支持我們分享更多好內容,訂閱ALPHA Camp 頻道👉🏻
https://bitly.com/336Vb06
►亞洲最完整JavaScript 全端開發課程 👉🏻https://alpha.camp/dnevx
✨推薦閱讀:RWD教學入門:響應式網頁設計的實作方法https://alpha.camp/tNbFc
RWD(響應式網頁設計) 線上工作坊實作練習
實作目的:練習 RWD 的實作思維
目標:調整網頁在小尺寸的裝置瀏覽網頁時能有良好的體驗(排版 + 互動)
思考與拆解問題:
⚡使用 media query 定義不同寬度時的呈現
⚡讓 LOGO 水平置中
⚡清除 menu 的 float
⚡將 menu 設為由上而下的按鈕排列
⚡在手機版時顯示漢堡
⚡點擊漢堡可以切換顯示/隱藏 menu
⚡什麼是 Flexbox?
-------------
🙋♀️給剛認識 ALPHA Camp 的朋友的 #快問快答
1. 🤔ALPHA Camp 是誰?
ALPHA Camp 是創新你職涯的線上學校,使命是「是透過線上科技教育,幫助人們持續建立在數位時代成功所需的技能,思維以及社群。」
#關於我們 👉🏻https://lihi1.com/jhOnX
2. 🤔ALPHA Camp 在做什麼?
我們透過全方位系統化的全端 Web App 開發 #線上課程,以「培育人才」為核心,用新創的精神、態度、方法來縮短教育、人才、與產業三者之間的落差。
#ALPHA Camp 在做什麼 👉🏻https://lihi1.com/Omd5x
#了解ALPHA Camp 學習體驗 👉🏻https://lihi1.com/gyRAz
3. 🤔要怎麼知道我適合上什麼課?
ALPHA Camp 全端開發線上課程,依照職涯和學習目標不同客製化路徑,分為3個學期,想知道自己適合從哪開始學習,可以花3分鐘做個小測驗 👉🏻https://lihi1.com/BeJn0
3個學期分別是
學期一 #程式設計入門 3周
學期二 #掌握網頁開發 12周
學期三 #軟體工程師養成 8周
#了解完整課程學習地圖👉🏻https://alpha.camp/vtjD1
4 سال پیش
در تاریخ 1399/08/26 منتشر شده
است.
4,870
بـار بازدید شده