對web前端的建議_Web 前端自學有哪些建議

『壹』零基礎開始學 Web 前端開發，有什麼建議嗎

前端雖然學習起來是相對簡單的，但是內容也不少，同時後期可以補充後端技能，成為現在熱門的web全棧工程師。

要學的內容主要有：

①計算機基礎以及PS基礎

②前端開發基礎（HTML5開發、JavaScript基礎到高級、jQuery網頁特效、Bootstrap框架）

③移動開發

④前端高級開發（ECMAScript6、Veu.js框架開發、webpack、前端頁面優化、React框架開發、AngularJS 2.0框架開發等）

⑤小程序開發

⑥全棧開發（MySQL資料庫、Python編程語言、Django框架等）

⑦就業拓展（網站SEO與前端安全技術）

想要系統學習，你可以考察對比一下開設有相關專業的熱門學校。好的學校擁有根據當下企業需求自主研發課程的能力，能夠在校期間取得大專或本科學歷，中博軟體學院、南京課工場、南京北大青鳥等開設相關專業的學校都是不錯的，建議實地考察對比一下。

祝學有所成！望採納！

『貳』想學web前端有什麼建議嗎

1，每天都要去學習，不懂的地方照著視頻多練習，或者多問。
2，總結自己自己不懂的地方。
3，多做筆記，也要記得有空多翻翻自己的筆記。

『叄』 Web前端的學習建議，送給初學者們！

在IT行業好技術是練出來的，直到能夠熟練的掌握，真正自己一個一個的敲著代碼，遇到問題了，才能真正的去思考解決的方案，才會在不斷的摸索中成長起來。多看學習資料教材，網上有很多的學習資料或者交流論壇，剛開始很難讓自己全面理解一個東西，堅持看書至少前端相關的語言都有一定的了解。

盡量去學習一門後端語言，也許實際工作中你用到的很少，但對你問題的解決會有一定的幫助。不要把自己局限在前端開發這一崗位中，你不止是一個前端，還應該是一個設計者，去接觸更多的產品，你才會發現技術為什麼有用，去愛一個產品，你才會把技術用得更好。

想成為優秀的前端開發工程師，需要你付出更多的時間與經歷，在國內大學里幾乎沒有前端開發的課程，最多也就是網頁設計之類的課程，作為初級了解還行，如果今後想要從事相關方面的工作，那就需要今天提升了，所以，目前前端開發主要是通過自學，和參加正規的職業培訓。

前端學習步驟如下：

第一階段：html+css+ps切圖+ftp網站上傳+html5標簽+css3動畫+手機端開發+swiper.js+iscroll.js

第二階段：js+jq+ajax+正則表達式+面向對象+js插件+github+sea.js+require.js+gulp

第三階段：2D+3D應用+touth+canvas+svg+本地儲存+h5拖拽+highcharts+boorstrap

第四階段：node.js+vue.js+react.js

以上就是環球青藤小編關於Web前端學習建議的相關分享，希望對大家有所幫助，想要了解更多相關內容，請及時關注本平台並進行查看!

『肆』怎麼學習前端開發有什麼好的學習建議

學習前端最有效的方法是持之以恆的堅持。

無論做什麼，先別想那麼多先做了再說，因為人都是懶惰，什麼事情最先想到的都是走捷徑，深怕付出了沒有回報。學習這個事情，從小學老師就說，一定要好好學習天天向上，去總結了真的努力了，到頭來除了抱怨還抱怨，總期望天上掉餡餅。方法有很多種，真的適合的才是真的有用，什麼樣的方法才適合自己，無論什麼方法你得做了才有效！所以沒有最有效的方法，只有持之以恆的堅持才是真正有效的。

下面給您提供極點學習建議，僅供參考：

作為一個初學者，你必須明確系統的學習方案。我建議一定有一個指導的人，全靠自己學，放棄的幾率非常大，在你對於web前端還沒有任何概念的時候，需要一個人領進門，之後就都靠自己鑽研，第一步就是確定web前端都需要哪些內容，並且在多少時間內學完，建議時間6個月保底。

視頻為主，書為輔。很多初學者在學習前端的時候非常喜歡去買書，但是最後的結果是什麼？看來看去什麼都不會寫，所以在這里給大家提醒，書可以看，但是是在建立於你已經對於某個知識點有了具體操作的執行後，在用書去鞏固概念，這樣更加利於你對於知識的理解。

