最新推薦資源

Hannah Lin – Medium

Read writing from Hannah Lin on Medium. https://hannahlin.medium.com/

資源

• Traversy Media - 全端學習技術 (多半是html)

Traversy Media

Traversy Media features the best online web development and programming tutorials for all of the latest web technologies from the building blocks of HTML, CSS & JavaScript to frontend frameworks like React and Vue to backend technologies like Node. https://www.youtube.com/@TraversyMedia

• Web Dev Simplified - 多半是React相關的網頁技術

Web Dev Simplified

Web Dev Simplified is all about teaching web development skills and techniques in an efficient and practical manner. https://www.youtube.com/@WebDevSimplified

• JavaScript Mastery - 教你建置網站！！！最優先推薦

JavaScript Mastery

Launch your development career with project-based coaching - showcase your skills with practical development experience and land the coding career of your dreams. https://www.youtube.com/@javascriptmastery

• Online Tutorials - CSS 動畫

Online Tutorials

﷽ Online Tutorials is a channel for learning Complete responsive website design, Creative CSS animation and Hover Effects,Amazing Vanilla Javascript projects, creative UX and UI Design using Html and CSS and much more. https://www.youtube.com/@OnlineTutorialsYT

• The Net Ninja - 全端

The Net Ninja

Black-belt your web development skills. https://www.youtube.com/@NetNinja

• Clever Programmer
• Javk Herrington - React技術 也有講關於 (Nextjs)

Jack Herrington

Frontend videos from basic to very advanced; tutorials, technology deep dives. https://www.youtube.com/@jherr

• Kevin Powell - CSS大神

Kevin Powell

Helping you learn how to make the web, and make it look good while you're at it. https://www.youtube.com/@KevinPowell

• Fireshp - 100秒講技術！！（講新技術之類的　想快速吸收新知可用）

Fireship

High-intensity ⚡ code tutorials to help you build & ship your app faster. https://www.youtube.com/@Fireship

前端學習資源

如果你想要成為一位前端工程師，那麼學習資源是非常重要的。以下是一些我個人認為非常有用的前端學習資源：

網站和部落格

• MDN Web Docs - 由 Mozilla 維護的網頁技術文件，包含 HTML、CSS 和 JavaScript 等主題的詳細說明。

• W3Schools - 提供各種網頁前端技術的教學，包括 HTML、CSS、JavaScript、jQuery、Bootstrap 等。

• CSS-Tricks - 一個針對 CSS 技巧和技術的部落格。

• Smashing Magazine - 一個專注於網頁設計和開發的網站，提供各種前端技術的文章和教學。

課程和教學

• Udemy - 一個提供各種線上課程的平台，包括前端開發和設計課程。

• freeCodeCamp - 提供免費的前端開發和設計課程，並且可以通過完成挑戰來獲取證書。

• Codecademy - 提供各種程式語言和技術的交互式教學，包括 HTML、CSS、JavaScript、React 等。

• The Odin Project - 提供免費的前端和全端開發課程，並且注重實踐和項目。

工具和框架

• Visual Studio Code - 一款由微軟開發的跨平台程式碼編輯器，支援多種語言和框架。
• React - 一個由 Facebook 開發的 JavaScript 庫，用於構建用戶界面。

希望上述學習資源可以幫助到你成為一位優秀的前端工程師。加油！