一(yī)、前端開(kāi)發需要學什麽啊？
前端學html5、css3、javascript、jquery、ajax等技術。
第一(yī)階段
html+css基礎編程，最簡單的東西，在我(wǒ)接觸這麽多學習前端的人中(zhōng)，幾乎沒有見過一(yī)個人學不會html+css，所有人都可以學會，隻不過他們之間的差距在于有的人做的快，有的人做的慢(màn)，但是最後都是可以做的出來。
第二階段
也就是最重要的東西出來了，javascript我(wǒ)們簡稱js，最能夠成爲前端開(kāi)發者的工(gōng)資(zī)标準，也就是js讓很多人頭疼，一(yī)般接觸學習前端的人都在這裏卡的很久，學習js學習方法太重要，如果不能掌握學習方法，一(yī)直都會在浪費(fèi)時間，js學的怎麽樣，基本可以斷定這個人的工(gōng)資(zī)是多少。
第三階段
前端的框架部分(fēn)，jquery、bootstrap4、vue、react、angular、nodejs全棧開(kāi)發，而這些框架學的如何，就看你在第二階段對于原生(shēng)js掌握的程序，也決定着你的思維邏輯有多強，你的競争能力就會有多大(dà)，但是這種課程一(yī)般是很少能找到免費(fèi)的，即使找到也是沒有什麽價值。
如果有機會還可以學學跨平台app開(kāi)發、微信開(kāi)發、大(dà)數據可視化，上述的所有知(zhī)識如果可以掌握到80%以上，那找到月薪8k以上的工(gōng)作沒有任何的問題。
随着互聯網時代的發展， web前端開(kāi)發已經成爲時下(xià)較火(huǒ)的技術之一(yī)，針對web前端開(kāi)發工(gōng)程師這一(yī)新興職業，雖然受重視的時間還比較短，但是随着時間的發展，web前端開(kāi)發技術一(yī)直在不斷的創新與完善。把web前端開(kāi)發技術作爲重點的技術培訓項目是很有必要的，因爲人才市場的迫切需要，許多互聯網公司急需大(dà)量并且高級的web前端人才。
二、前端開(kāi)發必學的技術有哪些？
這裏給大(dà)家整理了一(yī)份系統全面的前端學習路線，主要掌握以下(xià)技術：
第一(yī)階段：專業核心基礎
階段目标：
1. 熟練掌握html5、css3、less、sass、響應書(shū)布局、移動端開(kāi)發。
2. 熟練運用html+css特性完成頁面布局。
4. 熟練應用css3技術，動畫、彈性盒模型設計。
5. 熟練完成移動端頁面的設計。
6. 熟練運用所學知(zhī)識仿制任意web網站。
7. 能綜合運用所學知(zhī)識完成網頁設計實戰。
知(zhī)識點：
1、web前端開(kāi)發環境，html常用标簽，表單元素，table布局，css樣式表，div+css布局。熟練運用html和css樣式屬性完成頁面的布局和美化，能夠仿制任意網站的前端頁面實現。
2、css3選擇器、僞類、過渡、變換、動畫、字體(tǐ)圖标、彈性盒模型、響應式布局、移動端。熟練運用css3來開(kāi)發網頁、熟練開(kāi)發移動端，整理網頁開(kāi)發技巧。
3、預編譯css技術：less、sass基礎知(zhī)識、以及插件的運用、bootstrap源碼分(fēn)析。能夠熟練使用 less、sass完成項目開(kāi)發，深入了解bootstrap。
4、使用html、css、less、sass等技術完成網頁項目實戰。通過項目掌握第一(yī)階段html、css的内容、完成pc端頁面設計和移動端頁面設計。
第二階段：web後台技術
階段目标:
1. 了解javascript的發展曆史、掌握node環境搭建及npm使用。
2. 熟練掌握javascript的基本數據類型和變量的概念。
3. 熟練掌握javascript中(zhōng)的運算符使用。
4. 深入理解分(fēn)之結構語句和循環語句。
5. 熟練使用數組來完成各種練習。
6.熟悉es6的語法、熟練掌握javascript面向對象編程。
7.dom和bom實戰練習和h5新特性和協議的學習。
知(zhī)識點：
1、軟件開(kāi)發流程、算法、變量、數據類型、分(fēn)之語句、循環語句、數組和函數。熟練運用javascript的知(zhī)識完成各種練習。
2、javascript面向對象基礎、異常處理機制、常見對象api，js的兼容性、es6新特性。熟練掌握javascript面向對象的開(kāi)發以及掌握es6中(zhōng)的重要内容。
3、bom操作和dom操作。熟練使用bom的各種對象、熟練操作dom的對象。
4、h5相關api、canvas、ajax、數據模拟、touch事件、mockjs。熟練使用所學知(zhī)識來完成網站項目開(kāi)發。
第三階段：數據庫和框架實戰
階段目标：
1. 綜合運用web前端技術進行頁面布局與美化。
2. 綜合運用web前端開(kāi)發框架進行web系統開(kāi)發。
3. 熟練掌握mysql、mongodb數據庫的發開(kāi)。
4. 熟練掌握vue.js、webpack、elementui等前端框技術。
5. 熟練運用node.js開(kāi)發後台應用程序。
6. 對restful，ajax，json，開(kāi)發過程有深入的理解,掌握git的基本技能。
知(zhī)識點：
1、數據庫知(zhī)識，範式，mysql配置，命令，建庫建表，數據的增删改查，mongodb數據庫。深入理解數據庫管理系統通用知(zhī)識及mysql數據庫的使用與管理，爲node.js後台開(kāi)發打下(xià)堅實基礎。
2、模塊系統，函數，路由，全局對象，文件系統，請求處理，web模塊，express框架，mysql數據庫處理，restfulapi，文件上傳等。熟練運用node.js運行環境和後台開(kāi)發框架完成web系統的後台開(kāi)發。
3、vue的組件、生(shēng)命周期、路由、組件、前端工(gōng)程化、webpack、elementui框架。vue.js框架的基本使用有清晰的理解，能夠運用vue.js完成基礎前端開(kāi)發、熟練運用vue.js框架的高級功能完成web前端開(kāi)發和組件開(kāi)發，對mvvm模式有深刻理解。
4、需求分(fēn)析，數據庫設計，後台開(kāi)發，使用vue、node完成pc和移動端整站開(kāi)發。于node.js+vue.js+webpack+mysql+mongodb+git，實現整站項目完整功能并上線發布。
第四階段：移動端和微信實戰
階段目标：
1.熟練掌握react.js框架，熟練使用react.js完成開(kāi)發。
2.掌握移動端開(kāi)發原理，理解原生(shēng)開(kāi)發和混合開(kāi)發。
3.熟練使用react-native和flutter框架完成移動端開(kāi)發。
4.掌握微信小(xiǎo)程序以及了解支付寶小(xiǎo)程序的開(kāi)發。
5.完成大(dà)型電(diàn)商(shāng)項目開(kāi)發。
知(zhī)識點：
1、react面向組件編程、表單數據、組件通信、監聽(tīng)、聲明周期、路由、redux基本概念。練使用react完成項目開(kāi)發、掌握redux中(zhōng)的異步解決方案saga。
2、react-native、開(kāi)發工(gōng)具、視圖與渲染、api操作、flutter環境搭建、路由、listview組件、網絡請求、打包。練掌握react-native和flutter框架，并分(fēn)别使用react-native和flutter分(fēn)别能開(kāi)發移動端項目。
3、微信小(xiǎo)程序基本介紹、開(kāi)發工(gōng)具、視圖與渲染、api操作、支付寶小(xiǎo)程序的入門和api學習。掌握微信小(xiǎo)程序開(kāi)發了解支付寶小(xiǎo)程序。
4、大(dà)型購物(wù)網站實戰，整個項目前後端分(fēn)離(lí)開(kāi)發；整個項目分(fēn)爲四部分(fēn)：pc端網頁、移動端app、小(xiǎo)程序、後台管理。團隊協作開(kāi)發，使用git進行版本控制。目期間可以擴展three.js 、typescript。
三、前端開(kāi)發的工(gōng)作職責有哪些
前端邏輯複雜(zá)度主要在于數據 + ui + 交互的實現，就比如一(yī)個簡單的多 tab 頁的功能，可以用 css 實現、用 js 實現，js 可以通過切換 remove dom 或者添加 classname 隐藏，雖然效果上都可以實現，remove dom 無法原有結構的狀态，添加 classname 的 css 方式很難實現初始化狀态。除此之外(wài)還可能需要對浏覽器進行兼容性處理 + 響應式。然後突然來個業務需求說要加個 iframe 嵌入别人的頁面，或者改什麽效果，如果之前開(kāi)發的不合理，基本上要重做了。
相比後端，隻輸出數據模型給前端，如果業務不需要什麽字段了，甚至讓前端不讀取好了，改都不用改。我(wǒ)們幾次大(dà)的業務平台重構，前端基本要重新開(kāi)發一(yī)遍（效果、交互完全不同），後端模型和數據庫則可以遞進式的複用、擴展、升級。這也是導緻前端需要堆人大(dà)力出奇迹的問題
