Ⅰ 求推薦一個web前端的學習路線
初級前端
主要學習三個部分:HTML,CSS,JavaScrip
(1)html + css部分
這部分特別簡單,到網上搜資料,書籍視頻非常多。css中盒子模型,流動,block,inline,層疊,樣式優先順序等這些自學起來也是非常容易。最後再深入了解下瀏覽器差異性,ie9以下兼容簡單了解就行了,ie9以下瀏覽器被淘汰掉是趨勢,低版本沒必要浪費大量時間去學習兼容主流瀏覽器,google chrome瀏覽器、firefox瀏覽器、safari瀏覽器、opera瀏覽器即可。瀏覽器差異內容很多,建議在實踐中多多積累。
(2)JavaScript部分
基礎學習:難點,也是重點,要學的內容實在很多,如果沒有其他編程語言的基礎的話,學起來可能要費些力,有很多比較抽象的概念,必須要深入理解,比如閉包、原型、面向對象、封裝等,要理解透徹。看書是必不可少的,找一本優秀的js書從頭到尾,反復研究學習,第一遍可以快速翻閱,大體知道了解概念即可,第二三遍就需要深入學習了。邊學邊練,實踐出真知。
jQuery學習:這些基礎知識掌握好之後,還需要學jQuery,這是一個非常優秀的Javascript庫,大型開發必備。它簡化了Javascript的復雜操作,消除了Javascript跨平台兼容問題,提供了大量實用方法,有良好的文檔和幫助手冊,是一個非常成熟的Javascript庫。
進階學習:
有了以上知識,對於大多數小型網站,你應該已經可以寫出能夠工作的代碼了。但要想成為更專業的前端,你還需繼續努力。更高的要求大概還有四方面:易維護,可測試,高性能,低流量(移動端)。
Ⅱ web前端是自學好還是去培訓機構學好我之前沒有接觸過的
「我要自學,做web前端開發工程師!」,總是有許許多多的人做出這樣的誓言,但最終都無法如願實現。
這些人往往考慮到去培訓機構需要付出較高的金錢、時間成本,並且如今是市面上的培訓機構魚龍混雜,不知道該如何選擇,害怕自己的錢打水漂。
但殊不知,盡管在家自學的成本低,但需要非常強的自製能力,能夠耐得住獨自學習的寂寞,堅持按照自己的規劃進度進行學習,並且在這期間沒有專業導師指導自己遇到的技術難點,容易造成半途而廢。
自學的途徑無非是慕課網,網易雲課堂,騰訊課堂等網上搜的各種視頻和文檔資料,這其中可能有很多你不能理解的知識點,也許你會查閱書籍,或者網上查找視頻資料,但是這些你看了後,還是覺得雲里霧里的,甚至完全沒有頭緒,可以說自學的話,弊端就是很慢,不系統。
之前見過的很多學員都反映自己十分很喜歡前端,於是就開始買各種書籍,網上找各種資料,剛開始學的時候是激情四射,到中間是非常的吃力,遇到的一些問題不知道如何解決,甚至網上的都沒有說清楚,想找個稍微懂點的人問問吧,只能靠一些社交工具,有相當一部分自學前端的人往往都是自學了兩三個星期,甚至有的自學了兩個多月了,遇到了瓶頸實在學不下去了,或者感覺學習之後沒有任何效果,明明代碼都認識,可就是寫不出東西,最終還是以無果而告終。
如果你真的很喜歡前端開發,或是想掌握一門實實在在的技能,以後從事這類工作,建議你還是選擇適合自己的培訓班。
相比較自學的來說,通過培訓班學習進入的誤區更少,對知識和代碼的理解更為系統,遇到任何問題都有專業老師一對一解疑答惑,而且時間更短。
Ⅲ web開發學習路線有哪些/
你所謂的學習路線是什麼?學習方法?如果自學能力強的話,可以直接看文檔,網上有很多,如果一般的話,可以嘗試著要一些培訓機構出的視頻教程,如果不是很好的話,那就建議你還是報一些培訓機構。
前端主要學的就是html+css+js 這些都是基礎,學好這些,基本上開發是沒有問題的了,如果想晉升,做一些更好的產品,那就需要了解更多的框架,如果jq,angular,vue,bootscript等等
Ⅳ Web前端的學習路線到底是什麼,看完秒懂
1.第一階段——HTML的學習
超文本標記語言(HyperText Mark-up Language 簡稱HTML)是一個網頁的骨架,無論是靜態網頁還是動態網頁,最終返回到瀏覽器端的都是HTML代碼,瀏覽器將HTML代碼解釋渲染後呈現給用戶。因 此,我們必須掌握HTML的基本結構和常用標記及屬性。
HTML 的學習是一個記憶和理解的過程,在學習過程中可以藉助Dreamweaver的「拆分」視圖輔助學習。在「設計」視圖中看效果,在「代碼」視圖中學本質, 將各種視圖的優勢發揮到極致,這種對照學習的方法彌補了單純識記HTML標簽和屬性的枯燥乏味,想必對各位初學的小盆友們來說必定是極好的!
在學習了HTML之後,我們只是掌握了各種「原材料」的製作方法,要想蓋一幢樓房就還需要把這些「原材料」按照我們設計的方案組合布局在一起並進行一些樣式的美化。
2.第二個階段——CSS的學習
CSS是英文Cascading Style Sheets的縮寫,叫做層疊樣式表,是能夠真正做到網頁表現與內容分離的一種樣式設計語言。相對於傳統HTML的表現而言其樣式是可以復用的,這樣就極大地提高了我們開發的速度,降低了維護的成本。
同時CSS中的盒子模型、相對布局、絕對布局等能夠實現對網頁中各對象的位置排版進行像素級的精確控制。通過此階段的學習,我們就可以順利完成「一幢樓房」的建設。
「樓房」建設完成之後,我們可以交給用戶使用,但是如果想讓用戶獲得更佳的體驗,我們還可以對「樓房」進行更深一步的「裝修」,讓它看起來更「豪華」一些。
3.第三個階段——Java的學習
Java是一種在客戶端廣泛使用的腳步語言,在Java當中為我們提供了一些內置函數、對象和DOM操作,藉助這些內容我們可以來實現一些客戶端的特效、驗證、交互等,使我們的頁面看起來不那麼呆板,屌絲瞬間逆襲高富帥!有么有? 此時,也許你還沉浸在Java給你帶來的驚喜之中,但你的項目經理卻突然對你大吼道「這個效果在××瀏覽器下不兼容,重新搞……」「不兼容?」瞬間石化了有木有? 「我擦,坑爹啊!那可是花了我一個晚上寫了幾百行代碼搞定的啊,吐血了都!」Java的兼容性和復雜性有時候的確讓我們頭疼,還好有「大神」幫我們做了封裝。
4.第四個階段——jQUery的學習
jQuery 是一個免費、開源的輕量級的Java庫,並且兼容各種瀏覽器(jQuery2.0及後續版本放棄了對IE6/7/8瀏覽器的支持),同時現在有很多基於jQuery的插件可供選擇,這樣在我們實現一些豐富的動態效果時更方便快捷,大大節省了我們開發的時間,提高了開發速度,這也充分體現了其write less,do more的核心宗旨。這個Feel倍兒爽!有么有? 「豪華大樓」至此拔地而起,但是每天這樣日復一日,年復一年的蓋樓,好繁瑣!能不能將大樓裡面每一個單獨部件模塊化,當需要蓋樓時就像堆積木一樣組合在一起,這樣豈不是爽歪歪?可以實現嗎?答案是肯定的。這種思想在Web前端開發中也是適合的,於是乎就出現了各種前端框架,在這里推薦給大家的是Bootstrap。Bootstrap是Twitter推出的一個開源的用於前端開發的工具包,是一個CSS/HTML框架,並且支持響應式布局。一經推出後頗受歡迎,一直是GitHub上的熱門開源項目。在項目開發過程中,我們可以藉助Bootstrap提供的CSS樣式、組件、Java插件等快速的完成頁面布局和樣式設置,然後再有針對性的微調樣式,這樣基於框架進行開發大大縮短了開發周期。站在巨人的肩膀上就是爽!
Ⅳ web前端工程師都有什麼樣的職業規劃路線
職業方向定位,首先,只有確定好自己的職業方向,才能做好職業規劃。
1、資深WEB前端工程師;
這個方向算是一個WEB前端最基本的選擇了,在國外,很多老外都能夠把自己的專業做到極致,能一輩子就在一個專業領域不斷學習和積累。主要在於內因和外因兩方面,內因是老外通常思想比較簡單直接,容易一直專注於一個領域;外因是國外的環境很好,能夠良好的支撐這樣的職業發展道路。
從外因來講,WEB前端人員沒有獲得公平的待遇,可能從HTML頁面製作就開始並沿襲下來的,從來WEB前端人員都比後端人員低一等,同時直接影響到前端人才市場的活躍程度。另一方面,前端的技術入門較容易,造成另一個極端情況:人員泛濫、人才稀缺。我想對所有的WEB前端工程師說:麵包總會有的,要耐得住寂寞!
我個人比較推薦這個職業發展方向,因為,在這個方向下,只要足夠耐心、厚積薄發,成功的概率是非常高的。同時,這是一條最單純的路,我們更多的是花費精力在技術的鑽研上,而不是辦公室政治等其它瑣事。
2、資深WEB架構師;
說功利點兒,我喜歡這個方向,既要是作為一名架構師不得不學習,而這種學習通常需要實際操刀做項目。雖然不是很平滑,但是,對於一個大局觀好、悟性好、知識面廣的前端工程師,我你們努把力,走一條光榮的架構師之路吧。
Ⅵ 優秀的Web前端工程的成長路線
今天小編要跟大家分享的文章是關於優秀的Web前端工程的成長路線。關於一個WEB前端的職業規劃,其實是有各種的答案,沒有哪種答案是完全正確的,全憑自己的選擇,只要是自己選定了,堅持認真走下去即可。在這里,深度給大家分析一下:任何規劃和目標的實現都依賴於知識的積累,而知識的積累來源於學習及學習後大量的實踐。我們可以在工作之餘的時間在網上或外包公司那裡接一些私單做,因為目標不是賺錢,我們可以用最低的價格來提升自身競爭力,獲得大量訂單就意味著獲得大量的實踐機會,同時,還有一些收入作為工作成就感之外的安慰獎,這樣來說還是不錯的。
前端學習大抵可分解為三個階段,包括:起步階段、提升階段、成型階段。這三個階段分別對應著不同的目標:
一、起步階段
1、基本知識的掌握
在我們梳理的知識架構中,按照我們分析的兩個維度里最前置的、最淺顯的部分,作為打基礎的階段,必須要在這個過程中更多投入到實踐中去,我們通常做的多了、熟練了,就認為這部分知識和內容掌握了。
2、常用工具的掌握對於常用工具的掌握應該掌握一些有大公司或專業團隊背景的流行工具,這些工具的熟練掌握能夠提升專業度、職業度,同時,能提升我們的工作效率。我們只有在檢驗自己對於知識和技能熟練程度的時候,才會自虐式的用Notepad去編寫頁面、css和腳本等內容。
3、溝通技巧的掌握通常做技術的人會被定位為「不善溝通」的人,這是為什麼呢?究其原因,主要是因為多跟程序和代碼打交道,跟人的溝通較少導致。這種時候我們要特別注意增加
和人溝通的機會,著重提升這塊兒的能力。另一方面,我們通常被稱為「不懂溝通技巧」的人。作為一個技術人員,包括我自己,似乎天生就有一些難以接受挑戰的缺陷。在國內,我們的技術人員通常都是自己制定方案、自己執行方案,在執行過程中又缺乏相關產品、交互設計等人員的溝通,大多是在自己的思路貫徹下進行開
發,久而久之,我們習慣於信任自己的觀點、在自己的視角看問題,對於挑戰總是百般地「據理」力爭。我們需要更多提升的是,如何在對方的視角看問題、如何在用戶的視角看問題。
4、良好的開發習慣開發習慣是養成的,一旦有不好的習慣,對於將來去修正帶來的將是很大的麻煩,我們在培養良好開發習慣一定要從起步時做起,例如:寫代碼之前先分析、先寫文檔、先寫注釋。定義變數最好能用直接可理解的語義,最好是拼音,別整英文,尤其是生僻單詞,將來自己忘了還要開金山詞霸。文件最好有有意義的文件夾命名來
管理,文件名最好有意義,需要版本號的最好能和項目版本號一同更新等等。
二、提升階段
1、高級技術的掌握在提升階段對於知識和技能掌握,我們需要從梳理好的知識架構中選擇更深一層次的技術進行學習,選擇之前,我們先通過類比或預估的方法,衡量自身學習的難點,以學習難點和自己最不感興趣的部分為主。這樣推薦大家的原因是:這個階段我們興趣正濃,已經度過了苦澀的起步階段,到達了興奮的提升階段,我們要用興趣和興奮去挑戰最困難的部分,在我們信心受挫和興趣濃厚之中找到平衡。同時,輔以其他的深層次知識一起學習和研究。
2、產品思想的學習沒有正確的產品思想,很難設計出良好的程序,無論從界面、交互,還是介面、邏輯,不能夠理解產品、理解用戶需求,我們會給自己造成很大的麻煩,例如:我們千辛萬苦用最新技術、最復雜的實現做出的功能,卻得不到使用者或領導、同事的認可。為了使我們的工作和學習更加有效率、避免無用功,我們需要不斷的學習產
品的思想,只有理解了產品的思路,我們才知道用我們的技術去輸出什麼。
3、各種框架的學習框架是我們提高工作效率的優秀手段,對於框架的學習是成長必經之路。我們學習框架的路線通常應該是:使用——》分析——》個性化定製——》模仿編寫自己的框架。只有大量的使用,才能明白設計框架者在設計背後的思路,只有了解到設計的思路,才能做正確全面的分析,只有正確全面的分析才能支撐我們去對其裁剪或擴展,只有經過實際分析、修改別人的框架,才有可能寫出優秀的、自己的框架。學習通常的路線是:學習、理解、模仿、創造。
4、富客戶端應用的學習隨著帶寬和計算機性能的提升,以及WEB2.0的如火如荼,富客戶端應用充斥著互聯網,如果你不懂得富客戶端應用,你就不能稱之為一個合格的前端技術人員。可以按照:Flash動畫—>Flash編程—>Flex—>Air—>Silverlight動畫—>Silverlight編程
的步驟學習,先學Flash後學Siverlight的原因,一來Silverlight還不太成熟,二來,實際Silverlight借鑒了很多
Flash的思想,最好在學習的時候不要本末倒置。
5、各種網路協議的學習WEB前端技術就是雲上的技術,雲的協議有N種,我們應該著重學習:TCP/IP,UDP,HTTP,POP3,SMTP這幾種協議,在開發WEB前端應用過程中,這些協議是我們的技術的載體,有時候決定了我們的應用是否能實現、有時候決定了我們的應用是否高性能,同時,這些協議還是我們和後端技術交互的
重要手段,這些協議就像是密碼字典,幫助我們把後端傳輸過來的密文解釋成我們前端技術能夠理解的明文。
6、程序設計這個階段我們需要學習OO、UML、設計模式、設計方法,我們要讓技術開發工作變成有目的性、有計劃性,並且,這些目的和計劃必須有理論的支持,這
樣,我們設計出來的程序才能夠更優秀、我們的開發才更有效率,這樣,我們的技術才能有所提升。
為什麼要學習程序設計呢?主要是,就算我們不用Flash的
ActionScript編寫程序的前端邏輯,我們至少要把我們自己的Javascript函數、包的定義規劃起來,避免將來自己或他人維護代碼的時候出
現問題。程序設計能力,在技術人員仍然被看作是程序員的這個年代,是灰常、灰常重要滴。
三、成型階段
如果能達到這個階段,就證明後續的成長之路是異彩紛呈的,是成為一個資深WEB前端工程師,還是成為一個資深WEB架構師,亦或其他,都要具體分析自身的特點和興趣所在。如果是資深的前端工程師,我覺得更重要的是去作新技術的研究,互聯網技術發展速度日新月異,不斷學習新技術,否則就被淘汰。
此外,我建議在知識的廣度、深度方面最好能挑選一個自己最擅長和最感興趣的一兩個領域深入鑽研,不要挑太多,多而不精。如果是資深的WEB架構師之路,我建議要深入了解後台技術,這種深入了解一定要伴隨著實際的項目開發,基本方法是:按照別人設計的架構實現幾個Server—>自
己設計並實現幾個Server。
最後結語:好了,說了那麼多,相比很多躍躍欲試的零基礎朋友,別急,北大青鳥開設「Web前端開發工程師」課程,無論你是零基礎、有基礎、有經驗,我們這里都有按照你的基礎開設的班級,滿足你的需要,保障所有學員達到最好的學習效果,入行好選擇。想要了解更多web前端學習內容,記得關注北大青鳥web前端培訓官網。
Ⅶ 跪求Web前端學習路線,哪位大佬可以說一下嗎
入門前端相對比較簡單!
學習前端頁面重構。包括PC端網站布局、HTML5+CSS3基礎、WebApp頁面布局等等,打好前端開發的基礎。
然後要學JavaScript高級程序設計、PC端全棧開發的知識。包括原生JavaScript交互功能開發、面向對象進階與ES5/ES6/ES7應用、JavaScript工具庫自主研發、jQuery經典交互特效開發、PHP+MySQL後端基礎、前端工程化與模塊化應用等。
前面的知識都掌握了,就可以學框架、混合開發了。包括Node.js後端開發、Vue.js前端框架、React前端框架、混合開發(Hybrid,RN)、Angular前端框架等等。
Ⅷ web前端工程師的職業規劃路線有哪些
職業方向定位,首先,只有確定好自己的職業方向,才能做好職業規劃。
1、資深WEB前端工程師;
這個方向算是一個WEB前端最基本的選擇了,在國外,很多老外都能夠把自己的專業做到極致,能一輩子就在一個專業領域不斷學習和積累。主要在於內因和外因兩方面,內因是老外通常思想比較簡單直接,容易一直專注於一個領域;外因是國外的環境很好,能夠良好的支撐這樣的職業發展道路。
從外因來講,WEB前端人員沒有獲得公平的待遇,可能從HTML頁面製作就開始並沿襲下來的,從來WEB前端人員都比後端人員低一等,同時直接影響到前端人才市場的活躍程度。另一方面,前端的技術入門較容易,造成另一個極端情況:人員泛濫、人才稀缺。我想對所有的WEB前端工程師說:麵包總會有的,要耐得住寂寞!
我個人比較推薦這個職業發展方向,因為,在這個方向下,只要足夠耐心、厚積薄發,成功的概率是非常高的。同時,這是一條最單純的路,我們更多的是花費精力在技術的鑽研上,而不是辦公室政治等其它瑣事。
2、資深WEB架構師;
說功利點兒,我喜歡這個方向,既要是作為一名架構師不得不學習,而這種學習通常需要實際操刀做項目。雖然不是很平滑,但是,對於一個大局觀好、悟性好、知識面廣的前端工程師,我你們努把力,走一條光榮的架構師之路吧。