對於學習技術來講，掌握一個學習方法是非常重要的。其實對於學習web前端來講，學習方法確實很多都是相通的，一旦學習方法不對，可能就會造成「方法不對，努力白費」。其實關於這方面還是很多的，我就簡單說個例子，有的人邊聽課邊跟著敲代碼，這樣就不對，聽課的時候就專心聽，做題的時候就專心做題，這都是過來人的經驗，一定要聽。根據每個人的不同，可能學習方法也會有所出路，找到適合你自己的學習法方法是學習的前提。

自學路線：

第1階段：前端頁面重構(4周)

內容包含了：(PC端網站布局項目、HTML5+CSS3基礎項目、WebApp頁面布局項目)

第2階段：JavaScript高級程序設計(5周)

內容包含：(原生JavaScript交互功能開發項目、面向對象進階與ES5/ES6應用項目、JavaScript工具庫自主研發項目)

第3階段：PC端全棧項目開發(3周)

內容包含：(jQuery經典交互特效開發、HTTP協議、Ajax進階與PHP/JAVA開發項目、前端工程化與模塊化應用項目、PC端網站開發項目、PC端管理信息系統前端開發項目)

第4階段：移動端項目開發(6周)

內容包含：(Touch端項目、微信場景項目、應用Angular+Ionic開發WebApp項目、應用Vue.js開發WebApp項目、應用React.js開發WebApp項目)

第5階段：混合(Hybrid,ReactNative)開發(1周)

內容包含：(微信小程序開發、ReactNative、各類混合應用開發)

第6階段：NodeJS全棧開發(1周)

內容包括：(WebApp後端系統開發、一、NodeJS基礎與NodeJS核心模塊二、Express三、noSQL資料庫)。

以上學習路線配套視頻教程邀您移至B站尚學堂，免費教程隨你挑！

『伍』零基礎開始學 Web 前端開發，有什麼建議嗎

看你是想自學還是培訓，自學不建議看書，視頻效果會好很多，在學習的過程中你得邊看邊跟著寫，這樣才能從學到會，不然真的就是看了就是看了，到最後啥也沒學會。

如果是培訓的話，就需要樓樓多方面考察對比，比如課程內容，師資，學習模式等等，接下來我們就具體聊聊究竟如何去選擇。

1、課程大綱

Web前端對於零基礎的小夥伴也是非常友好的，好入門，上手快，可以立馬看到學習效果，這也大大提高了學習的興趣。但是並不是說前端沒有技術含量，我們在選擇培訓機構時，課程內容不僅要包含前端基礎，還要看看是否有vue.js、react.js、react-native和Flutter等主流框架，並擴展three.js、typescript等等技術，深挖、剖析框架原理。甚至了解後端的知識，這樣在工作中才能減少溝通成本。

很多培訓機構都會在官網展示自己的課程大綱，課程內容等等，將心儀機構的課程大綱截圖下來，對比幾家的課程大綱，去判斷哪家的課程大綱、課程周期安排比較合理，內容深度廣度是否適當。

2、是否安排免費試聽

很多在線培訓機構會將部分課程放在騰訊課堂、B站、自己的在線課堂，或者可以直接參加前期的免費試學。因為很多人目標不明確，甚至是迷茫的，所以先試聽，看看自己是不是真的想從事Web前端這個崗位，以及是否適合做技術這個行業。其實最重要的是看看你是否能堅持，這種學習模式是否適合你。

3、教學力量

參加試聽的過程，可以讓你清楚這個講師的水平或者是講師的講課風格是否適合自己。老師不一定需要是頂級大牛，但是一定要有足夠的專業技能和項目經驗，真正幫助學員成長。因為在線培訓，老師和學員不能做到面對面溝通，這就要求講師一定對學生有足夠的耐心，細心，學員提出問題要及時解答等等。

4、學習模式

是否為直播授課，以及定期檢驗學習成果，比如月考，階段考等等。在學習過程中是否有詳細到每天的課程計劃表？以及每天課程結束後是否有課後作業等等。線上課程由於管理的局限性，只有做到這樣，才能全面增強學員的學習體驗與老師的學習互動。

5、學習氛圍

