2019最全Web前端技能圖譜，文末附贈一套Web前端學習資料，初學者來

全面技能圖譜 前端門檻低，但是裡面門道很多，要想成為一個好的前端一點都不簡單。

1. 概述 我相信想開始學習前端的小夥伴們都會聽說過html，css和js這三個大傢伙。

web前端全面技能圖譜

前端門檻低，但是裡面門道很多，要想成為一個好的前端一點都不簡單。

1. 概述

我相信想開始學習前端的小夥伴們都會聽說過html，css和js這三個大傢伙。簡單來說html就是一堆標籤，然後可以在頁面顯示出一些控制元件，例如表格，輸入框，按鈕等。而css的作用在於控制html的標籤位置，效果等，如果不是css的話，我們不會見到平時那些如此美觀的頁面。js的作用主要是提供運算功能，動態操作頁面的元素，還可以透過網路與伺服器通訊（傳說中的ajax），動畫效果很多時候也是js弄出來的。

你說學習上面三種東西難不難呢？其實一點都不難，多寫寫頁面就會了。上面的圖上的東西基本瞭解之後其實做專案已經沒有壓力了，當然僅僅是實現功能沒有壓力，相容性美觀那些還是得不斷進修才可以。

前端進階要學習什麼知識呢，其實主要是學習一個相容性處理，你看現在各種瀏覽器，各種尺寸的螢幕，適配絕對是一個技術活，弄得好就是一個核心竟增力來的。

另一個東西就是ajax和頁面元素操作了，現在一直都在推崇前後端分離，所以網路請求必須得會。

最後呢，寫的程式碼要有可維護性，並且現在都是追求效率的年代，所以效率也很重要。追求效率我們通常引入一些第三方框架，例如jquery，bootstrap等，這樣子我們的開發效率就可以大大提高。維護性來看，我們引入vue等mvc框架，開發模組化，然後透過webpack等工具打包頁面，使用less預編譯css就可以很好的維護工程。

2. 常用的js框架

前端框架多如牛毛，一般我們到需要的時候再邊學邊用，上圖是一些用得比較多的框架。個人建議學習一下，反正沒壞處。

3 js技能

作為一個合格的前端，上面的基本技能怎麼可以不瞭解一下呢？不過不要緊張，因為前端發展了怎麼多年，已經有很多有用的第三方庫來簡化我們的工作了，但是還是建議大傢伙好好學習理論知識，這樣子才可以以不變應萬變。

4. 前端推薦書籍

上圖僅僅是推薦的一些書籍，當然還有很多好的書籍。雖然說，平時應該多看看技術書，提高自己的理論知識積累，但是呢，最重要的還是經驗，這是書籍給予不了我們的。書籍的作用僅僅是讓我們入門而已。

小編這裡有一份Web前端學習資料，直接加我的Web前端學習群：767273102 免費領取，你敢來我就敢送。

5. 前端社群

學習或者開發過程中，總有遇到問題的時候，社群就是一個很好的尋找答案的地方。而很多時候，我們想實現一個功能，說不準別人已經做過並且開原始碼了呢，我們可以偷懶的引用別人的程式碼來加快我們的開發效率。

多年程式設計經驗，月初整理了一批2019年最新WEB前端教學影片，不論是零基礎想要學習前端還是學完在工作想要提升自己，這些資料都會給你帶來幫助，從最基礎的HTML+CSS+JS【炫酷特效，遊戲，外掛封裝，設計模式】資料都有整理，幫助所有想要學好前端的同學，學習規劃、學習路線、學習資料、問題解答。只要加入WEB前端學習交流qun：767，273，102 ，即可免費獲取，學習不怕從零開始，就怕從不開始。