JS 基礎尚可,要深入學習,哪裡有練手的小項目?希望可以具體點,例如[名稱:小聊天室 功能有:聊天、查看…]

比如

名稱:小聊天室 ,功能有:聊天、查看記錄,難度:2級(1-5),知識:ajax……,推薦時間:24小時

名稱:輪播……

希望不要說fork github星最多的,之類的 籠統的回答。

推薦時間(即完成這個小項目的時間)最好不超過36小時


歡迎加入FreeCodeCamp

官網:Learn to Code and Help Nonprofits

中文網:Learn to Code and Help Nonprofits

有關JS的實踐項目有:

初級

Design a danmu app 創建一個簡單的彈幕發射應用

中級

Build a Random Quote Machine 隨機格言小部件

Show the Local Weather 天氣預報應用

Build a Wikipedia Viewer 維基百科查看器

Use the Twitch.tv JSON API 直播節目查詢

高級

Build a JavaScript Calculator JS計算器

Build a Pomodoro Clock 番茄計時鐘

Build a Tic Tac Toe Game 井字棋

Build a Simon Game Simon遊戲


先擼一個功能完整的留言板吧,我學python,php,ruby,java,swift,nodejs都是先擼這個。


自己想,我們都是這麼過來的


Tedko/CHN-Ver-of-ADarkRoom · GitHub

程序不難。內容太多可以無視,自己做小遊戲。


http://fiora.suisuijiang.com ..(??ˇ?ˇ??)…

這是一個web聊天室,功能較豐富,前後端均是javascript( node.js react),代碼在github開源,聊天室裡面有源碼鏈接,歡迎來水,更歡迎技術交流。


我水平比較菜,就做了個三消小遊戲..


瀏覽器兼容問題了解了嗎


這個要自己做 可以查查資料 我們就是重要做的


寫一個天氣預報spa唄,像雅虎天氣那樣的。搜索城市(搜索建議,一般api自帶),添加,刷新。不用任何框架,可以用underscore或者jq這種基礎庫,按mvc這種架構來寫。

做漂亮點,功能全一點,基本會用到js和html/css很多方面的內容了,比如組織html結構,ajax, promise啊,操作dom,本地存儲,模塊化,字體圖標,css動畫啊什麼的


http://todomvc.com上找要學習的框架,或者直接自己做一個todolist。


我覺得還是專註吧, 一個領域, 你熟悉了, 就能做很多工作, 你不熟悉, 那可能為了一個簡單的功能繞遠路.

其實, 對於js, 我個人的建議, 是寫點在線的一些工具, 比如說計算器, 匯率換算表, 這些都是不錯的思路, ^_^


nothing is impossible


js加websocket 喵喵中實現所謂的聊天室


推薦閱讀:

專註前端還是全棧?
當前主流HTML5的網頁是否依然是以DIV + CSS為基礎開發的?
像「class="btn btn-large btn-block btn-primary"」這樣的 CSS 使用風格好嗎?
前端開發中如何做到頁面安全,防止 xss ,csrf 這樣的欺騙及偽造?
hexo怎麼添加留言板?

TAG:前端開發 | HTML | CSS | JavaScript | 前端工程師 |