線上學習的學習氛圍其實對於學員來說很重要，相對於線下學習，線上學習更多的是自主學習，那麼如何去營造大家的學習氛圍，這就需要培訓機構有專門的人來組織，比如是否有專門的學習群，學員可以通過在群里討論，老師批改作業等等方式來促進大家的學習積極性。好的學習氛圍有約束力，能夠讓你不自覺的前進。

6、是否有班主任

最好是選擇有班主任管理的線上學習機構，這樣遇到問題也能夠及時的處理。其實班主任最主要的功能還是督促你學習，因為在線學習很容易受到外界因素的干擾。如果沒有班主任盯著你學習，你的學習進度，質量都會下降很多。

7、就業保障

我們在簽訂就業合同的時候，一定要注意是否有就業保障這一塊，比如是否有就業方面培訓課程，是否有就業老師負責就業？最後萬一沒有就業是怎麼辦？

關於如何篩選就跟大家啰嗦到這，有任何問題，歡迎私聊我，大家一起研討~

『陸』想學web前端開發有什麼建議嗎

首先你知道自己學什麼干什麼用，比如你要開發軟體，還是做網頁頁面；
一定要對前端這個行業有一定得了解，對於個人發展有想法；
程序員是加班比較多得職業，想做Web前端開發加班是不可避免的。
我認為興趣是職業能不能做好的前提，如果想學Web前端一定要去多了解了解；
市面上的培訓機構太多了，要做好比較，找到靠譜的機構。學習平台的確定是今後工作的前提。

『柒』如何學習web前端

學習最重要的是找到正確的方向，否則，付出再多的努力也是與成功背道而馳。

很多時候，成功除了需要勇氣、堅持外，更需要正確的方向。也許有了一個正確的方向，成功來得比想像中更快。如果在錯誤的路上奔跑，再怎麼努力也是無濟於事。學習Web前端也是如此，首先明確自己的學習路線。以下講述一下學習web前端的4個階段怎麼做：

1.HTML

首先，學習HTML。HTML(Hyper Text Mark-up Language，超文本標記語言)是一個網頁的骨架，無論是靜態網頁還是動態網頁，最終返回到瀏覽器端的都是HTML代碼，瀏覽器將HTML代碼解釋渲染後呈現給用戶。因此，我們必須掌握HTML的基本結構和常用標記及屬性。

HTML的學習是一個記憶和理解的過程，在學習過程中可以藉助Dreamweaver的「拆分」視圖輔助學習。在「設計」視圖中看效果，在「代碼」視圖中學本質，將各種視圖的優勢發揮到極致，這種對照學習的方法彌補了單純識記HTML標簽和屬性的枯燥乏味，想必對各位初學web前端開發的菜鳥們來說是一個很好的方法。

學習了HTML後，只是掌握了各種「原材料」的製作方法，要想蓋一幢樓房，還要把這些「原材料」按照我們設計的方案組合布局在一起，並進行一些樣式的美化。

2.CSS

接著來學習CSS。CSS（Cascading Style Sheets，層疊樣式表），是能夠真正做到網頁表現與內容分離的一種樣式設計語言。相對於傳統HTML的表現而言其樣式是可以復用的，這樣就極大地提高了我們開發的速度，降低了維護的成本。

同時CSS中的盒子模型、相對布局、絕對布局等能夠實現對網頁中各對象的位置排版進行像素級的精確控制。通過此階段的學習可以順利完成「一幢樓房」的建設了。

「樓房」建設完成後，就可以交給用戶使用了，但如果想讓用戶獲得更佳的體驗，還可以對「樓房」進行更深一步的「裝修」，讓它看起來更「豪華」一些。

3.Javascript

JavaScript是一種被廣泛用於客戶端的腳本語言，JavaScript為我們提供了一些內置函數、對象和DOM操作，藉助這些內容可以實現一些客戶端的特效、驗證、交互等，使頁面看起來更加活潑。

盡管JavaScript有很多優點，讓你驚喜不已，但當項目經理對你說「這個效果在××瀏覽器下不兼容，重做！」時，你肯定懵了：「不兼容？那可是花了我一個晚上寫了幾百行代碼的啊！」

的確，JavaScript的兼容性和復雜性有時真的很讓人頭疼，幸好有「大神」幫我們做了封裝。

4.jQUery

