學習 Web 平台的路線圖

Web 平台是一個令人驚嘆的 API、工具和語言的生態系統，如今比以往任何時候都更加強大。通過我的路線圖，通過簡單的教程學習 Web 平台。

Web 平台是一個令人驚嘆的 API、工具、語言的生態系統，如今比以往任何時候都更加強大。

在這個博客上，我寫了很多與 Web 平台相關的教程和文章。

本文旨在將它們組織起來，讓您可以更輕松地找到它們，並作為學習如何在 Web 平台上進行開發的路線圖。

瀏覽器 API 指南

首先深入研究 DOM，這是瀏覽器提供的最基本的 API。一旦熟悉了這個，可以查看與瀏覽器相關的其他重要 API。

• DOM
• Selectors API
• XHR API
• Fetch API
• Channel Messaging API
• Cache API
• Service Workers
• Progressive Web Apps
• History API
• Push API
• Notifications API
• Console API
• CORS
• Web Workers
• requestAnimationFrame
• WebSockets
• WebRTC
• Speech Synthesis API

SVG，一個令人驚嘆的圖像格式

• 學習 SVG

存儲 API

Web 平台提供了 3 個基本的存儲 API：cookies、Web Storage 和 IndexedDB。瞭解它們的優點和缺點：

• IndexedDB
• Cookies
• Web Storage

Web 開發者工具

如果沒有所提供的令人驚奇的瀏覽器開發者工具，我們開發者會完全迷失和恐懼。

• 瀏覽器開發者工具概述
• Chrome 開發者工具的技巧清單

現代 CSS

CSS 發展進步很大！了解 CSS 今天能做些什麼新奇的事情！

• CSS Grid
• Flexbox
• CSS 變量
• PostCSS
• CSS 轉換
• CSS 動畫

下一步要做什麼？

如果您準備好深入更高級的領域，請查看

• 學習 JavaScript
• React
• Node.js

學習事物的最佳方式是使用每種新技術來構建小東西。有時很難決定該做什麼。我列出了一些示例 Web 應用點子，也許其中之一可以成為今天學習新東西的快速入門！

tags: [“Web 平台”, “瀏覽器 API”, “存儲 API”, “開發者工具”, “CSS”, “JavaScript”]