網站網頁前後端設計-免費教學網站

作為窮苦人家的孩子,學習網站網頁前後端設計時,大多是買書或尋找網路上免費的教育資源,這邊列出芳喵喜歡的免費教學網站,芳喵自用,也順便分享給大家。內容會不定期更新,如果我有發現新的、喜歡的資源,會在這邊更新。


網站名稱:Coursera
網站網址https://zh-tw.coursera.org/
網站說明:中文版網站。不只有編碼教學,還有許多其他領域的教學,完成學習可得到證書。如果要免費學習,可參考這篇說明申請獎學金。https://buzzorange.com/techorange/2017/09/11/how-to-apply-coursera-financial-aids/

網站名稱:W3School
網站網址英文版 | 中文版
網站說明:從基礎的HTML、CSS到jQuery、PHP應有盡有,是我最常用的教學網站

網站名稱:MDN web docs
網站網址英文版 | 中文版
網站說明:以網頁前端技術為主,HTML、CSS、JavaScript

網站名稱:jQuery官方網站
網站網址英文版 | 中文版
網站說明:在官網的文件中,就會針對每個可用的屬性,有盡細的解說,甚至也有提供教學範例可參考

網站名稱:Bootstrap
網站網址英文版 | 中文版
網站說明:透過Bootstrap可以快速的設計出RWD網頁,同時內建了許多網頁互動特效可使用,像是滾動頁籤、廣告輪播、漢堡選單


網站名稱:PHP官方網站
網站網址英文版 | 中文版
網站說明:PHP是一個網頁後端語言,透過PHP可以快速的與資料庫作溝通,像是大家所熟悉的WordPress、Joomla、Opencart….都是用PHP所開發出來的

網站名稱:WordPress
網站網址使用教學開發者資源內建函數程式碼規範
網站說明:本網站由WordPress建置,這個教學網站當然是必備的

網站名稱:Codecademy
網站網址https://www.codecademy.com/
網站說明:HTML/CSS、JavaScript、jQuery、PHP、Python、Ruby等等,應有盡有,讓你從零開始,並且只需跟著網站的任務關卡一一的闖關,就能學會前端到後端語言。使用教學:https://www.minwt.com/webdesign-dev/html/17859.html

網站名稱:HTML Reference
網站網址https://htmlreference.io/
網站說明:收錄完整 HTML 語法教學,提供實際範例供使用者參考,也能一鍵點擊快速複製語法

網站名稱:CSS Reference
網站網址https://cssreference.io/
網站說明:CSS 詳細範例教學,讓你真正了解每個語法標記如何使用


網站名稱:Eloquent JavaScript
網站網址http://eloquentjavascript.net/
網站說明:一本開放、免費且非常優質的 JavaScript 線上電子書,曾榮獲 Mozilla 與多人 贊助 ,章節結構清楚明瞭,內容不拖泥帶水,各種格式的電子書、 範例程式 通通可以線上取得

網站名稱:Speaking JavaScript: An In-Depth Guide for Programmers
網站網址http://speakingjs.com/
網站說明:一本寫給已經有其他程式語言基礎的人看的書,從入門到進階可以在短時間內學會許多重要的觀念。

網站名稱:Codewars
網站網址https://www.codewars.com/
網站說明:所有的程式語言都有,透過闖關的方式練功,可以點擊 Kata 開始練等級 ,他有八個困難等級,共有 1,158 關,每一關通過後還可以看到全世界其他人有哪些不同的解法。

網站名稱:Learn to code for free
網站網址https://www.freecodecamp.org/
網站說明:可學習Html、CSS、JS

🔔喜歡這篇文章或覺得文章有幫助,歡迎打賞芳喵https://fangcat.com/reward/
🔔打賞芳喵有很多種方式,你可以選擇無痛的,或是小小痛的協助網站營運,感謝^_^


Author: 芳喵

初衷只是紀錄與分享,默默地寫著,突然發現,寫作、分享、解惑,仍然是我最熱愛的事,曾經放棄了這些,竟由生病帶領我回到這條路上,塞翁失馬焉知非福。