1. web前端開發需要學習什麼
web前端開發需要的學的東西在下面這張圖
階段1.前端核心基礎
HTML +_CSS核心、JavaScript基礎語法、JavaScript面向對象、JavaScript DOM和
BOM編程、jQuery框架
階段2.HTML5 + CSS3 + 移動端核心
HTML5新特性、Canvas專列、CSS3新特性、CSS3進階、CSS3實例演練
階段3.移動端
移動端核心、移動端適配、移動端特效
階段4.伺服器端
伺服器端開發、資料庫操作、前後端交互核心、微信公眾號開發
階段5.JavaScript高級
JavaScript基礎深入剖析、JavaScript面向對象深入講解、JavaScript非同步編程、
JavaScript函數式編程JavaScript設計模式
階段6.前端必備
性能優化、版本控制工具、模塊化、項目構建工具
階段7.高級框架
React框架基本使用、React框架進階、Vue框架基本使用、Vue框架進階、Vue源碼分析
階段8.小程序
原生小程序入門、原生小程序API使用、小程序框架Mpvue
如果您是零基礎的話您可以按照順序學習就可以的,先學習最基礎的東西,有問題可以及時溝通。
2. web前端開發都需要學什麼
如果你是0基礎學習web前端的話,你需要從基礎開始,由淺入深,循序漸進。
首先,學習Web前端基礎知識HTML5+CSS3、JS交互設計,這兩部分內容是Web初級前端開發工程師需要掌握的;
其次,學習Node開發、前端框架,這兩部分內容是Web前端中級開發工程師、全棧開發工程師、Vue中高級開發工程師、React初級開發工程師需要掌握的;
最後,學習小程序+數據可視化,這部分內容學習完成是全棧開發工程師、小程序開發工程師、數據可視化開發工程師需要掌握的。
除了理論知識,更重要的是實操項目,將理論技術點運用到實踐中,這樣才能達到學以致用!
3. web前端面試筆試題答的不好,怎麼辦
准備下一次,沒有誰是一次性成功的,樓主加油。總結這次的教訓,下一次一定更好。
4. 零基礎學習web前端難不難
前端還是比較好學的,只要按照步驟慢慢學,多練習就可以
一、Web前端開發所需要的知識技能及學習路徑
1. HTML5 + CSS3 + JavaScript
Web開發基礎中的基礎,HTML是負責網頁結構,CSS負責網頁樣式,JS則負責邏輯交互。前兩者更像是標記語言,沒有什麼邏輯,JS才是前端的重中之重。 HTML5 新增的技術大部分需要結合JS學習。
每個人學習進度可能不同,這個階段主要是多仿站,熟悉基礎,試試用CSS寫響應式頁面,了解JS深入性的知識,比如原型鏈、閉包、 設計模式 等需要更多的積累,逐漸理解並實踐掌握。
2. JQuery + BootStrap + Ajax + Json
jQuery是JS的一個應用庫,能夠提升原生JS開發效率。Bootstrap則是響應式框架,更簡單的實現手機/平板/PC多個設備的頁面支持。Ajax技術用於非同步交互,不刷新頁面就能更新數據,比如 地圖 應用等。Json是一種數據格式,被廣泛應用在各大編程語言中。
jQuery 和 bootstrap 會簡化很多編寫的代碼量,用著不亦樂乎,但對於基礎還不是很扎實的人建議還是少用。 Ajax 和 json 通常用於和後端交互,在實際業務中也經常用到。
3. Git/SVN
版本管理工具,主要用於團隊開發時避免文件沖突,也可回檔。前端推薦學習Git。
4. Nodejs + Mysql /MongoDB(可選)
運行在伺服器端的JavaScript。Express是其拓展MVC框架。其中nodejs最常用到的就是npm包管理器,不用到各個網站去下載資源包。 資料庫 的學習可以選擇MongoDB或者MySQL,前者與Nodejs的契合度更好,不過現在大多數網站都是 PHP +Mysql的組合,如果有學PHP的打算的話,可以先學習 Mysql 。
5. ECMAScript 6
JavaScript 的語言標准。ES6中加入了很多新的概念,也彌補了之前版本中JS的很多缺陷,越來越多的項目開始運用ES6進行開發。學之前最好把ES5先搞懂了,目前實際項目中考慮到兼容性,ES6是需要通過Babel將其編譯為ES5來部署的。
我自己是一名從事了多年開發的web前端老程序員,目前辭職在做自己的web前端私人定製課程,去年我花了一個月整理了一份最適合2019年學習的web前端學習干貨,各種框架都有整理,送給每一位前端小夥伴,想要獲取的可以關注我的頭條號並在後台私信我:前端,即可免費獲取。
6. Angular/React/Vue
前端三大框架,各自也有著各自的生態系統,根據需求自行選擇學習。目前企業需求量最大的仍然是Angular,但近期趨勢來看react和vue則更受歡迎。因為現在前端技術發展太過於突飛猛進,工具和框架的更新比翻書還快,建議學習還是看文檔比較好。學習過程中也會遇到很多用到各種構建工具的時候。
7. 其他常用工具
這個一樣是根據需求自行選擇學習。比較常用的現在有 Web pack,可以將多個不同編程風格的文件打包,比如ES6/AMD/CMD之類的模塊化都能識別並編譯成 瀏覽器 能運行的文件。Sass/Less,CSS預編譯框架,可以用帶有邏輯性的方式編寫CSS代碼。Gulp/Grunt構建工具,可以自動化對代碼進行壓縮合並等工作。
8. 其他後端編程語言
目前市場對前端基本都要求會一門後端語言, PHP / JAVA / Nodejs / Python 等。
學習編程重要的還是實踐,多敲代碼,多去嘗試。獨立解決問題的能力、探究鑽研的精神是必不可少的。有興趣的話也可以自己搭建一個技術 博客 ,往 github 上傳幾個 開源 項目,這些都是不錯的加分點。
一名優秀的程序員 ,不僅僅是程序員 。
二、前端學習注意事項
1、打好基礎
無論做什麼都一定要有扎實的基礎,參加web前端培訓也不例外,只有基礎牢固,才能更深入的學習新技能。作為一名初級的web前端工程師,你必須要具備最基礎的技術要素:HTML,CSS和JavaScript。這是作為web前端工程師所必須要掌握的。Web前端的入門門檻其實很低的,與其他語言先慢後快的學習節奏相比,他是一個先快後慢的過程。所以在前期的學習過程中,你會很容易的掌握其基礎的技能。而隨著HTML5技術的廣泛應用,web前端的學習也會變得更加簡單。
2、注重細節
有句俗語是這樣說的:「細節決定成敗」,很多web前端開發者在工作過程中為了追求速度,而忽略了一些細節性的東西。比如:給代碼加備注,代碼的命名規范,代碼的簡潔等。所有的這些看似不重要,其實卻嚴重影響了項目的進度以及自身能力的提升。在開發過程中,適當的添加備注,能夠加深對技術點的印象,也便於以後在修改的過程中迅速查找;規范的代碼命名能夠方便團隊之間的溝通,提高工作效率;而簡潔的代碼能夠直觀的展現某一塊代碼的作用。
3、不斷加強學習
優秀的web前端工程師之所以優秀,不是因為工作的年限有多久,而是具備快速學習的能力。web前端開發是一個特殊的工作,涵蓋的知識面非常廣,而且互聯網行業技術的更新速度是非常快的,如果沒有快速學習的能力,就很難跟上時代的步伐。所以,作為web前端工程師一定要不斷的學習,提升技能。
作者:邢建
鏈接:https://www.hu.com/question/19637373/answer/824165923
來源:知乎
5. web前端初級面試要求
想要通過前端面試順利進入一線大廠成就高薪前端夢。那麼首先,我們得知道前端面試中,社招和校招究竟有啥區別?
對於前端開發來說,如果說社招更看重對前端技術體系的深入理解,以及解決問題的能力話,那校招更看重的其實是基本功和學習能力(或者說是潛力)。
但其實,無論是社招還是校招,面試的時候都會問到一些曾經操作過的項目,尤其是大廠,或者熱門高薪部門,面試官除必問的技術經驗外,也會對技術深度進行一個基礎的考核,那在這種情況下如何hold住大廠面試呢?
前端面試三要素:簡歷、個人介紹、技術能力。下面,就來分別聊一聊。
1、簡歷篩選關:
HR一般會去看簡歷中所提的技術棧是否匹配,怎麼看呢?我們可以抓住簡歷中的技術名詞,一般來說如果一點技術名詞都沒有提到,那麼大概有以下幾種可能:很水、很牛但概率很小、不會寫簡歷。所以,一部分人可能會因為簡歷的問題沒有了面試機會,這點是需要非常注意的。
2、個人介紹關:
通過了簡歷篩選階段,就真正到了面試環節。這時候一定要准備好一段最多3分鍾的個人介紹。請注意,最多3分鍾!言簡意賅的說明自己的工作時間,擅長技術棧和自己的工作預期。
3、項目經驗表達:
對前端開發學習者而言,JS並不陌生,但大廠的JS面試題卻總是顯得很「陌生」,怎麼樣能夠真正做到深入理解與高級應用?這不僅是面試過程中對前端求職者的要求,也是大多數前端開發者的痛點。
大廠面試中,面試官除了關注你的項目經驗外,還往往喜歡和面試者深入探討前端某些技術領域成體系的前端知識。比如:模塊化、非同步解決方案、網路、框架及原理、線程等,但在與面試官的正面battle中,求職者總會敗下陣來。
所以,建議大家在Web前端面試前一定要注重這三個方面的內容。注重了這些想找找到一份適合的Web前端開發工作並不是難事。
6. 打算作web前端工程師,全國計算機技術與軟體專業資格考試有用嗎
Web前端學習順序就是HTML ->DIV_CSS -> javascript ,如果你沒有學過其它編程語言,javascript自學就比較難了。HTML ,DIV_CSS都是死記標簽的
學習web前端,需要掌握這些知識點
1、前端入門:頁面布局與重構、HTML、CSS
2、web交互開發:JavaScript、jQuery、Ajax
3、移動前端開發:響應式布局、HTML5、CSS3
4、前端高級開發:原生移動開發、微信開發
7. 誰能給我出一兩道 web前端筆試題 上機題啥的,呵呵,比較常考的
[面試題] 某企業前端開發面試題
【HTML & CSS】
1. Doctype? 嚴格模式與混雜模式-如何觸發這兩種模式,區分它們有何意義?
2. 行內元素有哪些?塊級元素有哪些?CSS的盒模型?
3. CSS引入的方式有哪些? link和@import的區別是?
4. CSS選擇符有哪些?哪些屬性可以繼承?優先順序演算法如何計算?內聯和important哪個優先順序高?
5. 前端頁面有哪三層構成,分別是什麼?作用是什麼?
6. css的基本語句構成是?
7. 你做的頁面在哪些流覽器測試過?這些瀏覽器的內核分別是什麼?經常遇到的瀏覽器的兼容性有哪些?怎麼會出現?解決方法是什麼?
8. 如何居中一個浮動元素?
9. 有沒有關注HTML5和CSS3?如有請簡單說一些您對它們的了解情況!
10. 你怎麼來實現下面這個設計圖,主要講述思路 (效果圖省略)
11. 如果讓你來製作一個訪問量很高的大型網站,你會如何來管理所有CSS文件、JS與圖片?
12. 你對前端界面工程師這個職位是怎麼樣理解的?它的前景會怎麼樣?
【Javascript】
1. js是什麼,js和html 的開發如何結合?
2. 怎樣添加、移除、移動、復制、創建和查找節點
3. 怎樣使用事件以及IE和DOM事件模型之間存在哪些主要差別
4. 面向對象編程:b怎麼繼承a
5. 看看下面alert的結果是什麼
view sourceprint?1.function b(x, y, a) {
.arguments[2] = 10;
.alert(a);
}
b(1, 2, 3);
如果函數體改成下面,結果又會是什麼?
a = 10;
alert(arguments[2] );
6. 請編寫一個JavaScript函數 parseQueryString,它的用途是把URL參數解析為一個對象
var obj = parseQueryString(url);
alert(obj.key0) // 輸出0
7. ajax是什麼? ajax的交互模型? 同步和非同步的區別? 如何解決跨域問題?
8. 什麼是閉包?下面這個ul,如何點擊每一列的時候alert其index?
<ul id=」test」>
<li>這是第一條</li><li>這是第二條</li><li>這是第三條</li>
</ul>
9. 最近看的一篇Javascript的文章是?
10. 常使用的庫有哪些?常用的前端開發工具?開發過什麼應用或組件?
11.說說YSlow(可以詳細一點)
答案在參考資料裡面可以找到,答案在參考資料裡面可以找到,答案在參考資料裡面可以找到
8. Web前端工程師面試題
網路下 那些大公司的面試 拿幾個來折騰下 研究下 會學到不少東西
9. hr如何面試web前端工程師,該問哪些技術問題
近來幾個月,一直在努力尋找前端戰友,未果,一路的招聘經歷下來,心生不少感慨, 一直都很小心翼翼的,怕錯失了高人,又更加怕失誤把關不夠招到不合格的同學進來公司,對公司對項目造成某些影響。
面試前端工程師對我來說是一件非常有意思的事,因為面試過程很大程度上也是自我提升的過程。無論大公司還是小公司,之所以在如何招聘到真正有能力的 前端工程師方面會遇到同樣的問題,就是因為負責招聘的那些人不知道自己公司需要什麼樣的人,結果問問題時也問不到點子上。經過這幾年在行業里的摸索,我總 結出了自己的一套很有效的面試前端工程的方法。
有的應聘者說我不好對付,但留給他們這樣的印象也並非我所願。我覺得之所以他們說我不好對付,主要是因為我問他們問題時問得太細了。以前我曾專門寫過一些 東西,告訴應聘者怎麼才能通過我的面試(Surviving an interview with me)以及優秀的前面工程師應該具備什麼樣的素質(What makes a good front end engineer?),而我的面試可以說完全是按照那兩篇文章的標准進行的。我不會問一些特別偏門的問題,也不認為出幾道邏輯題就能考出人的真實水平。我 唯一的想法就是確定你能否勝任我們要招的這個職位。為此,我需要簡單地考察如下幾個方面。
基本知識
我們生活在互聯網時代,你想知道的任何事情幾乎都能在15分鍾內找到相關信息。可是,能找到信息並不等於你會使用它。我認為所有前端工程師至少都應 該掌握某些基本的知識,才能有效地完成自己的工作。如果一遇到問題,就停下工作上網四處搜索解決方案,怎麼可能保證按期完成工作呢?聽聽,還有誰在說「我 不知道,但我可以上網搜到。」請這些同學把手舉起來,讓大家認識一下(immediately raises a flag for me.)。下面我列出一些基本的知識點,這些都是我認為一名前端工程師(無論工作年頭長短)在沒有任何外來幫助的情況應該知道的。
DOM結構——兩個節點之間可能存在哪些關系以及如何在節點之間任意移動。
DOM操作——怎樣添加、移除、移動、復制、創建和查找節點。
事件——怎樣使用事件以及IE和DOM事件模型之間存在哪些主要差別。
XMLHttpRequest——這是什麼、怎樣完整地執行一次GET請求、怎樣檢測錯誤。
嚴格模式與混雜模式——如何觸發這兩種模式,區分它們有何意義。
盒模型——外邊距、內邊距和邊框之間的關系,IE 8以下版本的瀏覽器中的盒模型有什麼不同。
塊級元素與行內元素——怎麼用CSS控制它們、它們怎樣影響周圍的元素以及你覺得應該如何定義它們的樣式。
浮動元素——怎麼使用它們、它們有什麼問題以及怎麼解決這些問題。
HTML與XHTML——二者有什麼區別,你覺得應該使用哪一個並說出理由。
JSON——它是什麼、為什麼應該使用它、到底該怎麼使用它,說出實現細節來。
重申一下,上述這些知識點都應該是你應該「想都不用想」的東西。我一開始問的所有問題都是想摸清你對所有這些領域知識的掌握程度。雖然上面列出的這些知識點並沒有面面俱到,但我覺得你至少應該掌握這些,才有可能跟我坐到一間辦公室里來。
少量提問
我非常贊同面試者問的問題越少越好。反復問應聘者各種問題既不公平,也很無聊。我在任何一次面試中,通常只問三個大問題,但每個問題又會涉及我所能想到的多個方面。回答每個大問題一般要經過幾個步驟,這樣我就可以在每個步驟中穿插著問一些小問題。比如說:
現在有一個正顯示著Yahoo!股票價格的頁面。頁面上有一個按鈕,你可以單擊它來刷新價格,但不會重新載入頁面。請你描述一下實現這個功能的過程,假設伺服器會負責准備好正確的股票價格數據。
這個問題牽扯到一組我想要考察的基本知識點:DOM結構、DOM操作、事件處理、XHR和JSON。如果我要求你對換一種處理股票價格的方式,或者 讓你在頁面中顯示其他信息,就可以把更多的知識點包括進來。對於經驗比較豐富應聘者,我也可以自如地擴展要考察的知識范圍,最簡單像JOSN與XML的區 別、安全問題、容量問題,等等。
我還希望應聘者給出的任何解決方案中都不要使用庫。我想看到最原生態的代碼,你就當頁面中沒有包含任何庫。你說你對哪個庫了解多少多少,但我不能把 關於庫的知識作為評判能力的因素,因為庫是會隨時間變化的。我需要的是真正理解庫背後的機制,特別是能夠徒手寫出一個自己的庫的人。
解決問題
做為一名前端工程師,最值得高興的事莫過於解決同一個問題會有很多種不同的方法,而你要做的就是找出最合適的方法來。我在提問的時候,經常會在應聘 者解釋完一種方法後問他們還有沒有第二種方法。此時我會跟他們說,假設你的這個方法由於種種原因被否決了,那麼你還能不能給出另一種方法。這樣做可以達到 兩個目的。
首先,可以測試出他們是否在毫無意義地復述書本中的東西。不能不承認,某些人確實有過目不忘的天賦,聽他們在那裡滔滔不絕地講,你會覺得他們什麼都 明白。可是,只要一跟這些人談到怎麼查找方案無效的原因,以及能否拿出一個新方案來,他們往往就傻眼了。這時候,如果我聽到「我不明白這個方案為什麼不夠 好」之類的反問,心裡立刻就明白我的問題已經超出了他們的能力范圍,而他們只是想拿自己死記硬背的結論來矇混過關。
其次,可以測試出他們已經掌握的(還是那句話,「想都不用想」)瀏覽器技術知識。如果他們對瀏覽器平台的核心知識有較好的理解,想出解決同一問題的不同方案根本沒有那麼難。
對一名前端工程師來說,這絕對是最重要的能力。前端工程師在工作中遇到本該如此卻並未如此的難題(說你啦,IE6),應該說是一件很平常的事。一個方案無效就無計可施的人,做不了前端工程師。
考核應聘者解決問題能力的另一層原因,與我的個人喜好有關。在搞清楚應聘者知道什麼不知道什麼之後,我就會想著問一個他們知識領域之外的問題。這樣 做的目的,就是想看看他們怎樣運用已有的知識解決新問題。在解決問題的每一步,我也准備了一些提示,以防有人會卡殼打艮(在我面前15分鍾一言不發,對我 評價這個人毫無幫助)。我真正感興趣的,是他們能夠從上一步前進到下一步。我希望看到一個人就在我眼前學到新知識。
注意:所有問題都與瀏覽器技術相關。我不相信出幾道抽象的邏輯題,就能夠考出某人解決Web技術問題的能力。在我看來,這無異於讓素描大師畫肖像(或者讓劉翔跟博爾特同場競技),沒有意義,也得不到任何有價值的信息。
有激情
要成為一名優秀的前端工程師,最重要的莫過於對自己做的事要有激情。我們技能都不是從學校中或者從研討會上學來的,因此前端工程師必須具備自學能 力。瀏覽器技術的變化可謂日新月異,所以也只有不斷提升自己的技能才做得到與時俱進。我雖然不能強迫誰必須多看博客、不斷學習,但想應聘前端工程師的人恐 怕還是必須這么做的。
你怎麼知道誰對這種工作有沒有激情?實際上非常簡單。我只問一個簡單的問題:「目前你對什麼Web技術最感興趣?」這個問題永遠不會過期,而且也幾 乎不可能出錯……除非你答不上來。就眼下來說,我希望你對這個問題給出的技術中包括WebSocket、HTML、WebGL、客戶端資料庫,等等。只有 對Web開發充滿激情的人,才會堅持不懈地學習新知識、掌握新技能;這些人才是我真正想要的。當然,我會讓他們詳細解釋自己提到的技術,以保證他們不是隨 口說了幾個時髦的新詞彙。
最後一點
計算機科學或者Web設計方面的知識當然也有用,但那都是基本知識之外的東西。只要基本知識在那兒了,一切就都有了基礎,想擴充知識面也不難。可 是,如果等到正式上班以後,還得從頭學習基本技能,那種難度是不可同日而語的。另外,高級前端工程師與一般工程師相比,肯定需要掌握更多的技能。而面試幾 乎沒有經驗大學畢業生,同樣也會有一套完全不同的程序。我在這篇文章里列出來的都是一些最基本的東西。
對於那些還沒有多少面試經驗的人,我總是喜歡告訴他們,面試完了只要問自己一個問題就行:你想以後跟這個人在一起共事嗎?如果不管為什麼,回答是不,那就是不。