前端開發有哪些比較推薦學習的項目?

2020-12-21 李東bbsky

前端開發有哪些比較推薦學習的項目?要找到這些項目可以通過如下方式:

1、通常情況下,我們可以在github上面去搜索awesome javascript,很多優秀的JavaScript項目都被分門別類歸納好了。不過這裡的項目比較雜而零散,畢竟大多都是生產環境中會使用到的垂直細分領域的項目。

2、圍繞一個技術棧來展開,比如Vue生態或React生態,同樣還是在Github上面搜索Awesome React;這是前端框架,Node也有很多後端框架;

以上兩種方式大致就可以讓我們對JavaScript的一些項目和解決方案有一個比較全面系統的了解。如果這些還是沒有給你一種特別有主次,讓你有上手開幹的感覺,那再推薦:

1、Website站點生成器,比如Vue生態的Vuepress、Nuxtjs、Docify,React生態的Gatsby、Docusaurus,

2、無頭CMS,比如Ghost、Strapi

以上總結了學習JavaScript項目的三種方式:

一:通過搜索github上的awesome,了解一些生產實踐的模塊,我們甚至可以閱讀一些經典項目的源碼,比如lodash、ramda,你要閱讀vue、react的源碼也可以;

二:通過腳手架快速進行一些框架的初始化配置工作,參考技術文檔來實戰;

三:使用站點生成器直接搭建實際可用的網站,先出結果,先看效果,再來學習這一整套的技術棧

還有一種方式,就是做面向實際的商業項目,比如vue商城、vue論壇等,這些仍然可以通過Github來搜索。

這種應用類的開發是畢設、打比賽或者寫到簡歷裡最常見的方式,同時也最貼近接私活、給企業做項目。而前面介紹的三種方式則是工程化項目的開發。

個人更推薦工程化的項目開發,對於計算機專業的學生或想從事程式設計師行業的童鞋來說,相比應用類項目開發,它的性價比更高;應用類開發是比較耗時間的。