最後學習jquery。jQuery是一個免費、開源的輕量級的JavaScript庫，並且兼容各種瀏覽器(jQuery2.0及後續版本放棄了對IE6/7/8瀏覽器的支持)，同時有很多基於jQuery的插件可供選擇，這樣，在實現一些豐富的動態效果時更方便快捷，大大節省了開發時間，提高了開發速度，這也充分體現了其「writeless，domore」（寫更少的代碼，做更多的事情）的核心宗旨。

「豪華大樓」至此拔地而起，但是如此日復一日，年復一年的蓋樓，好繁瑣！如果可以將大樓裡面每一個單獨部件模塊化，當需要蓋樓時就像堆積木一樣組合在一起，這樣就簡便、快捷了。

這種思想也適用於Web前端開發中，於是出現了各種前端框架，下面介紹的是Bootstrap。

Bootstrap是Twitter推出的一個開源的用於前端開發的工具包，是一個CSS/HTML框架，並且支持響應式布局。一經推出後頗受歡迎，一直是GitHub上的熱門開源項目。

在項目開發過程中，藉助Bootstrap提供的CSS樣式、組件、JavaScript插件等，可以快速地完成頁面布局和樣式設置，然後有針對性地微調樣式，這樣基於框架進行開發大大縮短了開發周期。

二、關於學習Web前端的建議

最後給大家講一下在學習Web前端過程中的一些建議。

在CSS布局時，需要注意一個問題：很多同學缺乏對頁面布局進行整體分析，不能從宏觀上對頁面中盒子間的嵌套關系進行把握，就急於動手去做，導致頁面中各元素間的關系很混亂，容易出現盒子在浮動時錯位等情況。所以在布局時採用「自頂向下，逐步細化」的思想，先用幾個盒子將頁面從整體上劃分，然後逐步在盒子中繼續嵌套盒子。

「君子生非異也，善假於物也」，在學習過程中還要多瀏覽一些優秀的網站，善於分析、借鑒其設計思路和布局方法，見多方能識廣，從而融匯貫通，取他人之長、為己所用。

同時還要善於使用Firebug這個利器。Firebug一方面可以幫助我們調試自己的頁面，另一方面我們可以使用Firebug方便地查看、分析別人網站的源代碼。

隨著移動互聯網熱潮的到來，移動開發越來越受到大家的歡迎，響應式布局、微網站等需求量不斷增加，也是Web前端未來的發展方向之一。對web前端開發感興趣的同學可以多點學習這方面的知識。

『捌』 Web 前端自學，有哪些建議

自學方法：

1、作為一個初學者，你必須明確系統的學習方案，我建議一定有一個指導的人，全靠自己學，放棄的幾率非常大，在你對於web前端還沒有任何概念的時候，需要一個人領進門，之後就都靠自己鑽研，第一步就是確定web前端都需要哪些內容，並且在多少時間內學完，建議時間6個月保底。

2、視頻為主，書為輔。很多初學者在學習前端的時候非常喜歡去買書，但是最後的結果是什麼？看來看去什麼都不會寫，所以在這里給大家提醒，書可以看，但是是在建立於你已經對於某個知識點有了具體操作的執行後，在用書去鞏固概念，這樣更加利於你對於知識的理解。

3、對於學習技術來講，掌握一個學習方法是非常重要的，其實對於學習web前端來講，學習方法確實很多都是相通的，一旦學習方法不對，可能就會造成「方法不對，努力白費」。其實關於這方面還是很多的，我就簡單說個例子，有的人邊聽課邊跟著敲代碼，這樣就不對，聽課的時候就專心聽，做題的時候就專心做題，這都是過來人的經驗，一定要聽。根據每個人的不同，可能學習方法也會有所出路，找到適合你自己的學習法方法是學習的前提。

4、不建議自己一個人瞎學，在我了解學習編程的這些人來看，從零基礎開始學並且最後成功做這份工作的其實並沒有幾個，我覺得大部分原因就是因為他們都不了解web前端是干什麼的，學什麼的，就盲目的買書看，到處找視頻看，最後看著看著就放棄了，所以我建議初學者在沒有具體概念之前，還是找有經驗的人請教一下，聊過之後你就會知道web前端具體是干什麼的，該怎麼學，這是我個人的小建議，可以不採納。

自學路線：

第1階段：前端頁面重構(4周)

內容包含了：(PC端網站布局項目、HTML5+CSS3基礎項目、WebApp頁面布局項目)

第2階段：JavaScript高級程序設計(5周)

