建站
咨詢(xún)
售后
建站咨詢(xún)
新聞中心
很多初學(xué)者會(huì)時(shí)不時(shí)問(wèn)我，經(jīng)?？匆曨l或書(shū)之類(lèi)的教程，但久了沒(méi)用就很容易的忘記，這個(gè)要怎么解?這個(gè)真是不好解，因?yàn)槲乙步?jīng)常這樣的，我大都建議多做項(xiàng)目來(lái)鞏固記憶，但初學(xué)者對(duì)于比較復(fù)雜的項(xiàng)目很不好上手，所以今天分享 25 個(gè)初學(xué)者的比較容易上手的開(kāi)源項(xiàng)目，希望對(duì)初學(xué)者的你們有所幫助，有時(shí)間就自己參考事例做一遍，如果沒(méi)有思路就看源碼是怎么實(shí)現(xiàn)，相信你會(huì)很有收獲的。
創(chuàng)新互聯(lián)是一家專(zhuān)注于網(wǎng)站設(shè)計(jì)、成都網(wǎng)站設(shè)計(jì)與策劃設(shè)計(jì),文圣網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專(zhuān)注于網(wǎng)站建設(shè)十多年,網(wǎng)設(shè)計(jì)領(lǐng)域的專(zhuān)業(yè)建站公司;建站業(yè)務(wù)涵蓋:文圣等地區(qū)。文圣做網(wǎng)站價(jià)格咨詢(xún):028-86922220
1. Colors
github: https://github.com/iamcodefoxx/Colors
線(xiàn)上演示例子：https://iamcodefoxx.github.io/Colors/
2. Hex colors gradient
github: https://github.com/iamcodefoxx/Hex-Colors-Gradient
線(xiàn)上演示例子：https://iamcodefoxx.github.io/Hex-Colors-Gradient/
3. Random quote generator
GitHub: https://github.com/iamcodefoxx/Random-Quote-Generator
線(xiàn)上演示例子：https://iamcodefoxx.github.io/Random-Quote-Generator/
4. The message
github: https://github.com/iamcodefoxx/The-message
線(xiàn)上演示例子：https://dev.to/codefoxx/25-beginner-javascript-project-ideas-3m9h
5. Counter
github: https://github.com/iamcodefoxx/Counter
線(xiàn)上演示例子：https://iamcodefoxx.github.io/Counter/
6. Image carousel
github: https://github.com/iamcodefoxx
線(xiàn)上演示例子：https://github.com/iamcodefoxx/ImageCarousel
7. Digital clock
github: https://github.com/iamcodefoxx/DigitalClock
線(xiàn)上演示例子：https://iamcodefoxx.github.io/DigitalClock/
8. Calculator
github: https://github.com/iamcodefoxx
線(xiàn)上演示例子：https://iamcodefoxx.github.io/Calculator/
9. Grocery list
github: https://github.com/iamcodefoxx/Grocery-List
線(xiàn)上演示例子：https://github.com/iamcodefoxx/Grocery-List
10. Tip calculator
github: https://github.com/iamcodefoxx/TipCalculator
線(xiàn)上演示例子：https://iamcodefoxx.github.io/TipCalculator/
11. Flashcards
github: https://github.com/iamcodefoxx
線(xiàn)上演示例子：https://iamcodefoxx.github.io/Flashcards/
12. To-do list
github: https://github.com/iamcodefoxx/To-do-list
線(xiàn)上演示例子：https://iamcodefoxx.github.io/To-do-list/
13. Sticky notes
github: https://github.com/iamcodefoxx/Sticky-Notes
線(xiàn)上演示例子：https://iamcodefoxx.github.io/Sticky-Notes/
14. Timer
github: https://github.com/iamcodefoxx/Timer
線(xiàn)上演示例子：https://iamcodefoxx.github.io/Timer/
15. Math
github: https://github.com/iamcodefoxx/Math4Kids
線(xiàn)上演示例子：https://iamcodefoxx.github.io/Math4Kids/
16. Unsplash API
github: https://github.com/iamcodefoxx/UnsplashAPI
線(xiàn)上演示例子：https://iamcodefoxx.github.io/UnsplashAPI/
17. Typewriter
github: https://github.com/iamcodefoxx
線(xiàn)上演示例子：https://iamcodefoxx.github.io/Typewriter/
18. Square cards
github: https://github.com/iamcodefoxx/SquareCards
線(xiàn)上演示例子：https://iamcodefoxx.github.io/SquareCards/
19. Weather application
github: https://github.com/iamcodefoxx/Weather-App
線(xiàn)上演示例子：https://iamcodefoxx.github.io/Weather-App/
20. Wikipedia API
github: https://github.com/iamcodefoxx
線(xiàn)上演示例子：https://iamcodefoxx.github.io/WikipediaAPI/
21. Marvel API
github: https://github.com/iamcodefoxx/Marvel-API
線(xiàn)上演示例子：https://iamcodefoxx.github.io/Marvel-API/
22. Marvel API
github: https://github.com/iamcodefoxx/Quiz-App
線(xiàn)上演示例子：https://iamcodefoxx.github.io/Quiz-App/
23. Recipe API
github: https://github.com/iamcodefoxx/RecipeAPI
線(xiàn)上演示例子：https://iamcodefoxx.github.io/RecipeAPI/
作者：Miguel Nunez 譯者：前端小智 來(lái)源：dev 原文：https://dev.to/codefoxx/25-beginner-javascript-project-ideas-3m9h
本文轉(zhuǎn)載自微信公眾號(hào)「大遷世界」，可以通過(guò)以下二維碼關(guān)注。轉(zhuǎn)載本文請(qǐng)聯(lián)系大遷世界公眾號(hào)。
本文題目：為了讓初學(xué)者有項(xiàng)目可入門(mén)，我整理了這23個(gè)開(kāi)源項(xiàng)目……
文章來(lái)源：http://m.fisionsoft.com.cn/article/ccscosc.html
