400-650-7353
SYSTEM
優(yōu)就業(yè)Web前端課程體系
-
緊跟企業(yè)所需
課程研發(fā)隨時關注最近技術與企業(yè)中使用頻率高的技術，根據調研結果研發(fā)符合現在情況與未來潮流的課程大綱，課程中會去掉淘汰很久并且無用的技術，整套課程最終為培養(yǎng)成高級全棧開發(fā)工程師為目標，在講解基礎的同時，更會深入的講解其原理，做到知其然也知其所以然，課程中也會涉及到Touch、jQuery、Zepto、JavaScript ES6、Node、Express、MySQL、Webpack+Gulp+模塊化、WebSocket+Koa2、Vue、TypeScript、React等。為學員在就業(yè)中更加有競爭力。
-
豐富實戰(zhàn)項目
課程具體涉及的項目涵蓋社區(qū)平臺、點餐平臺、旅游平臺、電商平臺、影視平臺等多個方向，包括但不限于小U商城、優(yōu)學在線、優(yōu)社區(qū)項目、菜譜云平臺、課堂監(jiān)管大數據系統等，項目種類繁多，包含了大多常見領域的項目，對于各行各業(yè)都能進行深入的了解，在之后的面試中不論什么行業(yè)都可以輕松應對，而且項目中包含了每個階段的知識點，在了解原理的同時，提升自己的動手操作能力。
-
一體化學習模式
通過面授：老師面對面講授、手把手輔導、搭配CTS系統晚上可以看白天錄屏課程、保時保量，網課：優(yōu)質團隊隨時隨地在線學習、一年內反復聽，直播：優(yōu)就業(yè)實戰(zhàn)講師授課、直播+錄播互動式教學、隨時互動答疑、不定期推出眾多免費公開課，圖書：提供優(yōu)就業(yè)自主研發(fā)書籍，可以更詳細的了解課程知識。并配備各種專業(yè)老師，如教務老師、就業(yè)老師、學管師、助教老師、實訓老師等等，為大家提供專項的服務。
ROUTE
優(yōu)就業(yè)Web前端課程學習路線
前端頁面重構
前端交互設計
前端框架
服務器端開發(fā)
小程序+數據可視化
恭喜達成
Web前端初級開發(fā)工程師
恭喜達成
全棧開發(fā)工程師
小程序開發(fā)工程師
數據可視化開發(fā)工程師
恭喜達成
Web前端中級開發(fā)工程師
全棧開發(fā)工程師
Vue中高級開發(fā)工程師
React初級開發(fā)工程師
晉級
晉級
本章是前端入門章節(jié)，主要介紹靜態(tài)頁面布局的實現，包括PC端布局、移動端布局和響應式布局。
本章節(jié)主要介紹頁面中的交互效果的實現，利用JS和jQuery庫及相關插件使頁面更豐富，增加用戶的交互體驗。
本章節(jié)主要主要講解Vue和React兩個目前比較流行的前端開發(fā)框架，通過本階段學習能夠使用框架快速開發(fā)前端項目。
本章節(jié)主要主要講解ES6語法Node+Express+MySQL開發(fā)后臺數據接口，項目模塊化開發(fā)及Webpack實現項目打包。
本章節(jié)主要主要講解小程序和數據可視化，通過本章學習可以快速開發(fā)各類小程序項目，并熟悉運用數據可視化工具。
OUTLINE
優(yōu)就業(yè)Web前端課程大綱
-
第一階段
前端頁面重構
-
第二階段
前端交互設計
-
第三階段
服務器端開發(fā)
-
第四階段
前端框架
-
第五階段
小程序+數據可視化
- HTML5
- CSS3
- Less
HTML
- HTML簡介
- HTML語法
- HTML屬性和值
- HTML注釋
- HTML基本結構
- HTML常用標簽
- 語義化
CSS
- 基本語法
- 選擇器
- 文本屬性
- 盒模型
- 浮動及清除浮動
- position定位
- 瀏覽器兼容
- CSS hack
- CSS高級技巧
- BFC規(guī)范
HTML5
- HTML5簡介
- 新增的結構化標簽
- 音頻和視頻
- 新增表單元素
- 新增表單屬性
- html5shiv.js
CSS3
- CSS3新增選擇器
- 背景和漸變
- 用戶界面屬性
- 多列布局
- 圓角和陰影
- 過渡動畫
- 2D與3D轉換
- 彈性盒布局（Flex）
- Grid網格布局
- 流式布局
Less
- CSS預處理
- Less編輯
- Koala編譯工具
- 導入
- 注釋
- 變量
- 混合
- 嵌套
- 運算
- 內置函數
Photoshop
- PS基本操作
- PSD文件
- 網頁圖片優(yōu)化技巧
- 圖片格式分類及特性
- GIF動態(tài)制作
- 一鍵切圖插件
頁面布局與屏幕適配
- 移動端瀏覽器及內核分析
- viewport設置
- Retina高清屏
- PPI
- dpr設備像素比解析
- 媒體查詢
- vw+rem布局
- flexible.js+rem布局
- 媒體查詢+rem
- 移動端reset
學完本階段課程能夠獨立把設計師給的PSD效果圖轉換為靜態(tài)代碼頁面，具備PC端和移動端靜態(tài)頁面的開發(fā)能力，
并可以適配不同的終端設備。但還達不到企業(yè)的用人標準，為后面繼續(xù)學習網站編程打下基礎。
- JS核心語法
- JS高級進階
- 面向對象編程
- JS庫及插件
JS核心語法
- JS基礎語法
- 數據類型
- 運算符
- 分支語句
- 循環(huán)語句
- this對象
- 內置對象
- 定時器
- 事件
- 異步及回調
DOM和BOM
- DOM概念
- DOM作用及使用場景
- DOM樹
- 節(jié)點類型
- 節(jié)點操作
- 屬性操作
- 表格操作
- window對象
- document對象
- 窗口操作及事件
JS高級進階
- 事件對象
- 事件機制
- 正則表達式
- RegExp對象
- 匿名函數
- 自執(zhí)行函數
- 閉包
- HTTP協議
- AJAX原理分析及實現
- JSON數據解析
面向對象
- 構造函數
- new關鍵字
- 實例對象創(chuàng)建
- Prototype對象
- 原型與原型鏈
- 對象與繼承
- 模塊與封裝
- 工廠模式
- 觀察者模式
- 單例模式
jQuery
- jQuery對象與DOM對象關系
- jQuery選擇器
- jQuery DOM操作
- jQuery內置函數
- jQuery事件
- jQuery動畫
- jQuery AJAX
- jQuery插件
- jQuery EasyUI
- jQuery UI
Touch
- Touch.js介紹及使用場景
- Touch.js事件綁定及事件配置
- 事件代理
- 事件觸發(fā)
- 常用手勢
Zepto
- Zepto介紹
- 環(huán)境配置及編譯
- Zepto模塊
- 選擇器及事件模塊
- Zepto的touch模塊
學完本階段可以使用JavaScript/jQuery或JS相關插件開發(fā)網頁特效和網頁應用，并能夠實現和服務器的一些交互，
具備開發(fā)一些簡單交互項目能力，滿足企業(yè)對初級前端開發(fā)的需求。
- ES6
- Node
- Express
- MySQL
- Webpack
ES6
- let和const
- 解構賦值
- 模板字符串使用
- 箭頭函數
- Iterator
- Generator
- Promise對象
- async...await
- class語法
- ES6~ES10新語法
Node
- Node安裝配置
- Node特點
- Node模塊和包管理
- npm命令使用
- fs模塊文件讀寫操作
- request和response對象
- path模塊
- url模塊
- crypto模塊
- GET和POST數據解析
Express
- Express的特性介紹
- Express路由使用
- 路徑動態(tài)參數解析
- 路徑正則
- 中間件使用
- ejs模板引擎
- artTemplate模板引擎
MySQL
- MySQL的優(yōu)缺點
- MySQL安裝配置
- navicate工具使用
- 數據庫設計范式
- CRUD操作指令
- 數據庫操作指令
- 多表連接查詢指令
- Node封裝MySQL操作
- MVC和MVP理解
- Node封裝M層設計思路
Webpack
- Webpack安裝配置
- Webpack中的模塊和插件使用
- Webpack打包HTML、CSS、JS
- 打包Less、Sass
- Webpack拆分CSS
- 配置代理跨域
- AMD和CMD的區(qū)別
- RequireJS
- ES6模塊化和commonjs模塊化對比
- importx 和 export的使用
WebSocket-Koa2
- WebSocket介紹
- WebSocket和webservice對比
- HTML5中的WebSocket
- socket.io的使用
- Koa2介紹
- Koa腳手架使用
- Koa與Express的對比
學完本階段能夠獨立開發(fā)基于后臺接口的動態(tài)網站、Ajax數據交互的項目；能夠獨立完成
企業(yè)網站從前臺到后臺的基本開發(fā)工作。滿足企業(yè)對Node全棧工程師的基本需求。
- Vue
- TypeScript
- React
Vue基礎
- MVC和MVVM設計模式
- Vue模板語法
- Vue指令
- 修飾符
- Computed計算屬性
- Watch監(jiān)聽器
- Filter過濾器
- 組件
- 生命周期
- 過渡與動畫
Vue進階
- Vue-cli
- 組件通信
- slot插槽
- 動態(tài)組件
- 路由
- Axios
- Vuex狀態(tài)管理
- Element-UI
- Mint-UI
- Vant-UI
- 服務器端渲染
- Nuxt.js
BootStrap
- BootStrap網格系統
- BootStrap排版
- BootStrap表格
- BootStrap表單
- BootStrap按鈕組
- BootStrap下拉菜單
- BootStrap輸入框組
- BootStrap導航欄
- BootStrap面包屑導航
- BootStrap分頁
TypeScript
- TypeScript簡介
- 基礎類型
- 變量聲明
- 接口
- 類
- 函數
- 泛型
- 枚舉
React
- 虛擬DOM
- JSX語法糖
- diff原理
- React腳手架
- State和Props
- 組件間通信
- DOM節(jié)點操作
- 組件的生命周期
- React路由
- AJAX、Axios、Fetch的使用
- Redux
- UI庫(ant-design)
學完本階段能夠使用Vue和React技術棧開發(fā)企業(yè)級項目，掌握組件化開發(fā)和前后端分離式
開發(fā)的方式，理解框架開發(fā)原理、運行原理。滿足前端開發(fā)中常見需求。
- 小程序
- 云開發(fā)
- uni-app
- 數據可視化
小程序
- 微信小程序介紹
- 微信開發(fā)者工具
- 小程序目錄結構
- 全局配置與頁面配置
- 組件
- 模塊化
- 常用 API
- WeUI組件庫
- 網絡請求
- 分包加載
- 基礎庫版本及兼容處理
云開發(fā)
- 云開發(fā)簡介
- 云開發(fā)能力開通
- 數據庫基本操作
- 存儲服務
- 云函數的使用
- 深度了解HTTP API
uni-app
- 原生APP與混合APP
- 多端介紹
- uni-app框架介紹
- 快速上手uni-app
- HBuilderX可視化界面
- Vue-cli命令行操作
- 目錄結構
- 生命周期
- 運行環(huán)境判斷
- 路由
- 使用 Vue.js 注意事項
- uni-app 跨端開發(fā)注意事項
數據可視化
- 數據可視化介紹
- 數據可視化應用場景
- Canvas
- SVG
- D3.js
- 選擇元素和綁定數據
- 交互式操作
- NVD3
- n3-charts
學完本階段能夠掌握小程序和數據可視化的開發(fā)，能夠掌握小程序的發(fā)展趨勢，熟悉小程序的開發(fā)流程，能夠開發(fā)企業(yè)級小程序，既可以開發(fā)原生小程序也可以
使用小程序框架完成項目；掌握數據可視化在前端項目中的使用場景及獨立開發(fā)企業(yè)級數據可視化項目。
-
每日測評，晚自習輔導
每晚對學員當天知識的吸收程度、老師授課內容難易程度進行評分，老師會根據學員反饋進行分析，對學員吸收情況調整授課內容、課程節(jié)奏
-
階段測試，技術指導
課程通過階段進行學習，并進行階段測試，根據學員的理解情況，在下個階段是著重那些方向的知識學習，重點知識方向微調等
-
就業(yè)輔導，面試技巧
最后一個階段進行就業(yè)課程，不僅可以將之前的知識進一步加深理解，并且可以查缺補漏，將所有知識點進行更深的理解
PROBLEM
Web前端培訓常見問題
零基礎
每一個 成功者 都有一個開始
勇于開始，才能找到成功的路
前端入門視頻網課+前端學習路線圖
咨詢即可領取>>
申請5天免費線下課程
線下課程真實體驗，拒絕虛假宣傳
免費預約
在線咨詢
