🌏web.dev

🔴 主題

• JS

  • environment - hosts JS engine.

• HTML

• CSS

🛠 工具

• 隨機文字：

  • Lorem Ipsum

  • 📗 參考： 20 個英文假字 (Lorem Ipsum) 產生器

• 隨機圖片 (假圖)：

  • Lorem Picsum ╱ Placehold

  • 📗 參考：Placeholder Image Generators

• Online HTML/CSS/JS Editors

  • https://playcode.io

👨🏻‍🎓 課程

• Udemy ⟩ The Complete 2021 Web Development Bootcamp (Angela Yu)

• freeCodeCamp

• Full Stack open 2021

• CodersLang

• Frontend Mentor

• Frontend Practice

• First Timers Only - involved in Open Source!

• LeetCode

📘 手冊

• 📗 DevDocs.io

• 📘 MDN ⟩

  • Guides ⟩ Getting started with the web ⟩ How the web works

• emmet cheatsheet

📗 參考

• dev.to, codewars

• CSS Tricks, Style Stage, CSS Battle

• javascript.info

• LeetCode ⟩ Important and Useful Links

👨🏻

• social link：

愛吃蘋果

facebook 粉絲專頁：愛吃蘋果

✏️ edit this site

📙 書

• CSS in Depth

• Responsive Web Design

• Mastering SVG

• Building Native Web Components (2021)

• Front-end Developer Handbook 2019

• Frontend Masters Books

🖥️ 影片

• YouTube ⟩ Step up front-end skills with these 5 resources

🧨 雷區

• When you try to load assets, CSS, or JS files without a server, these files will be blocked.

🗺️ 圖表

🗺️ front-end road map