相關焦點

  • 如何做好一個Web前端開發工程師
    無論是後端開發、設計行業,還是零基礎行業,只要你對Web前端感興趣,就可以加入前端開發行業,這是一個報酬優厚的行業,在網際網路企業中不可或缺。很多人對 web前端都有濃厚的興趣,但卻不知道如何開始學習,今天就為大家推薦7步法幫助你成為 web前端開發工程師。
  • 從後端開發轉職前端開發,我學到了什麼?
    特別是當你已經習慣了後端開發的工作模式,習慣了構建數據結構,編寫類似於測試驅動開發的測試,習慣了使用持久層、倉庫和資料庫圖表,以及給前端創建API接口。凡此種種,不勝枚舉。後端有其複雜性,所以大部分人沒有時間學習前端開發的內部運作方式。我也是。
  • 前端高效開發必備的 js 庫梳理
    作者: 徐小夕 來源:趣談前端之前有很多人問學好前端需要學習哪些 js 庫, 主流框架應該學 vue 還是 react ? 針對這些問題, 筆者來說說自己的看法和學習總結。首先我覺得在學習任何知識之前必須要有一個明確的學習目標, 知道自己為什麼要學它, 而不是看網上說的一股腦的給你灌輸各種知識, 讓你學習各種庫, 從而不斷的製造大家的焦慮感。前端由於入行門檻低, 更新換代很快, 每年都會有大量新的框架和庫出現, 也有大量庫被淘汰(比如 JQuery, 但是學習它的設計思想很有必要).
  • Web前端是什麼意思?朗沃Web前端包含哪些內容
    朗沃Web前端包含哪簡而言之Web前端就是實現客戶端(手機和電腦)上看到的頁面和一些交互效果(比如點擊、查看詳情、查看更多)等,從事WEB網頁開發、HTML5頁面開發。2、Web前端開發具體要做什麼前端開發最主要的是掌握三種基本能力,HTML、CSS,JavaScript。
  • 推薦幾個大廠的前端代碼規範,你也能寫出詩一樣的代碼!
    相信很多人都沒有逛 GitHub 的習慣,因此總會有開源信息的不對稱,有哪些優秀的前端開源項目值得學習的也不知道。初步前端與高級前端之間,最大的差距可能就是信息差造成的。看看每天都開源了哪些好的前端項目,還有用到的主流前端技術棧又是哪些,值得我去學習的。因此也收藏了不少好的開源項目,在此推薦給大家,每周會有一到三篇精華文章推送。
  • 「首席架構師推薦」頂級網際網路公司的前端學習指南(2)
    用戶界面-React如果最近幾年有任何JavaScript項目在前端生態系統中掀起了一場風暴,那就是React。React是一個由Facebook的聰明人創建的開源庫。在React中,開發人員為他們的web界面編寫組件並將它們組合在一起。
  • 前端開發需要學多長時間?剛學出來的前端工資多少-開課吧
    前端工程師,也叫Web前端開發工程師。他是隨著Web發展,細分出來的行業。尤其是現在網際網路時代,Web技術應用更加廣泛。網站、手機app、營銷H5等等都離不開Web技術。自學看自己毅力和自主學習力,培訓看機構師資情況和就業。前端入門相對後臺開發來說容易一點,最基本的就是學習html,Javascript以及Jquery,Ajax,bootstrap之類的前端框架。另外前端技術的更新變化也非常快,不斷有新的技術迭代。正所謂,學無止境。
  • web前端開發,怎麼才能讓頁面排版更清爽?
    web前端開發,在整個編程行業來說都算是一個門檻相對較低的崗位。但同時,其所面向的對象又對開發者有一定的美學素養需求,這就使得在製作前端頁面的時候需要掌握一些基本的排版技巧,畢竟排版不能也交給美工不是。那麼,在開發的過程當中,有哪些能夠讓頁面更好看的排版方式值得去學習呢?
  • Python程式設計師使用頻率比較高的5款開發工具推薦
    很多Python學習者想必都會有如下感悟:最開始學習Python的時候,因為沒有去探索好用的工具,吃了很多苦頭。後來工作中深刻體會到,合理使用開發的工具的便利和高效。今天,千鋒廣州小編總結了Python程式設計師使用頻率比較高的5款開發工具,希望對大家的工作和學習有幫助。
  • 前端利器CodePen,了解一下吧
    ,讓你輕鬆節省開發效率,實現不加班不熬夜不掉頭髮,是我的目標。一直在整理與收集的一些比較優秀github項目,方便自己閱讀,順便分享出來,大家一起學習。前端的案例/項目應當存放在那?GitHub?沒問題,但是最為一個專業前端人員,如果你還沒有用過 CodePen,是時候去了解一下了。
  • web前端學習攻略
    web前端學習攻略第一階段:HTML+CSS:HTML進階、CSS進階、div+css布局、HTML+css整站開發、JavaScript基礎:Js基礎教程、js內置對象常用方法、常見DOM樹操作大全、ECMAscript、DOM、BOM、定時器和焦點圖。
  • 北大青鳥整理:一名web前端工程師需要必備哪些技術和工具?
    最近,有小夥伴私信留言讓我總結一下:「一個合格的web前端需要會什麼技術?」我想了半天,合格的web前端當然符合企業的用人要求啊!那麼一名web前端工程師需要必備哪些技術和工具?想要成為一個高薪高職的Web前端工程師並不容易,你不僅需要掌握專業的技能點,還要具備較多的項目經驗。優秀的Web前端工程師需要掌握哪些技術工具嗎?接下來就給大家一一介紹。
  • 11個適用於前端開發人員的有用在線工具
    全文共2080字,預計學習時長6分鐘來源:Pexels作為前端開發人員,網際網路有很多令人驚嘆的工具,這些工具為我們的生活提供了極大的便利。想像你正在閱讀 Angular 的一篇文章,遇到了想要嘗試的代碼,就將瀏覽器最小化,用幾個 LOC 構建新的 Angular 項目。操作簡單便捷。還有很多好用的在線IDE,但我相信Stackblitz有其獨特之處。
  • APP軟體定製開發,微信小程序開發,定製開發的優勢有哪些
    從而選擇做APP軟體以及小程序開發的公司也越來越多。一般有兩種模式,選擇成品程序或者定製開發,今天我們就來看一下定製開發的優勢有哪些。 1.針對性強 因為每一款定製開發的APP軟體都要經過細緻的系統分析,根據不同企業的情況,開發出最適合該企業使用的功能。
  • 前端開發大盤點:2015最流行前端框架TOP20
    2015年已經過去了,作為一個親歷前端開發多年的開發者,目睹和見證了前端開發從最初的Javascript 語言類庫到HTML5標準定稿後帶來的Web Components 跨終端組件的快速發展。
  • 前端中的布局方式有哪些?
    在web前端開發中,存在有很多的布局模式,這些布局模式各有各的優勢,今天咱們就在說說,前端中的布局方式有哪些一、Table布局首先是table布局,table布局是一種非常古老的布局模式,很早之前都是使用
  • 可能是最全面的2020年前端,後端,全棧學習實用指南
    如果你的目標是成為一名前端開發人員,則可以選擇前端開發的工具和技術。後端和全棧開發也是如此。2、Web開發的基本工具和軟體計算機和作業系統:如果沒有計算機和作業系統,則無法編寫代碼。要學習Web開發,你不需要任何高端計算機(如果你擁有的話,那麼更好……)。
  • 讓你見識一下什麼叫最完整、最系統的前端學習路線
    隨著網際網路的深入發展,前端開發工程師已成為市場上極具競爭力的人才。許多學生,包括以前的UI,java,或完全零基礎,想學習的前端。 前端開發受歡迎程度: 2018年,JetBrains 發起了其標準的年度調查項目,開發人員生態系統調查 (The Developer Ecosystem 2018)。該項調查不僅揭示了不同程式語言的流行趨勢,並且從開發人員的角度反映了他們的個人偏好。調查由淺入深,從一般性的問題開始,並逐漸延伸至各領域的科技趨勢。
  • 為什麼前端是最適合設計師學習的編程技能「設計師的100個前端問題-001」
    這期分享是《設計師想知道的100個前端問題》系列內容的第一期,這個系列內容是為了讓更多設計師小夥伴或者是其他想學習前端的小夥伴快速了解前端是什麼,怎麼學,學什麼,還有就是哪怕就算你不想學習前端,也需要去了解的一些在設計工作中常會碰到的一些前端或者開發技術相關的知識,我會用儘量通俗易懂的方式讓你聽明白所有這些內容
  • Web前端開發必不可少的9個開源框架
    大多數人想到Web開發時,通常會想到HTML或JavaScript,往往忽略了CSS,根據Wikipedia的說法,CSS既是網頁中最重要也是最常被遺忘的部分之一,儘管它是全球資訊網的三大基礎技術之一。今天就和大家分享9個流行的、強大的前端開源框架,幫助你輕鬆構建漂亮的網站前端。