1. 完成本項目以后，能夠讓你熟練的掌握前端搭建網站的所有流程。
2. 具備網頁端異步請求的能力
3. 掌握 jquery javascript 基礎語法
4. 掌握 scss 語法
5.
掌握自動化流布局工具 Gulp 使用
6. 掌握 css 預編譯處理器 scss 使用
7. 掌握模塊發開發技術 requirejs 和 AMD 規范
8. 掌握客戶端和服務器端交互技術
為什么要推薦學WEB前端工程師？
重新定義自己，你的職場你做主
-
人才缺口大
熱門行業人才缺口大
了解詳情 -
招聘需求大
招聘量大，日招聘量達
了解詳情
63232個 -
學習門檻低
0基礎可學，非計算機專業
了解詳情
也可上手 -
薪資福利好
名企大廠都需要，相關
了解詳情
崗位福利待遇好 -
就業前景廣
互聯網時代，各行業都需
了解詳情
要，尤其IT、科技、金融等 -
就業選擇多
如網站、App、桌面應用、
了解詳情
智能電視、數據可視化等 -
職業天花板高
各階段晉升路線明確，技
了解詳情
術、管理等，職場光明 -
男女不限制
沒有性別專業歧視，只以
了解詳情
技術論高低
*此處招聘量數據來源于職友集，數據樣本選取日期為2023年2月10日，僅作為信息展示，不作為效果承諾
WEB前端工程師未來可期，適合哪些人學？
重新定義自己，你的職場你做主
新華WEB前端工程師高品質課程，實用技術助你逐夢職場
-
教研+師資團隊
新華互聯網科技每年投入數千萬用于研發，百人教研專職團隊、千人教學團隊打造高品質課課堂
-
特色課程
基礎-專業-項目-企業-就業-職后課程，從學習到就業再到職后賦能，讓你實現從0到1的突破
-
人才培養成果
每年培養泛IT人才近2萬人，累計培養超10余萬泛IT人才
- 1
- 2
- 3
- 4
- 5
- 6
多班型精準培優
開設多種班型，可根據自己的需求、上課時間、地點來選擇合適的課程
完善服務助力就業
新華不定期專場招聘會、校企項目培養定制、企業內部推薦等，并有專業老師做職業生涯規劃、簡歷指導、模擬面試等，一站式服務，助力就業
數百萬學員受益
每年有數百萬名學員接受新華組織技術研討會、技術培訓課、網絡公開課及免費學科視頻等服務
課程升級，培養新時代WEB前端工程師
量化內容，逐步增加核心技能，時間見證你的蛻變
-
前端基礎，頁面設計
零基礎入門了解HTML5開發
熟悉前端的開發工具及流程
熟悉常見的HTML標簽
熟悉常見CSS樣式
-
移動端網頁制作與響應式實現
移動端概念與布局
響應式與實現
實現標簽元素和CSS的運用
-
JavaScript核心技術
掌握 JavaScript 進行基礎編程
面向對象進階與ES應用
掌握Bootstrap前端框架
掌握Ajax異步交互
-
PC端WEB項目開發
前端工具庫
前端工程化與模塊化
Node.js 服務端開發
PC端網站開發
-
服務器端技術
Node.JS 服務器端開發技術
掌握mySql關系型數據庫使用
熟練API數據連接
Web后端JSON數據
-
原生應用開發技術
Node.js
熟悉webpack/vite等工具
微信小程序開發
uni-app 開發
-
混合應用開發技術
TypeScript 語法
Symbols
Git的常見操作
-
前端高級框架技術
Vue
React
Angular
數據可視化
六大特色課程，只學實用核心技能
基礎+專業+實戰+企業+就業+職后，助力職場順暢
-
基礎課
前端基礎，頁面設計
-
專業課
深度學習WEB前端工程師，全棧開發能力
-
項目課
真項目，真實戰，多學科聯合開發
-
企業課
企業項目導師，熱門技能學習
-
就業課
求職穩定發揮，提升職業素養
-
職后課
職場持續提升，提升自身技能
一：HTML5
HTML基礎標簽
表單元素
table布局
HTML5新增標簽
audio和vedio
三：CSS3高級屬性
flex布局
grid 網格布局
響應式布局@Media
轉換transform
動畫annotation
五：麥當勞網站設計實戰
能獨立搭建pc端頁面；
熟悉頁面布局過程
中的bug和解決方式
各種布局的靈活運用和CSS動畫效果
二：CSS3樣式表
初識CSS,塊級元素和行內元素
CSS常用樣式和導入方式
盒子模型
元素定位Position
網頁DIV布局和CSS3選擇器
四：項目——網易新聞
實現標簽元素和CSS的運用
基本pc端頁面布局；
熟練利用ps切圖、取色、測量
六：豆瓣電影網成套頁面設計
熟悉 web 前端的開發工具及流程
熟悉常見的 HTML 標簽及屬性
熟悉常見的各種CSS 樣式
熟練完成靜態頁面設計
第一階段 前端頁面重構
1.企業級 PC 端網頁開發
2.企業級移動端網頁開發
3.HTML5 CSS3 新特性
第三階段 Vue.js 前端框架 +React 前端框架 + 小程序開發
1.MVVM 原理及虛擬 DOM 比對
2.vue2 和 vue3 的基礎使⽤項⽬實戰
3.vue2 和 vue3 的優化上線
4.react 和 vue 之間不同和虛擬 DOM 實現
5.webpack 相關配置的搭建項⽬流程
6.了解jsx 解析實現
7.react 使⽤和項目實戰；常用 UI 組件庫
8.自定義私有組件庫以及發布流程
9.React 生態系統及原生小程序開發
10.第三⽅框架實現跨端及平臺小程序開發
11.數據可視化不同使⽤場景
12.typescript 技術棧
13.團隊合作完成項⽬技巧
第二階段 JavaScript 高級程序設計 +PC端WEB開發
1.原生Javascript 交互功能開發
2.⾯向對象進階與 ES5/6/7/8/9/10 應⽤
3.Javascript ⼯具庫開發
4.Javascript 數據結構、變成模式、常⽤算法
5. jQuery 經典交互特效開發
6. Echarts 數據可視化
7.Node+Mongodb 后端基礎
8.前端工程化與模塊化應⽤及Git 基本使⽤
項目名稱：PC端全棧項目
開發周期： 5 天
開發時間：第 12 周
項目名稱：基于 Vue.js WebAPP 開發 / 基于 Vue.js 管理信息系統開發
開發周期：8 天
開發時間： 第 15 周
項目名稱：小程序開發項目
開發周期：8 天
開發時間： 第 20 周
項目名稱：基于 Node.js 后臺管理系統
開發周期：8 天
開發時間：第 13 周
項目名稱：基于 React WebAPP 開發 / 基于 React 管理信息系統開發
開發周期：8 天
開發時間：第 18 周
項目名稱：UI+ WEB前端工程師 +Java/Python+ 云計算 + 網絡安全 + 物聯網 + 大數據
開發周期：1.5-2 個月
開發時間：學科最后一個階段開始
一、團隊戶外拓展訓練
課程內容： 團隊建設、團隊協作；逆境生存法則
掌握能力： 團隊協作能力；逆境生存能力
解決問題： 調節專業課學習狀態；增加企業拓展訓練經驗
三、管理課程
課程內容： 項目管理架構及流程；整合管理和范圍管理 時間管理、成本管理和質量管理；人力資源管理、溝通管理、風險管理 基層管理者領導力提升培訓解決方案
掌握能力： 企業項目管理流程和方法；如何帶領一個小團隊
解決問題： 使學員提前掌握企業項目管理和團隊管理能力
二、企業合作項目課程
課程內容： 項目需求分析與交互設計 前后端及移動端流行工具、框架與庫的企業項目深度應用實戰 JavaScript框架設計；移動端組件庫設計；項目架構與產品選型 大廠項目開發流程、項目測試、部署與發布實踐；項目安全、性能與可用性實戰 與兄弟部門及項目團隊密切合作及有效溝通
掌握能力： 項目開發流程；企業開發架構；企業級應用代碼觀摩；企業部門合作方式；JavaScript深度應用
解決問題： 提前了解企業用人要求和技術要求；體驗企業工作流程和工作要求；WEB前端工程師技術企業落地
《企業初認知》
課程內容： 公司類型 企業組織架構 企業崗位發布及招聘流程 企業招聘途徑 對標IT綜合素養和技術
掌握能力： 熟悉公司類型，組織架構和本職位相關工作流程以及公司招聘常用招聘平臺等，讓學員對公司有初步認知，能清晰目標走出舒適區，努力修煉技能，拿到職場入場券
《企業需求及職場規則》
課程內容： 企業軟需求 情商提升 職場規則
掌握能力： 重點從公司考察的硬實力和軟實力出發，分析需要掌握的技能，從態度、言行、微笑等細節及職場潛規則等方面解讀，了解職場法則
《市場行情分析及職業發展》
課程內容： 市場行情分析 崗位招聘需求分析 職業生涯規劃 技術網站拓展
掌握能力： 了解國內各個城市在招聘平臺的招聘數量、薪資分布、崗位職責等內容。360度解讀一名程序員的職業生涯發展路線，讓你對從事崗位有具體、細致了解，清晰自己職業規劃
《求職禮儀及面試常見問題》
課程內容： 求職禮儀、薪資構成、社保及合同解讀其他職場常見問題
掌握能力： 從著裝、談話、儀容、薪資構成以及五險一金、合同等方面，從個人形象打造到熟悉法規保護個人權益等進行解讀，為進入職場保駕護航
一、算法與網絡
掌握能力： 計算機網絡、數據結構與算法
解決問題：
數據處理場景中的各種算法及邏輯問題
場景網絡協議下的優化調試問題
數據處理場景中的各種算法及邏輯問題
場景網絡協議下的優化調試問題
二、前端框架（實時更新）
掌握能力： Ionic基礎與實戰、微信公眾號開發
各類混合應用開發、React-Native開發
Flutter開發Angular前端框架
大數據可視化基礎與實戰
桌面APP開發Electron開發探索
解決問題： angular應用開發及相關技術
公眾號開發常見問題
MUI及Cordova混合開發
基于RN或者Flutter的原生app開發場景
大數據可視化實戰
桌面端軟件開發
互聯網大廠真實戰項目，學習即“實習”
真實戰項目，理論與實際結合，助你成為實戰型人才
- 仿小米商城
- 仿美團PC端
- 數據可視化項目
- 全球新聞發布系統
- 鋒蜜外賣管理端
- 鋒蜜嗨購管理平臺
仿小米商城
仿前端小米商城，本項目是基于原生 JavaScript 等前端技術實現的仿小米電商網站。本項目前端代碼
設計技術棧有（JQuery、scss、Gulp、模塊化開發），后臺構造技術包括（PHP、MySQL）等后臺編程知識。
掌握能力
仿美團 PC 后臺管理系統
為美團 PC 配套開發的管理平臺，采用 VUE 框架進行開發，實現了大屏數據可以刷、分類管理、
門店管理、門店產品、訂單管理、用戶管理、角色管理、權限管理等模塊。項目中采用第三方地圖
實現門店維度經度定位、富文本、多圖上傳、echarts 圖表展示、RBAC 權限機制等功能。
掌握能力
1. 使用 node+gulp 從 0 到 1 實現項目模塊化管理
2. 使用 jquery 實現項目交互操作
3. 采用前端代理 http-proxy-middleware 解決跨域 4. 使用 git 進行版本控制
5. 采用極客行為驗證碼避免防關稅
6. 采用支付寶、微信 API 實現支付功能
7. 采用 H5C3 進行網頁布局
8. 使用騰訊地圖實現定位用你那個
9. 采用阿里云對象存儲 +CDN 實現圖片處理
10. 使用 H5 新增 API FileReader 實現圖片上傳同步阿里云
2. 使用 jquery 實現項目交互操作
3. 采用前端代理 http-proxy-middleware 解決跨域 4. 使用 git 進行版本控制
5. 采用極客行為驗證碼避免防關稅
6. 采用支付寶、微信 API 實現支付功能
7. 采用 H5C3 進行網頁布局
8. 使用騰訊地圖實現定位用你那個
9. 采用阿里云對象存儲 +CDN 實現圖片處理
10. 使用 H5 新增 API FileReader 實現圖片上傳同步阿里云
數據可視化項目
數據可視化這一概念自 1987 年正式提出，經過 30 余年的發展，逐漸形成 3 個分支：科學計算可視化(scientific
visualization)、信息可視化 (information visualization) 和可視分析 (visualanalytics)。近些年來，這 3
個子領域出現了逐漸融合的趨勢。我們統稱為“數據可視化”。
掌握能力
1. 使用 CRA+Vue3+Express+Echarts 搭建開發環境，使用阿里云 +Nginx 進行項目運行
2. 使用 Vue-Router4 進行導航組件開發實現多界面跳轉
3. 使用 axios 異步 HTTP 請求，封裝攔截器與請求 Api 實現動態頁面數據獲取
4. 組件化模塊化開發 配合 Vuex 進行跨層級數據傳遞，并且進行二次組件封裝提高復用性
5. 使用 Echarts 各項 Api 配置進行大數據圖標展示
2. 使用 Vue-Router4 進行導航組件開發實現多界面跳轉
3. 使用 axios 異步 HTTP 請求，封裝攔截器與請求 Api 實現動態頁面數據獲取
4. 組件化模塊化開發 配合 Vuex 進行跨層級數據傳遞，并且進行二次組件封裝提高復用性
5. 使用 Echarts 各項 Api 配置進行大數據圖標展示
全球新聞發布系統
企業級全球新聞發布管理系統項目，實現了從新聞創建，到新聞審核，新聞發布，新聞下線完整業務鏈路，
包含但不限于以下模塊，登錄模塊、權限管理、角色管理、用戶管理、新聞管理、分類管理、審核管理、 發布管理、數據分析。
掌握能力
1. 基于 React, ReactRouter,Redux, React-Redux 全家桶實現功能組件以及業務模塊開發。
2. 基于 AntDesign 組件 ，react-tsparticles 模塊完成 UI 搭建，提升用戶體驗。
3. 基于 react-draft-wysiwyg ， *draft-js* 完成新聞的富文本編輯器功能。
4. 基于 *echarts* 實現 熱點新聞以及個人新聞發布的數據分析圖表展示功能。
2. 基于 AntDesign 組件 ，react-tsparticles 模塊完成 UI 搭建，提升用戶體驗。
3. 基于 react-draft-wysiwyg ， *draft-js* 完成新聞的富文本編輯器功能。
4. 基于 *echarts* 實現 熱點新聞以及個人新聞發布的數據分析圖表展示功能。
鋒蜜外賣管理端
鋒蜜外賣后臺管理系統，是與鋒蜜外賣相配套的數據管理平臺，便于管理員對整體數據進行維護，也為入駐商家提供了產品錄入及發布的能力。
掌握能力
1、使用了vue全家桶技術架構
2、 基于ElementUI組件庫，完成UI搭建，提升用戶體驗。
3、后臺使用Eggjs的nodejs web框架，使用了mongoDB數據庫存儲數據。
4、manage打包，Nginx部署
2、 基于ElementUI組件庫，完成UI搭建，提升用戶體驗。
3、后臺使用Eggjs的nodejs web框架，使用了mongoDB數據庫存儲數據。
4、manage打包，Nginx部署
鋒蜜嗨購管理平臺
本項目采用Express、React、Redux、Immutable、AntDesign、進行開發，提供一站式的商城管理能力，包括管理員角色控制、商品管理、秒殺活動數據管理等功能
掌握能力
1. 基于React 全家桶實現功能組件以及業務模塊開發。
2. 基于Ant Design UI視圖組件庫 ，完成UI搭建，提升用戶體驗。
3. 基于NodeJS , Express，MongoDB 數據庫完成后臺開發。
4. build打包至Nginx部署
2. 基于Ant Design UI視圖組件庫 ，完成UI搭建，提升用戶體驗。
3. 基于NodeJS , Express，MongoDB 數據庫完成后臺開發。
4. build打包至Nginx部署
學習+就業 一站式服務
與千余家企業建立校企培養合作，助力職場
-
沒基礎怕學不會？
-
自制力差難以堅持？
-
沒實戰經驗落地難？
-
不懂面試就業難？
