Contents
通過建立 50 個快速、獨特和有趣的小專案來提高你的技能
從這 18.5 小時的課程，你會學到
- 基於專案的教學，提高你的 HTML，CSS 和 JavaScript 技能
- 對找尋教材的初學者來說是完美的好東西，在短時間內建立獨特的專案
- 用 flexbox、CSS 動畫、自訂屬性等創造現代風格
- DOM 操作、事件、陣列方法、HTTP 請求等等
要求
對 HTML、CSS 和 JavaScript 有非常基本的理解
課程說明
這是一個純粹的基於專案的課程。它為初學者設計，但是中級開發人員也可以享受創造新東西的樂趣。本課程包括 50 個與 DOM (文件物件模型)相關的 HTML、 CSS 和 JavaScript 的小專案。以下是我們將在本課程中建立的內容列表:
- 擴充的卡片( Expanding Cards )
- 進展步驟( Progress Steps )
- 旋轉導航動畫( Rotating Navigation Animation )
- 隱藏的搜尋小工具( Hidden Search Widget )
- 模糊載入( Blurry Loading)
- 滾動動畫( Scroll Animation )
- 分離登陸頁面( Split Landing Page )
- 形式波( Form Wave )
- 音效板( Sound Board )
- 爸爸的笑話( Dad Jokes )
- 事件關鍵程式碼( Event Keycodes )
- 常見問題縮編( Faq Collapse )
- 隨機選擇挑選器( Random Choice Picker )
- 動畫導航( Animated Navigation )
- 遞增計數器( Incrementing Counter )
- 飲用水( Drink Water )
- 電影應用程式( Movie App )
- 背景滑塊( Background Slider )
- 主題時鐘( Theme Clock )
- 按鈕漣漪效應( Button Ripple Effect )
- 拖與放( Drag N Drop )
- 繪圖應用程式( Drawing App )
- 動力裝載機( Kinetic Loader )
- 內容的替代字符( Content Placeholder )
- 黏著的導航條( Sticky Navbar )
- 雙垂直滑塊( Double Vertical Slider )
- 烤麵包通知( Toast Notification )
- Github Profiles
- 雙點擊的心( Double Click Heart )
- 自動文字效果( Auto Text Effect )
- 密碼生成器( Password Generator )
- 好又便宜且快( Good Cheap Fast )
- 筆記應用程式( Notes App )
- 動畫倒計時( Animated Countdown )
- 影像輪播 ( Image Carousel )
- 懸浮滑板( Hoverboard )
- Pokedex
- 行動標籤導航( Mobile Tab Navigation )
- 密碼強度背景( Password Strength Background )
- 3d 背景框( 3d Background Boxes )
- 驗證帳戶使用者介面( Verify Account UI )
- 即時使用者過濾器( Live User Filter )
- 反饋使用者介面設計( Feedback UI Design )
- 自訂範圍滑塊( Custom Range Slider )
- Netflix 行動導航( Netflix Mobile Navigation )
- 測試應用程式( Quiz App )
- 證言框切換器( Testimonial Box Switcher )
- 隨機影像饋送( Random Image Feed )
- 待辦事項清單( Todo List )
- 捕捉昆蟲的遊戲( Insect Catch Game )
目標受眾
想要用 HTML、CSS 和 JavaScript 建立有趣、獨特專案的初學者和中級 Web 開發者
講師簡介
Brad Traversy 全端 Web 開發人員 & Traversy Media 講師 ( 更多講師主講課程介紹 )
Brad Traversy 已經從事程式設計工作 12 年，教學工作近 5 年。 他是 Traversy Media 的所有者，這是一個成功的網路開發 YouTube 頻道，專注於從 HTML5 到像 Angular 這樣的前端框架以及像 Node.js、 PHP 和 Python 這樣的伺服器端技術。 Brad 已經掌握了用簡單的方式解釋非常複雜的話題，這是非常容易理解的。 通過觀看Brad 的課程來投資你的知識。
Florin Pop Web 開發者、 YouTuber 和 Streamer ( 更多講師主講課程介紹 )
我是一個專門從事前端開發的 Web 開發人員。我還有一個 YouTube 頻道，在那裡我教授程式設計，我經常在 Twitch 上串流不同的程式設計挑戰。我喜歡程式設計，也喜歡幫助別人成為更好的開發人員。你也可以經常在 Twitter 上看到我分享我的旅程。
英文字幕：有
- 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To
- 點選這個✨優惠連結✨ 課程特價 | Udemy 永久擁有課程 NT390 起( 在電腦瀏覽器登入，點選“優惠連結”後再回想要的課程介紹中點選“報名參加課程”即可取得 ）
- Udemy 現在越來越多課程有中文字幕，請參考 Soft & Share 中文線上課程
- 手機上點選優惠連結看到的價格比電腦上看到的貴
- ＄代表當地貨幣, 如在台灣為 NT
- 點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上，請稍等刷新或重新點選就會出現
報名參加課程
