跳到主要內容
← 回到學習

學習 · 面試考題

前端學習資源

By Kurau5 分鐘閱讀

目錄 · 3 個段落
  1. 01網站和部落格
  2. 02課程和教學
  3. 03工具和框架

最新推薦資源

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 庫，用於構建用戶界面。

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

目錄