阿川私房教材:學程式,拿 offer!

63 個專案實戰,直接上手!
無需補習,按步驟打造你的面試作品。

立即解鎖你的轉職秘笈

我編制了一份工具列表,這些工具多年來幫助我建立了供個人使用和客戶使用的網站。讓我們開始吧,與網路上許多其他可用於增強網站外觀的資源相比,這是一個很小的清單。

學習 Web 開發的網站

  • 程式碼學院

  • 奧丁計劃

  • 前端導師

  • JavaScript30

  • Coursera

  • 可汗學院

  • 免費程式碼訓練營

  • MDN 網路文件

  • W3學校

  • 斯林巴

學習 Web 開發的 YouTube 頻道

  • 簡化網頁開發

  • 編碼器 編碼器

  • 編碼列車

  • 自由程式設計營

  • 穿越媒體

  • 網路忍者

  • 與哈利一起編程(印地語)

**HTML/CSS 範本網站

**

  • HTML5UP

  • HTML修訂版

  • 自由CSS

  • 模板化

  • 免費HTML5

  • 啟動引導程式

  • 引導製作

  • 靴子手錶

  • 引導品味

  • 克魯普

  • 車頂板

  • HTML5xCSS3

使用的程式碼編輯器

  • Visual Studio 程式碼(VS 程式碼)

  • 崇高的文字

  • 括號

  • 為什麼

JavaScript 動畫庫

  • Anime.js:輕量級 JavaScript 動畫函式庫。

  • ScrollReveal.js:當元素進入視窗時輕鬆顯示元素。

  • Popmotion:功能齊全、靈活的 JavaScript 運動庫。

  • AniJS:CSS 動畫的聲明性處理庫。

  • Wow.js:向下捲動頁面時顯示 CSS 動畫。

  • Typed.js:一個類型的 JavaScript 函式庫。

  • Velocity.js:加速 JavaScript 動畫。

  • GSAP:現代網路的專業級動畫。

向量、圖像和插圖網站

  • Freepik:發現免費向量、照片、PSD 和圖示。

  • Vecteezy:尋找高品質的向量藝術、圖形和插圖。

  • Unsplash:存取超過一百萬張免費高解析度照片。

  • Pixabay:探索龐大的免費圖片和影片庫。

  • Flaticon:下載免費圖示、SVG、PSD、PNG、EPS 格式或 ICON FONT。

  • Openclipart:分享和使用免費的剪貼畫和圖像。

  • SVGRepo:免費下載 SVG。

  • Vectorportal:免費向量、剪貼畫和圖示。

  • SVGBackgrounds:可自訂的 SVG 圖案和背景。

  • FreeDesignFile:高品質的圖形設計資源。

  • Pexels:尋找才華橫溢的創作者分享的免費庫存照片和影片。

  • Vectorian:下載免版稅向量藝術、庫存照片和素材。

我希望這些資源能幫助您建立網站。

謝謝閱讀。我們下一篇部落格見!😊🙌


原文出處:https://dev.to/monica_w/resources-every-web-developer-needs-18m0


共有 0 則留言


精選技術文章翻譯,幫助開發者持續吸收新知。

阿川私房教材:學程式,拿 offer!

63 個專案實戰,直接上手!
無需補習,按步驟打造你的面試作品。

立即解鎖你的轉職秘笈