學習web前端其實是不用學習資料庫的
web前端主要學習的內容有：
1、Web前端需要掌握HTML+CSS的靜態布局相關知識。
HTML主要就是網頁編輯，這部分知識非常簡單，基本上都能學會。當然前提是經常練習要掌握熟練。
2、Web前端還需要學習JavaScript的知識。
JavaScript是Web前端中最重要的知識，所以這部分知識要引起重視。當然難度也相對較大，同學們需要用功學習哦！
3、Web前端需要學習jQuery。
其實jQuery要容易一些，不過不要認為有了jQuery就忽略了JavaScript，大型互聯網公司都是直接用JavaScript寫的，這樣的安全性要更加的高。看這個人對自己的標準是怎麼樣的。
4、Web前端需要學一點HTML5+CSS3的知識。
不要認為HTML5隻是添加了一些標簽而已，如果有興趣可以去網路看看HTML5的強大之處，很多的特效用CSS3都可以做。
5、Web前端Bootstrap框架的學習，這個框架應該每個東西都會用，難度不大，必須掌握。
6、Web前端還要學習Node.js–react–angular.js—backbone其實這些東西如果你JavaScript理解的一般，學起來會困難一些，不過前端框架更新的還算很快。如果能夠把JavaScript學好其實上面都夠了。
2. 前端開發需要掌握的經驗
提高程序員的工作經驗除了通過項目實際開發以外，只有平時的知識積累以及簡單的程序開發測驗等項目來提高了。今天，我們就一起來了解一下，在提高開發工程師操作經驗的時候，都有哪些方面是需要掌握的。
在此之前，如果你需要使用一些外部的庫或者任何插件，你都需要手動下載相應的JavaScript和CSS文件，然後把它們放進項目中。但是如果這些庫或者插件發布新版本的話，你也得在項目中做出相應的更新，這樣管理項目是非常麻煩的。包管理器幫助你解決了這個麻煩，它們可以幫助你自動地將外部庫和插件引入到項目中，這樣你就不必專門手動更新外部文件了。包管理器有yarn和npm，兩者幾乎相同，都只有安裝的功能。你可以選擇其中的任何一個，一旦學會使用其中的一個，另一個也就會了。
讓我們學以致用
當你對包管理器有了基本的了解之後，就可以在你製作的網頁中引入一些外部庫。例如你可以安裝一些Toast插件，當用戶點擊按鈕的時候，用Toast插件向他們顯示信息;或者你可以創建一個登陸表單，利用一些表單驗證庫來進行表單驗證。可以學習如何使用不同的庫，並了解如何安裝不同的版本。
CSS預處理器
預處理器讓CSS的功能更加豐富。CSS預處理器有Sass,Less,Stylus等等。如果讓我選擇的話，我喜歡Sass。近比較流行的CSS預處理器是PostCSS,它的作用相當於CSS的解析器，了解它的使用也是很不錯的。它可以單獨使用，也可以配合Sass使用。我的建議是先學會Sass，後面如果你有時間的話可以再研究PostCSS.
CSS框架
你不需要再學習CSS框架，當然如果你想學習的話，也有很多選擇。我喜歡的CSS框架是Bootstrap、Materialize和Bulma。但是結合現在的市場需求來說，我會選擇Bootstrap。
CSS文件管理
隨著項目的復雜程度增加，CSS也會開始變得混亂而無法緩褲維護。我們也有很多方式可以更好地構建CSS，以實現可伸縮性。例如OOCSS、SMACSS、SUITCSS、Atomic和BEM。你可以了解下它們之間的不同，我個人更喜歡BEM。
構建工具
構建工具可以幫助你構建、打包和開發JavaScript應用程序。這里包括校驗工具、自動化構建工具及打包工具。
自動化構建工具有npm、gulp、grunt等。但是現在Webpack已經能夠實現Gulp的很多功能，所以，現在通常都只使用npm來配合webpack完成任務自動化銀哪肆。你不必學習Gulp，當然以後如果你有時間的話，也可以了解一下，看看它是否適用於你的項鋒轎目。
校驗工具有ESLint、JSLint、JSHint和JSCS，但是目前大部分人都使用ESLint。
打包工具有Parcel、Webpack、Rollup、Browserify等等。如果必須選擇一個的話，請毫不猶豫地選擇Webpack。Rollup也很常用，但是北大青鳥昌平計算機學院建議將它用在庫裡面。在開發app的時候，請使用Webpack。所以，現在請開始自學Webpack，如果你願意的話，了解一下Rollup也可以。
3. 現在學習前端開發還有前途嗎
現在的前端漸漸趨向大前端路線，工程化，而且公司招聘前端工程師的要求也越來越高，前端研發的職責一直在改變，同時前端研發需要掌握的技術也在迭代更新這就更需要我們去持續學習。無論你是做前端還是後端，是java還是其他語言，程序員都是要不斷接受新技術的，我們不應該抗拒新技術的學習。對於大部分企業來說，只要所學技術能滿足其需求，並且能時刻關注了解掌握前沿技術，且達到學歷要求，那麼你只需要努力，剩下的就交給時間了。
4. 如何成為前端工程師
一、技術的必須的
作為一名最基礎的前端工程師你必須掌握HTML、CSS和JavaScript。三者必須同時精通，類似我字樣對前端知識一知半解的，一遇到問題就停下工作就四處搜索解決方案的，首先就算不上一個合格的前端人員。像我這樣的如果當了前端工程師那工期肯定是不能保證的。合格的前端工程師第一要學會的就是在沒有任何外來幫助的情況下（包括搜索引擎），能夠完成大多數任務。
以下知識點是作為一個前端工程師必須了解和熟悉的：
DOM結構——兩個節點之間可能存在哪些關系以及如何在節點之間任意移動。
DOM操作——怎樣添加、移除、移動、復制、創建和查找節點。
事件——怎樣使用事件以及IE和DOM事件模型之間存在哪些主要差別。
XMLHttpRequest——這是什麼、怎樣完整地執行一次GET請求、怎樣檢測錯誤。
嚴格模式與混雜模式——如何觸發這兩種模式，區分它們有何意義。
盒模型——外邊距、內邊距和邊框之間的關系，IE < 8中的盒模型有什麼不同。
塊級元素與行內元素——怎麼用CSS控制它們、它們怎樣影響周圍的元素以及你覺得應該如何定義它們的樣式。
浮動元素——怎麼使用它們、它們有什麼問題以及怎麼解決這些問題。
HTML與XHTML——二者有什麼區別，你覺得應該使用哪一個並說出理由。
JSON——它是什麼、為什麼應該使用它、到底該怎麼使用它，說出實現細節來。
產品經理——這些是負責策劃應用程序的一群人。他們能夠想像出怎樣通過應用程序來滿足用戶需求，以及怎樣通過他們設計的模式賺到錢（但願如此）。一般來說，這些人追求的是豐富的功能。
UI設計師——這些人負責應用程序的視覺設計和交互模擬。他們關心的是用戶對什麼敏感、交互的一貫性以及整體的好用性。他們熱衷於流暢靚麗但並不容易實現的用戶界面。
項目經理——這些人負責實際地運行和維護應用程序。項目管理的主要關注點，無外乎正常運行時間——應用程序始終正常可用的時間、性能和截止日期。項目經理追求的目標往往是盡量保持事情的簡單化，以及不在升級更新時引入新問題。
最終用戶——當然是應用程序的主要消費者。盡管我們不會經常與最終用戶打交道，但他們的反饋意見至關重要；沒人想用的應用程序毫無價值。最終用戶要求最多的就是對個人有用的功能，以及競爭性產品所具備的功能。
前端工程師
SVG/Canvas/VML
D3/Raphaël/DataV
知識管理/總結分享
溝通技巧/團隊協作
需求管理/PM
交互設計/可用性/可訪問性知識
編譯原理
計算機網路
操作系統
演算法原理
軟體工程/軟體測試原理
D2/WebRebuild
NodeParty/W3CTech/HTML5夢工廠
JSConf/滬JS(JSConf.cn)
QCon/Velocity/SDCC
JSConf/NodeConf
YDN/YUIConf
MongoDB/CouchDB
HTML5/CSS3
響應式設計
Zeptojs/iScroll
V5/Sencha Touch
PhoneGap
jQuery Mobile
CSRF/XSS
ADsafe/Caja/Sandbox
類庫模塊化
業務邏輯模塊化
文件載入
CommonJS/AMD
YUI3模塊
LABjs
SeaJS/Require.js
壓縮合並
文檔輸出
項目構建工具
YUI Compressor
Google Clousure Complier
CleanCSS/UglifyJS
JSDoc
Dox/Doxmate
make/Ant
GYP
Grunt
Yeoman
數據結構
OOP/AOP
原型鏈/作用域鏈
閉包
函數式編程
設計模式
Javascript Tips
JSPerf
YSlow 35 rules
PageSpeed
HTTPWatch
DynaTrace』s Ajax
高性能JavaScript
HTTP1.1
ECMAScript3/5
W3C/DOM/BOM/XHTML/XML/JSON/JSONP
CommonJS/AMD
HTML5/CSS3
jQuery/Underscore/Mootools/Prototype.js
YUI3/Dojo/ExtJS
Backbone/KnockoutJS/Emberjs
Coding style
單元測試
自動化測試
JSLint/JSHint
CSSLint
Markup Validation Service
QUnit/Jasmine
Mocha/Should/Chai
WebDriver
IDE
調試工具
版本管理
VIM/Sublime Text2
Notepad++/EditPlus
WebStorm
Firebug/Firecookie
YSlow
IEDeveloperToolbar/IETester
Fiddler
Git/SVN
Github/Bitbucket/Google Code
HTML/HTML5
CSS/CSS3
PhotoShop/Paint.net
JavaScript/Node.js
JavaScript語言精粹
IE6/7/8/9
Firefox
Chrome/Safari/Opera
瀏覽器
編程語言
切頁面
開發工具
代碼質量
前端庫/框架
前端標准/規范
性能
編程知識儲備
部署流程
代碼組織
安全
移動Web
JavaScript生態
前沿技術社區/會議
計算機知識儲備
軟技能
可視化
後端工程師
Unix/Linux/OS X/Windows
SQL
MySQL/MongoDB/Oracle
C/C++/Java/PHP/Ruby/Python/…
編程語言
資料庫
操作系統
數據結構
上述這些知識點都應該是你「想都不用想」就知道的東西。除了上述的前端知識，也還需學會至少一門後端編程語言，讓你自己學會如何與後端進行更好的交互。
很多前端工程師對一些庫非常的熟悉，jQuery，Bootstrap等，但是對於庫的熟悉並不能提現你的優秀，整整優秀的是那些理解庫背後的機制，特別是能夠徒手寫出一個自己的庫的人。
真正合格的前端工程師是能實現具體的功能要求，而優秀的前端工程師需要解決的問題是尋找一個最優的解決方案。
二、溝通很重要
優秀的前端工程師需要具備良好的溝通能力，因為你的工作與很多人的工作息息相關。在任何情況下，前端工程師至少都要滿足下列四類客戶的需求。
不要在沒有作出評估之前就隨便接受某項任務。你必須始終記住，一定先搞清楚別人到底想讓你干什麼，不能簡單地接受「這個功能有問題」之類的大概其的說法。而且，你還要確切地知道這個功能或設計的真正意圖何在。「加一個按鈕」之類的任務並不總意味著你最後會加一個按鈕。還可能意味著你會找產品經理，問一問這個按鈕有什麼用處，然後再找UI設計師一塊探討按鈕是不是最佳的交互手段。要成為優秀的前端工程師，這種溝通至關重要。
那麼，前端工程師應該最關注哪些人的意見呢？答案是所有這四類人。優秀的前端工程師必須知道如何平衡這四類人的需求和預期，然後在此基礎上拿出最佳解決方案。由於前端工程師處於與這四類人溝通的交匯點上，因此其溝通能力的重要性不言而喻。如果一個非常酷的新功能因為會影響前端性能，必須刪繁就簡，你怎麼跟產品經理解釋？再比如，假設某個設計如果不改回原方案可能會給應用程序造成負面影響，你怎麼才能說服UI設計師？作為前端工程師，你必須了解每一類人的想法從何而來，必須能拿出所有各方都能接受的解決方案。從某種意義上說，優秀的前端工程師就像是一位大使，需要時刻抱著外交官的心態來應對每一天的工作。
專業技術可能會引領你進入成為前端工程師的大門，但只有運用該技術創造的應用程序以及你跟他人並肩協同的能力，才會真正讓你變得優秀。
三、提升無止境
優秀的前端工程師應該具備快速學習能力。推動Web發展的技術並不是靜止不動的，這些技術幾乎每天都在變化，如果沒有快速學習能力，你就跟不上Web發展的步伐。你必須不斷提升自己，不斷學習新技術、新模式；僅僅依靠今天的知識無法適應未來。Web的明天與今天必將有天壤之別，而你的工作就是要搞清楚如何通過自己的Web應用程序來體現這種翻天覆地的變化。
四、前端開發知識架構
參考鏈接：
http://www.cn-cuckoo.com/2010/01/10/nicholas-c-zakas-talk-about-what-makes-a-good-front-end-engineer-1356.html
JacksonTian/fks · GitHub
5. 前端要學資料庫嗎
前端開發需要學習資料庫，後端部分要基本懂一些，資料庫一般是後端開發負責，很多公司前端現在也在負責資料庫等和後端結合，向全棧開發方向發展。
MongoDB
MongoDB 是一個基於分布式文件存儲的資料庫。由 C++ 語言編寫。旨在為 WEB 應用提供可擴展的高性能數據存儲解決方案。MongoDB 是一個介於關系資料庫和非關系資料庫之間的產品，是非關系資料庫當中功能最豐富，最像關系資料庫的。相比較於MySql，它省去了建表等繁瑣的操作，可以實現類似於js的對象操作。
MySQL
MySQL的開放式的架構使得用戶選擇性很強，同時社區開發與維護人數眾多，其功能比較穩定，性能卓越，且在遵守GPL協議的前提下，可以免費使用與修改，也為MySQL的推廣與使用帶來了更多利好。在MySQL成長與發展過程中，支持的功能逐漸增多，性能也不斷提高，對平台支持也越來越多。
MySQL是一種關系型資料庫管理系統關系型資料庫的特點是將數據保存在不同的表中，在將這些表放入不同的資料庫中，而不是將所有數據統一放在一個大倉庫里，這樣的設計增加了MySQL的讀取速度，靈活性可管理性也得到了很大提高。訪問以及管理MySQL資料庫的最常用標准化語言為SQL結構化查詢語言。
絕大多數的使用Linux操作系統的大中小互聯網網站都在使用MySQL作為其後端的資料庫存儲，從大型BAT門戶，到電商平台，分類門戶等無一例外都使用MySQL資料庫。那麼，MySQL資料庫到底那些優勢和特點，讓大家義無反顧的選擇它呢？
原因可能有以下幾點：
1.MySQL性能卓越，服務穩定，很少出現異常宕機2.MySQL開放源代碼且無版權制約，自主性及使用成本低3.MySQL歷史悠久，社區及用戶非常活躍，遇到問題，可以尋求幫助4.MySQL軟體體積小，安裝使用簡單，並且易於維護，安裝及維護成本低5.MySQL品牌口碑較應，使得企業無需考慮就直接用之，LAMP,LEMP流行架構。6.MySQL支持多種操作語言，提供多種API介面，支持多種開發語言，特別對流行的PHP語言有很好的支持。
6. 前端能幹什麼
前端開發族遊人員可以從事以下工作：
網站或應用程序開發：前端開發人員可以使用HTML、CSS、JavaScript等技術來創建網站或應用程序的用戶界面。他們需要與後端開發人員密切合作，以確保整個網站或應用程序能夠正確地前穗滾工作。
前端框架或庫的開發：前端開發人員可以負責開發或維護前端框架或庫，如React、Vue、Angular等。這些框架或庫可以幫助其他開發人員更快、更方便地開發網站慧余或應用程序。
用戶體驗設計：前端開發人員可以與用戶體驗設計師合作，幫助設計師將設計圖轉化為可交互的網站或應用程序。
網站或應用程序的優化：前端開發人員可以使用各種技術和工具來優化網站或應用程序的性能和響應速度，以提高用戶體驗。
移動應用程序開發：前端開發人員可以使用各種技術和工具來創建移動應用程序的用戶界面，如React Native、Flutter等。
總之，前端開發人員可以從事許多與網站、應用程序、移動應用程序以及用戶體驗等方面相關的工作。
想要系統學習，枯伍你可以考察對比一下開設有相關專業的熱門學校獲取資料好的學校擁有根據當下企業需求自主研發課程的能力，能夠在校期間取得大專或本科學歷，中博軟體學院、南京課工場、南京北大青鳥等開設相關專業的學校都是不錯的，建議實地考察對比一下。
祝你學有所成，望採納。
北大青鳥學生課堂實錄
7. 前端不使用第三方庫就是重復造輪子嗎
前端不使用第三方庫不是重復造輪子。關於重復造輪子是否碼蔽必要，中庸點來說便是仁者見仁智者見智，這有點有點玄之又玄的味道。
有人說必要，有人說不必要，於是就有人無所唯顫適從遲山州了。
從粗淺的商業角度來說，重復造輪子是十分不必要的，作為趕場者，要的是及時，如果趕不上趟那日子便難過了，我想稍有閱歷的人都是能理解的。
8. 零基礎開始學 Web 前端開發，有什麼建議嗎
一 · 前端零基礎入門
從前端基礎入門知識學起，掌握基本的HTML+CSS網頁布局，以及簡單的JS特效，最終可以獨立開發出前端PC網頁。
二 · 響應式開發與常用框架
使用H5+CSS3實現網頁動態特效，通過Bootstrap框架學習，從原生編碼過渡到框架使用，更高效的開發出適配各個設備的響應式網頁。
三 · 組件化思想開發電商網頁
學會H5進階內容：svg、canvas、H5存儲、拖拽上傳等，對JS、jQuery進行提升，學習企業開發模式——組件化開發,在企業項目團隊中協同合作，實現「高內聚、低耦合」的網頁搭建。
四 · 熱門框架Vue開發WebApp
學習JS的最新版本ES6，前端流行框架Vue.js， 結合最流行的打包工具Webpack，掌握一個項目上線前的所有開發流程，真正成為一個能夠滿足企業需求的前端工程師。
9. 做前端開發的需要與資料庫打交道嗎
這個是不需要的，前端主要負責頁面開發，也就是用到html、css、js這些基本的技術，最多涉及到Ajax，介面都是寫好的，只要調用就可以了。資料庫都是有後台人員來寫的。
10. 如何成為前端工程師
如何成為一個優秀的Web前端開發工程師？
一個優秀的前端工程師必須能適應技術的發展，不斷突破提升自己的能力，了解前端發展的趨勢是必不可少的。
前端開發通過HTML，CSS及JavaScript以及衍生出來的各種技術、框架、解決方案，來實現互聯網產品的用戶界面交互。隨著互聯網技術發展，前端技術也在不斷地更新。需要前端開發的場景也在不斷延伸，從傳統的網站，到移動端開發，再到各類可穿戴設備，前端開發的交互設計也從基本的滑鼠鍵盤，到觸屏，甚至感控，手勢行為等等。不難發現前端的發展趨勢正在從「單端向多端發展」、「界面正在從GUI向NUI演進」，VR / AR等相關技術也越來越成熟。
一、好奇心
為了了解前端發展趨勢，一顆好奇心是必要的。可以多關注技術博主，技術新聞等獲取新技術的信息，不能排斥新技術，保持好奇心，拓展知識面，可以幫助自己快速的查漏補缺，快速成長。
二、專注力
淺嘗輒止收效甚微，所以還需要一定的專注力。這個專注力不僅是指對於當前使用的技術上，更指一些新的熱門技術。尤其對於些前端老人來講，接納一門新技術是耗時耗力的，但互聯網相關技術最大的特點就是更新快，如果固步自封，是不會進步和成長的。
三、合適的學習方法
新的技術層出不窮，想要都每一個都深入學習是不現實的，所以，優秀的開發者要創建自己的學習方法。無論通過什麼方式學習，與已經融會貫通的技術做類比去學習往往是見效比較快的。可多寫些博客記錄自己的學習感悟，在技術社區經常和同行多溝通交流意見也能得到意想不到的收獲。
四、避免廣而泛
如果你是一個想要成為優秀工程師的前端開發者，請記住，前端工程師的成長需要一定時間跨度的經驗積淀。「這個我也懂，那個我也知道......」，這種廣而泛的技術面是遠遠不夠的。一個前端工程師要踩過多少坑，才能稱的上是一個專業的前端工程師。真正的優秀不是紙上談兵沒事靠著自己的實踐一點一點積累來的。