【熱薦】必須推薦的10個JavaScript基礎開發項目

「

關注老K玩代碼公衆號，回覆"Python入門書"獲取免費python入門教材；

「

• javascript是一度被學界認爲最有可能一統江湖的語言，雖然最近它的風頭被python蓋過去了，但依然不影響它的普及率
• 如今您瀏覽的全部網頁，基本都是由javascript實現的。
• javascript雖然叫java，但其實和java沒有半毛錢關係。用如今時髦的話說，javascript那時候是在碰瓷java。
• 學習javascript，也有不少有趣的項目，這裏老K爲您整理了10大精品免費項目，快來看一看吧~！

1. jQuery 基礎入門

地址	https://www.shiyanlou.com/courses/22
學習人數	2.8k
關注人數	331

「

jQuery是一個優秀的輕量級Javascript庫，兼容CSS3，還兼容各類瀏覽器，在Web前端開發中普遍使用。課程將從 jQuery 基礎入手，咱們會學習到 jQuery 的具備鮮明特徵的用法，例如 jQuery 選擇器、jQuery 的事件和動畫等，最終達到熟練掌握 jQuery 的目的。

---

2. HTML5 Canvas 實現小遊戲

地址	https://www.shiyanlou.com/courses/361
學習人數	11.3k
關注人數	367

「

本課程基於 HTML5 的 canvas 實現了一個小遊戲，着重介紹了 HTML5 遊戲開發的流程及遊戲開發中須要處理的東西。對 Web 遊戲開發感興趣的同窗能夠經過這個項目實踐 HTML5 及 JavaScript 基礎知識。

---

3. Javascript基礎

地址	https://www.shiyanlou.com/courses/21
學習人數	20.5k
關注人數	1.3k

「

注意：本課程已經再也不更新維護，推薦學習新版課程《JavaScript 基礎課程》，課程地址：https://www.shiyanlou.com/courses/1238。

---

4. Bootstrap 3 基礎入門

地址	https://www.shiyanlou.com/courses/50
學習人數	10.3k
關注人數	859

「

Bootstrap是一個 簡潔、直觀、強悍、移動設備優先的前端開發框架，Bootstrap 讓web開發更迅速、簡單。

---

5. HTML5 實現拼圖遊戲

地址	https://www.shiyanlou.com/courses/161
學習人數	8.4k
關注人數	404

「

本課程基於 HTML5 實現網頁版的拼圖遊戲。實現過程當中將涉及到 HTML5，CSS3 及 JavaScript 相關知識。完成這個項目，能夠進一步紮實前端基礎知識。

---

6. HTML5 實現本地圖片裁剪

地址	https://www.shiyanlou.com/courses/363
學習人數	7.1k
關注人數	249

「

本期實驗意在實現利用 HTML5 的 canvas 技術，結合 HTML5 的 File AP I來實現圖片的本地裁剪。經過本實驗將學習到如何結合 HTML5 與 JavaScript 編寫簡單的單頁應用。本課程難度通常，適合剛入門前端的同窗，須要瞭解 cavas 而且有 JavaScript 基礎。

---

7. 網頁版別踩白塊遊戲

地址	https://www.shiyanlou.com/courses/306
學習人數	7.5k
關注人數	327

「

本課程使用最基礎的 HTML+CSS+JavaScript 實現網頁版別踩白塊遊戲，經過完成這個簡單有趣的遊戲，能夠實踐你的前端技能。

---

8. HTML 實現掃雷遊戲

地址	https://www.shiyanlou.com/courses/144
學習人數	3.7k
關注人數	172

「

本課程帶領你們實現經典小遊戲掃雷，你能夠經過實踐 JavaScript 和 CSS 等基本的 Web 開發知識，學習如何對遊戲中的對象進行抽象和封裝。

---

9. Collabtive 系統跨站腳本***實驗

地址	https://www.shiyanlou.com/courses/285
學習人數	2.3k
關注人數	227

「

跨站點腳本(XSS)是一種常見較弱的web應用程序漏洞,***者使用這個漏洞注入惡意代碼(例如JavaScript)來***受害者的web瀏覽器。

---

10. JavaScript 基礎入門

地址	https://www.shiyanlou.com/courses/1238
學習人數	10.3k
關注人數	436

「

課程從什麼是 JavaScript 開始，一步步講解 JavaScript 基礎語法、關鍵特性、JSON、WebAPI 等知識點。內容將會涉及網頁窗口交互的方法以及經過 DOM 進行網頁元素的相關操做。

---

「

• 感謝您一路讀到了最後，部份內容整理自網絡，侵刪
• 若是這篇文章對您有幫助，請記得分享或點擊‘在看’這篇文章。
• 若是對文中的內容有疑問、錯誤或有意見想告訴我，歡迎留言。

歡迎關注《老K玩代碼》公衆號，得到更多實戰案例和行業資訊。