大多數(shù)野生程序員最棘手的問題就是如何依靠技術(shù)解決溫飽，通俗來講就是技術(shù)折現(xiàn)的問題。

      如果是單純出于興趣，或者只是為了突擊某一階段或者某一項目技術(shù)壁壘，不跟就業(yè)掛鉤的自學(xué)倒也是無關(guān)痛癢。但是當(dāng)上崗成為自學(xué)的終極目標(biāo)和結(jié)果時，一切都就另當(dāng)別論了。

成都web前端培訓(xùn)

      自學(xué)前端需要掌握哪些技能，才能去工作？

      所以，自學(xué)前端需要達(dá)到什么水平才能去工作？我結(jié)合了知識點和現(xiàn)在前端主流崗位需求，列舉了一些，希望對大家的學(xué)習(xí)有幫助~

      PC端網(wǎng)站布局：HTML基礎(chǔ)，CSS基礎(chǔ)，CSS核心屬性，CSS樣式層疊，繼承，盒模型，容器，溢出及元素類型，瀏覽器兼容與寬高自適度，定位，錨點與透明，圖片整合，表格，CSS屬性與濾鏡等。

      HTML5+CSS3基礎(chǔ)：HTML5新增的元素與屬性，表單域增強元素，CSS3選擇器，文字字體相關(guān)樣式，CSS3位移與變形處理，CSS3 2D轉(zhuǎn)換與過度動畫，CSS3 3D轉(zhuǎn)換與關(guān)鍵幀動畫，彈性盒模型，媒體查詢，響應(yīng)式設(shè)計等。

      WebApp頁面布局：移動端頁面設(shè)計規(guī)范，移動端切圖，文字流式/控件彈性/圖片等比例/特殊設(shè)計的100%布局，等比縮放布局，viewport/meta，rem/vw的使用，flexbox詳解，移動web特別樣式處理等。

      原生JS交互功能開發(fā)：基本語法，循環(huán)語句，函數(shù)與數(shù)組，String與Date，BOM與DOM，事件，拖拽效果，cookie存儲，正則表達(dá)式，Ajax，面向?qū)ο蠡A(chǔ)，運動與游戲開發(fā)等。

      面向?qū)ο筮M(jìn)階與ES5/ES6應(yīng)用：Promise/A+，設(shè)計模式（觀察者模式等），原型鏈，構(gòu)造函數(shù)，執(zhí)行上下文棧與執(zhí)行上下文，變量對象與活動對象，作用域鏈，閉包，this，ES5，ES6等。

      JS工具庫自主研發(fā)：DOM庫，事件庫，AJAX庫，原型和繼承庫，MVVM核心庫，基于SPA的路由庫等。

      jQuery經(jīng)典交互特效：時間軸特效，tab頁面切換效果，網(wǎng)頁定位導(dǎo)航特效，滑動門特效，焦點圖輪播特效，導(dǎo)航條菜單效果，瀑布流特效，彈出層效果，倒計時效果等。

      PHP+MySQL后端基礎(chǔ)：PHP，MySQL，HTTP(s)協(xié)議詳解，Ajax進(jìn)階、跨域與Defered，Apache與Nginx 環(huán)境搭建與配置，接口的定義，Mock數(shù)據(jù)，Restful，前后端聯(lián)調(diào)，前端安全(XSS,CSRF,JSON注入)等。

      前端工程化與模塊化應(yīng)用：Gulp，Webpack，NPM，Git/SVN，CommonJS，AMD，CMD，ES6模塊化等。

      PC端全棧開發(fā)：大首頁、列表頁與詳情頁展示與交互特效、搜索、登錄與注冊、購物車、jQueryUI 與 jQuery EasyUI、Bootstrap(ACE)、Highcharts/Echarts、ArtTemplate、Velocity、Smarty、云平臺系統(tǒng)前端等。

      應(yīng)用Vue.js開發(fā)WebApp：Vue.js基礎(chǔ)，模塊化，單文件組件，路由，與服務(wù)器通信，狀態(tài)管理，單元測試與生產(chǎn)發(fā)布，服務(wù)端渲染SSR與Nuxt.js，基于Vue.js企業(yè)級項目開發(fā)等。

      應(yīng)用React.js開發(fā)WebApp：ReactJS基礎(chǔ)，JSX語法，組件，flux+Redux，React，Router路由，動畫效果，基于React 企業(yè)級項目研發(fā)等。

      應(yīng)用Angular開發(fā)WebApp：TypeScript 基礎(chǔ)與進(jìn)階，開發(fā)環(huán)境配置，Hello World，架構(gòu)、模塊與組件，模板，元數(shù)據(jù)、數(shù)據(jù)綁定與數(shù)據(jù)顯示，表單，服務(wù)與指令，依賴注入，路由，Ionic 3 MUI框架等。

      微信公眾號開發(fā)：初識微信公眾號，訂閱號的基本功能，使用百度BAE實現(xiàn)代碼的快速上線，使用Git完成線上代碼部署，公眾號開發(fā)權(quán)限及功能接入，微信JSSDK接口API，微信場景項目開發(fā)與接入等。

      微信小程序開發(fā)：微信小程序初探，小程序入門必學(xué)，小程序組件體驗，小程序大功能，項目實戰(zhàn)等。

      React Native：React Native 初探，React Native 項目導(dǎo)航，React Native 項目文本框，React Native 項目滾動分頁，React Native 項目第三方登錄，React Native其他組件等。

      各類混合應(yīng)用開發(fā)：自主原生Navtive Hybrid，第三方Hybrid框架Cordova/Phone gap，第三方Hybrid框架等。

      自學(xué)其實就是一種手段，至于具體的學(xué)習(xí)效果，其實全在于個人，這種入門前端的方法基本是屬于最慢的，如果學(xué)習(xí)方法和方向不對，很可能是做無用功。

      如果是想轉(zhuǎn)行前端或者是想要進(jìn)入前端這個行業(yè)，以此為職業(yè)的話，建議還是系統(tǒng)的培訓(xùn)學(xué)習(xí)吧，因為不僅能節(jié)約時間，還能了解到新穎的前端技術(shù)和技能，也有行業(yè)內(nèi)的專業(yè)人士幫你找到最快捷的學(xué)習(xí)入門方法，不至于白學(xué)或者走彎路。

成都web前端培訓(xùn)

      想要學(xué)習(xí)web前端的同學(xué)，可以來千鋒成都web前端培訓(xùn)班（www.yncex.com）免費試聽web前端課程，千鋒成都有著多年IT行業(yè)培訓(xùn)經(jīng)驗，在業(yè)內(nèi)有著極好的口碑，選擇千鋒教育成都校區(qū)，助你輕松學(xué)習(xí)web前端開發(fā)。

上一篇

成都web前端培訓(xùn)哪家值得去？

下一篇

零基礎(chǔ)學(xué)習(xí)Python的誤區(qū)，確定你不來看看？