當前位置:首頁 » 網頁前端 » 適合做前端項目的網站
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

適合做前端項目的網站

發布時間: 2023-08-16 01:00:37

① 如果以後想做前端,應該從哪些網站來找項目,來作為找工作的作品呢我知道有github,還有其他網站嗎

如果想在國內從事前端工作,而且是毫無前姿襪斗端經驗的話,建議可以先學習Vue。

因為現在主流的前端已經是單頁應用,而Vue的入門難度最低。

入門後可以仿照網易雲音樂,餓了么之類的APP,作為自己的展示項目。這些網上都有比較好的教程,跟著做一遍能學到不少前端和Vue的知識。

如果你希望從事前端,當務之急並不是「從網站好帶尋找項目」,而是對跡磨照著一個參考教程項目,認真研究其中的知識,並且打造出自己的一個展示項目,這樣會給你的求職帶來不少幫助。

加油!

② Web開發、前端設計有哪些優質資源

做前端設計、網頁設計的,素材永遠很重要。因為素材的美觀程度往往直接決定了網頁頁面的風格、整潔度、色調等等。

我大學時候,在一家非常小型的創業公司實習。公司人員只有幾個,所以在那時我基本上算是獨立開發了一個旅遊酒店訂購平台,前端設計、後端開發、公眾號開發等等都涉及,那段時液巧間基本是我最全能的時候了。

所以當時我也收集了許多的前端素材,在這里一並分享給大家。

一、圖標類

每一個Web開發者,尤其是前端開發人員一定都會需要icon圖標來為項目增色。

FontAwesomeIcons

FontAwesome提供可縮放的矢量圖標,可以使用CSS所提供的所有特性對它們進行更改,包括:大小、顏色、陰影或者其它任何支持的效果。

IconMonster

特點:免費,高質量,。非常簡潔的icon圖標庫鬧滲鍵。

IconFinder

這是一個比較有設計感的Icon圖庫,並且已經打包分類好,缺點是只有部分是免費的。個人覺得裡面免費的圖庫也已經夠用了。

附上聖誕特輯!

Iconfont-Alibaba

阿里巴巴UX部門推出的矢量圖標管理網站喊孝,也是國內首家推廣Webfont形式圖標的平台。這個相信大家都用過!

二、圖片素材

無版許可權制的圖片素材

PEXELS

Pexels可以說是圖片素材界的超級網紅了,說到圖片肯定哪裡都有它,我自己都推薦好幾次了。可以免費下載各種各樣的解析度,包括原圖尺寸。

例如搜索:聖誕節(Christamas)

PNGimg

這個主要用作素材,是不同種類的無背景素材圖片!直接可以免費用。注意它是全部都是無背景圖片,非常適合那些需要PNG透明底配圖的。

例如搜索:Birds

KaboomPics

KaboomPics是以生活化免費高質量圖片素材為主的圖片素材庫。裡面的圖片都是攝影愛好者攝影後通過審核上傳的。並且可以應用於任何項目,沒有版許可權制。

自媒體可以從中找封面圖,攝影愛好者也可以從中欣賞或著學習。

Unsplash

先這樣~希望這些資源對你有幫助,下次還會更新一些web開發的常用工具。

如果有幫助,歡迎關注我以示支持,也以防錯過下一波干貨!~

③ js特效寫的非常棒的網站有哪些,要做一個前端網站,想參考下

不要用js了,考慮一下vue和react的吧,餓了么有開源的的基於vue和react的模板,你可以參考一下

④ 前端開發參考哪些網站,哪些論壇好

藍色天空和博客園這兩個論壇比較好

⑤ 有什麼好的前端學習的視頻或者網站嘞

詳細的解釋一下web前後端的區別

1、

前台:呈現給神乎悉用戶的視覺和基本的操作。

後台:用戶瀏覽網頁時,我們看不見的後台數據跑動。後台包括前端、後端。

前端:對應我們寫的html、css、javascript 等網頁語言作用在前端網頁。