內容包含：(原生JavaScript交互功能開發項目、面向對象進階與ES5/ES6應用項目、JavaScript工具庫自主研發項目)

第3階段：PC端全棧項目開發(3周)

第4階段：移動端項目開發(6周)

內容包含：(Touch端項目、微信場景項目、應用Angular+Ionic開發WebApp項目、應用Vue.js開發WebApp項目、應用React.js開發WebApp項目)

第5階段：混合(Hybrid,ReactNative)開發(1周)

內容包含：(微信小程序開發、ReactNative、各類混合應用開發)

第6階段：NodeJS全棧開發(1周)

內容包括：(WebApp後端系統開發、一、NodeJS基礎與NodeJS核心模塊二、Express三、noSQL資料庫)

基礎書籍：

1、《Head First HTML與CSS(第2版)》，入門真的是經典書籍，手把手教學，豐富的案例讓你從 0 開始學前端。

2、《CSS權威指南(第三版)》，這本書作為 CSS 的經典著作，把原理講得非常的通透，除了 w3c 標准，算最權威的一本了，畢竟權威指南。

3、《CSS揭秘》神書，47 個 css 技巧讓你在面對各種 css 問題的時候游刃有餘。是 css 書籍中評分最高的了，css 進階必備。

4、《javascript語言精粹》，這本書可以在入門之前了解一下基本語法，以及在學習之前可以了解下 JS 裡面的精粹以及糟粕，雖然這本書很薄很薄，但是值得反復去讀的一本書。

5、《JavaScript DOM編程藝術(第2版)》，本書在簡潔明快地講述JavaScript和DOM的基本知識之後，通過幾個實例演示了專業水準的網頁開發技術，透徹闡述了平穩退化等一批至關重要的 JavaScript編程原則和最佳實踐。

6、《JavaScript權威指南》：犀牛書是每個FE都繞不過的一本書，可以先大致通讀幾遍，也可以把其當作工具書，時時翻閱。

視頻教程：

網頁鏈接

希望對你有幫助，望採納~

『玖』學習Web前端開發，這些可行性的建議分享給大家！

1、閱讀英文文檔

如今大部分優秀開發的資源都是以英文的形式展現到網路上的。當然不排除有些國內的熱心人會把他們翻譯成中文，再託管到相關網站上，但是，這畢竟是少數。而且中文文檔往往會跟不上國外官網的腳步。如果你用著新版本的框架，而看著舊版本文檔寫代碼的話可能會引入一些新版本裡面已經拋棄了的寫法，進而你的項目可能會出現一些詭異的行為。而且這類bug往往最難發現。當然，並不是說你一定要英文很流利才行，但是最起碼要看得懂英文文檔。

2、操作系統

這里我們談談操作系統，畢竟有些朋友還是會糾結選擇什麼操作系統。

Windows

· 優點：用戶頁面可用性較好，豐富的桌面端軟體，玩游戲一級棒。

· 缺點：軟體廣告比較多，病毒相對多些，命令行不夠友好。

Linux

· 優點：命令行非常好用，開源社區活躍，發行版本比較多。

· 缺點：常用桌面軟體開發商比較少，QQ這些都沒有。有些發行版不怎麼穩定，經常卡死。

MacOS

· 優點：命令行非常好用，界面優雅，可用性高。蘋果商店有許多windows平台所沒有的優質軟體。

· 缺點：設備昂貴，普遍配置不高，不太適合打游戲。

至於具體使用什麼系統各位可以自行掂量，但是個人覺得結合命令行開發會更爽一些，因此我曾經選擇過Linux。後來，機緣巧合之下買了台Macbook之後就再也回不了頭了。

3、HTML + CSS + JavaScript

現在才談這些技術點並不是說這東西不重要。只是我覺得這三樣東西就算我不說，只要你有心搞前端肯定會去學，那還有說的必要嗎?

以上就是青藤小編關於Web前端開發的學習建議的相關分享，希望對大家有所幫助，想要了解更多相關內容，歡迎大家及時在本平台進行查看哦!

『拾』如何深入學習web前端

web前端學習包括自學和系統學習兩種方式，零基礎是可以學會web前端的。自學吃力的原因，可能在於學習順序不太對，比如先去學習了最難的一部分，所以感覺比較吃力。其實掌握了方法，前端學起來真的不會特別難。

web全棧工程師5.0課程包括：