後端:對應jsp、javaBean、層、action層和service層的業務邏輯代碼。(包括資料庫

為什麼jsp是後端呢?主要是jsp的運行原理是在tomcat伺服器運行的。

2、

(1)javaweb是java開發中的一個方向 java有搞安卓的,搞web的,搞嵌入式的等。javaweb就是指搞web方向的,javaweb分兩塊,一塊是伺服器端叫後端,另一塊叫前端,也就是web前端。前端就是用戶能看到的部分,比如淘寶網,qq空間,網頁上你能看到的都是web前端做的。後端做的就是為前端的展示業務邏輯功能做處理。

(2)java web包括了jsp,servelt以及一些框架比如spring,structs以及與資料庫交互的知識,當然也涉及到了html,css等前端技術,但是更側重於後端的開發。web前端主要是html,css,javascript之類的技術。

jaweb是javaee的一個方向,Javaweb,由前端、Java代碼、和資料庫三個大方面組成,前端只是其中之一。

(3)在我們的機子上看到的界面,安裝的程序,給用戶看的,操作的就是前端;而你看不到的,幫你保存網路游戲數據,保存應用數據,處理數據的就是後端(伺服器)。比如說:我們在用的知乎就是前端,而保存這個問題,還有把這個問題推送給你的就是後端。

二、定義不同

一般來說,我們將網站分為前端和後端。前端主要負責頁面的展示,後端則是業務邏輯的實現。

1、Web前端:

顧名思義是來做Web的前端的。這里所說的前端泛指Web前端,也就是在Web應用中用戶可以看得見碰得著的東西。包括Web頁面的結構、Web的外觀視覺表現以及Web層面的交互實現。

2、Web後端:

後端更多的是與資料庫進行交互以處理相應的業務邏輯。需要考慮的是如何實現功能、數據的存取、平台的穩定性與性能等。

三、需要掌握的技術不同

1、Web前端:

精通JS,能熟練應用JQuery,懂CSS,能熟練運用這些知識,進行交互效果的開發。

(1)精通HTML,能夠書寫語義合理,結構清晰,易維護的HTML結構;

(2)精通CSS,能夠還原視覺設計,並兼容業界承認的主流瀏覽器;

(3)熟悉JavaScript,了解ECMAScript基礎內容,掌握1-2種js框架,如JQuery;

(4)對常見的瀏覽器兼容問題有清晰的理解,並有可靠的解決方案;

(5)對性能有游乎一定的要求,了解yahoo的性能優化建議,並可以在項目中有效實施。

2、Web後端:

後端開發人員:會寫Java代碼,會寫sql語句,能做簡單的資料庫設計,會Spring和iBatis,懂一些設計模式等。

(1)精通jsp,servlet,javabean,JMS,EJB,Jdbc,Flex開發,或者對相關的工具、類庫以及框架非常熟悉,如Velocity,Spring,Hibernate,iBatis,OSGI等,對Web開發的模式有較深的理解;

(2)練使用oracle、sqlserver、mysql等常用的資料庫系統,對資料庫有較強的設計能力;

(3)熟悉maven項目配置管理工具,熟悉tomcat、jboss等應用伺服器,同時對在高並發處理情況下的負載調優有相關經驗頃叢者優先考慮;

(4)精通面向對象分析和設計技術,包括設計模式、UML建模等;

(5)熟悉網路編程,具有設計和開發對外API介面經驗和能力,同時具備跨平台的API規范設計以及API高效調用設計能力。

四、web後端和前端是怎麼連接的?

1、web伺服器(apache、tomcat等),網路協議(http、socket等),瀏覽器(chrome、FF、IE等)。瀏覽器發起建立連接請求,通過網路協議與伺服器建立連接,伺服器保持連接,獲取瀏覽器想要的數據,伺服器通過連接返回內容給瀏覽器,瀏覽器把數據呈現出來。

2、連接的協議一般是http,也有websocket。伺服器以服務的方式存在,就像外賣店,你打個電話過去,人家就把飯菜送上門來了。

3、web伺服器訪問資料庫一樣要使用網路連接,埠只是開放服務的入口而已,就像外賣的電話。

五、JavaWeb與web前端的區別?

1、web前端,主要是給網站做靜態頁面的,也就是說你平時瀏覽的網站所看到的頁面基本都出自web前端,不過網站版面可以是美工出圖。

web前端需要掌握的技術有:DIVCSS,j,jQuery更高一層的是可以去使用一些框架去網站頁面。這樣的框架也有很多。如Bootstrap,UIkit,Kube等等。

2、javaweb一般涉及到前端。而web前端開發只是有可能涉及到java。

前端開發一般只涉及到js,html,css,有些可能會用flash,photoshop這些。框架就jquery,ext,jodo等這些。

web前端的話他的後端可能是java,也可能是.net或者php等都可能,但javaweb可以確定後端就是java,web前端其實都一樣。

前端和Javaweb的區別更多的在於一個主要負責前端的設計和效果,而Javaweb更專注於後端的內容。

3、剛開始從事web開發時,首先要選准學習方向,看是想從事前端部分還是後端程序部分。當然在工作的後期,就不會分的那麼細致了。做前端到後期也會懂一些後端的技術,反之,後端也是。

六、學習Web前端開發都需要掌握哪些技能?

1、學習html。這個是最簡單的,也是最基礎的.要熟練掌握div、form table、ul li 、p、span、font這些標簽,這些都是最常用的,特別是div和table,div用於布局、table也可以用於布局,但是不靈活,基本 table是用來和數據打交道。

2、學習css。這里說的css不包括css3,一般我們看到web前端開發工程師的要求裡面,有一個會使用csshtml 或者 cssdiv 來進行界面布局,所以css是用於輔助html來布局和展示的,我們稱之為「css樣式」,為什麼會說cssdiv呢?因為我上面說了div就是 html主要用於布局的東西,所以div就是核心掌握的東西!那麼css肯定必須要配合div來使用才好.css要熟練掌握float、 position、width、height,以及對於的最大最小、會使用百分百、overflow、margin、padding等等,這些都是跟布局 有關系的樣式,一點要掌握。

3、學習js。可能前兩個大家覺得還過的去,看到js就傻眼了,其實吧,js入門很簡單的,不需要會很多東西的,只要會根據某個id、或者name拿到網頁dom或者樣式、或者值,然後會給某個id或者name的元素標簽賦值、或者追加數據、追html,這個是跟數據有關系的操作,然後數據邏輯判斷,效果方面的,無非就是跳轉、彈框、隱藏什麼的,把這些全部結合其他就是實際用途了,代碼一點都不難,會了這些基礎js,其他的直接網路就好了.然後看多了,用多了,就什麼都不是問題了。

4、學習jquery。jquery是相當於把js封裝了一套的一個js插件,目的就是操作起來更方便,代碼寫的更少,jquery入門也很簡單,那些是入門需要學的和js一樣,只是換成了jq的代碼.其他的一樣網路就夠了。

5、最好會點後台語言,比如java、php,為什麼呢?因為前台界面的數據都是從後台來的,如果會點後台代碼,就知道怎麼跟後台交互數據是最好的, 這樣節約時間,也可以讓前端代碼更規范.不然可能因為你的寫法和後端給來的數據不能結合上,那麼前端代碼又得重新寫,那就更加麻煩了。

6、學習css3html5,可能這個對於更接手的新人來說有點困難,需要較強的代碼知識與經驗,但是如果你們是准備專門搞前端,那麼最好還是學一下,這樣對於將來的工作會有更大的幫助。

七、從事Java後端開發都需要掌握哪些技能?

對於初學Java並且有志於後端開發的同學來說,需要重點關注以下幾個部分:

1、基礎:比如計算機系統、演算法、編譯原理等等

2、Web開發:主要是Web開發相關的內容,包括HTML/CSS/js(前端頁面)、 Servlet/JSP(J2EE)以及MySQL(資料庫)相關的知識。它們的學習順序應該是從前到後,因此最先學習的應該是HTML/CSS/JS(前端頁面)。還有一些前段框架比如easyui,還有js,jquery等技術。

3、J2EE:你需要學習的是Servlet/JSP(J2EE)部分,這部分是Java後端開發必須非常精通的部分,因此這部分是這三部分中最需要花精力的。關於Servlet/Jsp部分視頻的選擇,業界比較認可馬士兵的視頻。 4、資料庫:你需要學會使用資料庫,mysql是個不錯的入門選擇,而且Java領域里主流的關系型資料庫就是mysql。這部分一般在你學習Servlet/Jsp的時候,就會接觸到的,其中的JDBC部分就是資料庫相關的部分。你不僅要學會使用JDBC操作資料庫,還要學會使用資料庫客戶端工具,比如navicat,sqlyog,二選一即可。

5、開發框架:目前比較主流的是SSM框架,即spring、springmvc、mybatis。你需要學會這三個框架的搭建,並用它們做出一個簡單的增刪改查的Web項目。你可以不理解那些配置都是什麼含義,以及為什麼要這么做,這些留著後面你去了解。但你一定要可以快速的利用它們三個搭建出一個Web框架,你在搭建SSM的過程中,可能會經常接觸到一個叫maven的工具。這個工具也是你以後工作當中幾乎是必須要使用的工具,所以你在搭建SSM的過程中,也可以順便了解一下maven的知識。在你目前這個階段,你只需要在網路上了解一下maven基本的使用方法即可,一些高端的用法隨著你工作經驗的增加,會逐漸接觸到的。

6、你需要去看一些JDK中的類的源碼,也包括你所使用的框架的源碼。這些源碼能看懂的前提是,你必須對設計模式非常了解。否則的話,你看源碼的過程中,永遠會有這樣那樣的疑問,這段代碼為什麼要這么寫?為什麼要定義這個介面,它看起來好像很多餘?由此也可以看出,這些學習的過程是環環相扣的,如果你任何一個階段拉下來了,那麼你就真的跟不上了,或者說是一步慢步步慢。總而言之,這個階段,你需要做的是深入了解Java底層和Java類庫(比如並發那本書就是Java並發包java.concurrent的內容),也就是JVM和JDK的相關內容。而且還要更深入的去了解你所使用的框架,方式比較推薦看源碼或者看官方文檔。

希望對您有所幫助!~

⑥ 國內外有哪些好的前端實戰網站

GitHub。GitHub是一個面向開源及私有軟體項目的託管平台,因為只支持 Git 作為唯一的版本庫格式進行託管,故名 GitHub。裡面有上百萬程序的源代碼,是一個通過「閱讀源代碼」來學習技術的一個很好的網站。

HTML5學堂。HTML5學堂是一個致力於構建前端、HTML5的「原創」分享平台。為學習者提供一些資料,也為廣大前端愛好者提供一個平台。HTML5學堂最初由兩名講師創建,由多名HTML5講師以及HTML5開發工程師運營,在這個網站中並沒有什麼廣告,而且內容都是原創,講解比較通俗易懂。涵蓋了HTML與CSS、JavaScript、jQuery、AJAX等前端的基本的知識、HTML5的實例開發、JavaScript底層知識、類庫、面試真題、相關技術、行業未來發展等。

各類博客,包括「阮一峰」「司徒正美」「張鑫旭」「獨行冰海」等各個博主,網路都能夠直接查到。不同博客網站有不同的偏向,有偏向於實戰的,有偏向於理論的,也有偏向於工程化的等等。

W3School。中文Web 技術教程,屬於字典式的內容呈現方式。從基礎的 HTML 到 CSS,乃至進階的XML、SQL、JS、PHP 和 ASP.NET都有所涉及。大部分常見屬性以及方法都提供了案例,專門針對小知識點進行講解,知識涉及比較全面的一個網站,不足之處在於沒有知識與知識之間的聯系。

還有一些網站,就屬於「論壇類」或「小型門戶類」的網站了,「HTML5中國」、「前端圈」之類的,文章質量一般吧。

⑦ 作為程序員,最常上的網站有哪些

推薦十二個值得程序員和想成為程序員的你,每天一看的網站:

1. GitHub — 開發者最最最重要的網站:https://github.com

這個不用多說了吧,代碼託管網站,上面有很多資源,想要什麼輪子,上去搜就好了。並且呢,上面有很多優秀的程序員,你可以在這里交到很多好朋友喔。

2. 掘金 — 幫助開發者成長的技術社區:https://juejin.im

現在國內優質的開發者交流學習社區,可以去看大佬們寫的文章,也可以自己分享 學習心的 ,與更多開發者交流。認識更多的小夥伴兒,提升個人影響力。

3. 演算法學習 LintCode:https://www.lintcode.com/

演算法學習網站,上去每天刷兩道演算法題,走遍天下都不怕。

4. 演算法學習 LeetCode:https://leetcode.com/

也是演算法題網站,同上。

5. 演算法學習 LeetCode 中文站:https://lingkou.com/

這個是上面演算法題網站的中文站點,英文不好的可以刷這個,英文好的推薦去刷英文網站的題目,還能提升英語能力。

6. 牛客網 — 面經和刷面試題:https://www.nowcoder.com

各個公司的面試題和面經分享,找工作前認真刷一刷,一定會有很大收獲!拿到心儀的 offer!

7. Web 開發練習題:https://www.freecodecamp.org/

這是國外發起的一個 Web 開發學習的網站,從簡單到深入,一步一步帶你學習 Web 開發。就像一本練習冊,並且當你完成相應的內容後,會得到相應的資格認證。

8. 網路前端技術學院 — 前端開發項目庫:http://ife..com

學前端的看這里,網路官方推出的前端開發學習技術學院,題目從簡單到困難,如果你把裡面的題都做會了,找個 BAT 的前端工作不成問題的。

9. Stack Overflow — 解決 bug 的社區:https://stackoverflow.com/

開發過程中遇到什麼 bug,上去搜一下,只要搜索的方式對,百分之 99 的問題都能搜到答案。在這里能夠與很多有經驗的開發者交流,如果你是有經驗的開發者,還可以來這兒幫助別人解決問題,提升個人影響力。

10. 程序員客棧:https://www.proginn.com/

程序員客棧是領先的程序員自由工作平台,如果你是有經驗有資質的開發者,都可以來上面注冊成為開發者,業余的時候做點項目,賺點零花錢。當然,如果你想成為一名自由工作者,程序員客棧也是可以滿足的。只要你有技術,不怕賺不到錢。

11. v2ex:https://www.v2ex.com/

V2EX 是一個關於分享和 探索 的地方,上面有很多各大公司的員工,程序員。你想要的應有盡有。

12. CSDN:https://www.csdn.net/

老牌專業 IT 技術社區,有很多厲害的開發者,當然也有很多小白。在上面可以寫文章,分享看法,也可以閱讀學習別人分享的內容。

想要成為一名厲害的,有影響力的程序員,一般平時要多分享自己的學習記錄和感悟,讓更多人認識你。同時你也多看看別人的分享,了解一下別人正在做什麼,別人是怎樣學習的,是怎樣解決問題的,多主動與大家溝通交流,多交一些相關方向的朋友。

⑧ web前端怎麼自學,有什麼好的網站,或者資料推薦嗎

隨著Web前端的風行於世,有許多小夥伴加入了前端開發行業,但是有很多小夥伴想學Web前端很久了
首先,Web工程師要入門必須要了解前端、後端、後台的基本概念,同時要了解基本的html、css和javascript語法,最後根據設計師的設計圖在不考慮兼容性的情況下把頁面做出來。
其次,你可以把html、css和javascript分成三個階段進行學習。
第一階段:HTML的學習
Html是超文本標記語言,英文全稱為HyperText Mark-up Language,這是一個網頁的骨架。靜態網頁還是動態網頁,最終返回到瀏覽器端的都是HTML代碼,瀏覽器將HTML代碼解釋渲染後呈現給用戶。
當然,學習html過程是比較枯燥乏味的,所以你需要更有效的學習策略。依w3cschool看來,你可以藉助Dreamweaver的「拆分」視圖輔助學習。在「設計」視圖中看效果,在「代碼」視圖中學本質,將各種視圖的優勢發揮到極致,想必會比單純記憶HTML標簽和屬性有趣、有用的多吧?
第二階段:CSS的學習
CSS是英文Cascading Style Sheets的縮寫,叫做層疊樣式表,是能夠真正做到網頁表現與內容分離的一種樣式設計語言。
學習css建議可以看相關的一些書籍,如《CSS權威指南》(很詳細、很經典!)、《CSS揭秘》 《精通CSS:高級Web標准解決方案》,博客和專欄等也可以瀏覽。
第三階段:JavaScript的學習
JavaScript是一種在客戶端廣泛使用的腳步語言,在JavaScript當中為我們提供了一些內置函數、對象和DOM操作,進而實現客戶端的特效、驗證、交互等。
建議可以看《javascript語言精粹》,js是一門很混亂的語言,這本書能夠幫助你區分哪些是語言的精華,哪些是糟粕。如果是精華部分,我們在後續進階部分可以深入研究,而如果是糟粕部分,那麼只要大概看懂別人寫的渣代碼就可以,自己還是不要嘗試為妙。
通過這三個階段的學習,我們就可以往更高級的web前端工程師進階了!
這里給你推薦5個網站供你學習

博客園
一個面向開發者的知識分享社區,一個IT技術人員想為IT技術人員們提供一個純凈的技術交流空間,博客園很長時間只有一個不能再簡單的博客,近四年,博客園僅靠一個人幾年工作的積蓄在維持。
芯晴素材網-網頁特效代碼
是一個集各種網頁素材以及網頁源碼為一體的面向開發人員的一個網頁素材網站,如果你想要學習前端頁面開發,這里,將是一個很好的起點。
jquery中文網
前端所能涉及領域的干貨文章,包括:Jquery、腳本編程、資料庫、伺服器技術、操作系統、建站教程。
菜鳥教程
網站HTML、CSS、Javascript、PHP、C、Python等基礎編程教程,同一個知識點有多篇不同角度的文章可供參考學習,資源免費,會實時更新站內文章。
jquery插件庫
各種前端程序員能用到的插件,喜歡研究新東西的自學者可以在這個網站里挖掘各種小插件。
以上的回答希望對你有所幫助