HTML&JS+前端培訓(xùn)開班

前端開發(fā)有多火?應(yīng)用無處不在

  • 人才缺口大

    企業(yè)前端開發(fā)人才缺口達(dá)300萬+
    就業(yè)難度低

  • 就業(yè)選擇多

    視線所及皆為前端可選擇所有行業(yè)：互聯(lián)網(wǎng)、電商、
    教育、醫(yī)療、物流、金融…

  • 晉升速度快

    前端崗位新手接納度高 崗位晉升空間大 待遇逐漸攀升
    1-2年專員 2-3年主管 3-5年經(jīng)理 5年以上總監(jiān)

web前端開發(fā)主要是做什么的
了解前端就業(yè)前景

拒絕盲目摸索帶你高起點(diǎn)入行

HTML&JS+前端課程體系圖  課程體系契合企業(yè)剛需  每個(gè)學(xué)習(xí)階段目標(biāo)清晰

web前端職業(yè)規(guī)劃 我適合學(xué)嗎？

教學(xué)大綱及課程安排

  • 技術(shù)階段

  • 網(wǎng)頁(yè)布局

  • 移動(dòng)Web

  • JavaScript

  • Vue.js

  • 小程序&多端開發(fā)

  • 鴻蒙應(yīng)用開發(fā)

  • React.js

  • 項(xiàng)目階段

  • 數(shù)據(jù)可視化看板項(xiàng)目

  • Vue2項(xiàng)目

  • Vue2進(jìn)階項(xiàng)目

  • 神領(lǐng)物流平臺(tái)

  • 原生小程序項(xiàng)目

  • uni-app小程序項(xiàng)目

  • 鴻蒙應(yīng)用開發(fā)項(xiàng)目

  • 極客園PC自媒體端

查看詳細(xì)課程大綱 >網(wǎng)頁(yè)布局新課時(shí)：10天 學(xué)習(xí)方式：新型面授

主講內(nèi)容

HTML | CSS | 企業(yè)級(jí)小兔鮮兒電商項(xiàng)目首頁(yè)制作

內(nèi)容介紹

1. HTML 負(fù)責(zé)網(wǎng)頁(yè)的結(jié)構(gòu)層，是網(wǎng)頁(yè)開發(fā)的基礎(chǔ)，從最簡(jiǎn)單的網(wǎng)頁(yè)骨架搭建入手，使用常見的 HTML 標(biāo)簽豐富網(wǎng)頁(yè)結(jié)構(gòu)。
2. 在 HTML 搭建的網(wǎng)頁(yè)結(jié)構(gòu)基礎(chǔ)上，通過 CSS 選擇器 精準(zhǔn)選擇標(biāo)簽，使用外觀、盒模型相關(guān)屬性完成網(wǎng)頁(yè)全部?jī)?nèi)容，學(xué)習(xí)傳統(tǒng)浮動(dòng)、定位等完成網(wǎng)頁(yè)布局，側(cè)重使用 Flex 布局技巧精準(zhǔn)控制網(wǎng)頁(yè)布局，最終結(jié)合背景、圓角、陰影等裝飾屬性進(jìn)一步美化網(wǎng)頁(yè)效果，達(dá)到能夠編寫企業(yè)級(jí)大型綜合網(wǎng)頁(yè)。
3. 借助PxCook工具，基于設(shè)計(jì)稿編寫網(wǎng)頁(yè)，確保網(wǎng)頁(yè)的高度還原，通過綜合運(yùn)用 HTML + CSS 技術(shù)，按照實(shí)際項(xiàng)目開發(fā)流程，歸納開發(fā)技巧，提升綜合實(shí)戰(zhàn)水平，最終完成企業(yè)級(jí)小兔鮮兒電商項(xiàng)目PC端首頁(yè)開發(fā)。

可掌握的核心能力

借助PxCook工具，參照設(shè)計(jì)稿，能綜合使用HTML+CSS技術(shù)完成企業(yè)級(jí)小兔鮮兒電商項(xiàng)目PC端首頁(yè)開發(fā)

查看詳細(xì)課程大綱 >移動(dòng)Web新課時(shí)：5天學(xué)習(xí)方式：線下面授

主講內(nèi)容

CSS高級(jí)特效 | 移動(dòng)適配 | 響應(yīng)式

內(nèi)容介紹

1. 使用css高級(jí)特效豐富網(wǎng)頁(yè)元素的呈現(xiàn)方式和效果。
2. 首先介紹Flex布局模型,實(shí)現(xiàn)移動(dòng)端網(wǎng)頁(yè)的基本布局;再講解兩種移動(dòng)端網(wǎng)頁(yè)適配不同分辨率的解決方案,并使用不同的解決方案制作網(wǎng)頁(yè)元素寬高隨著視口的變化而等比縮放的效果。
3. 學(xué)習(xí)響應(yīng)式的原理,并使用bootstrap框架完成響應(yīng)式網(wǎng)頁(yè)的布局。

可掌握的核心能力

1. 使用CSS高級(jí)特效，豐富網(wǎng)頁(yè)元素的呈現(xiàn)方式和效果
2. 使用rem或vw、vh實(shí)現(xiàn)網(wǎng)頁(yè)元素寬高隨著視口變化等比縮放的效果
3. 使用bootstrap框架布局響應(yīng)式網(wǎng)頁(yè)

查看詳細(xì)課程大綱 >JavaScript新課時(shí)：20天學(xué)習(xí)方式：線下面授

主講內(nèi)容

JavaScript核心 | WebAPI | Ajax | Git

內(nèi)容介紹

1. 學(xué)習(xí)JavaScript核心語法規(guī)則，深入理解 ECMAScript 的知識(shí)體系及工作機(jī)制。
3. 利用 axios 發(fā)起 Ajax 請(qǐng)求，實(shí)現(xiàn)前后端的數(shù)據(jù)交互。并講解 HTTP 請(qǐng)求的過程以及 Ajax 的底層原理。深入學(xué)習(xí) JS 異步的底層原理，能夠使用 Promise 處理異步操作，并使用 async/await 簡(jiǎn)化異步操作。
4. 能夠創(chuàng)建 Git 倉(cāng)庫(kù)管理前端項(xiàng)目，基于 Git 分支進(jìn)行多人協(xié)同開發(fā)，并且能夠把本地的 Git 倉(cāng)庫(kù)同步到遠(yuǎn)程碼云或 Github 倉(cāng)庫(kù)中。
2. 學(xué)習(xí)DOM和BOM對(duì)象的屬性和方法,以完成網(wǎng)頁(yè)常見的交互效果。

可掌握的核心能力

1. 掌握 JavaScript 核心語法，培養(yǎng)編程邏輯思維
2. 掌握 DOM 和 BOM 對(duì)象的常用屬性和方法，能夠完成網(wǎng)頁(yè)常見的交互效果
3. 掌握 JavaScript 底層工作機(jī)制和 ES6+ 高級(jí)特性，能夠高效實(shí)現(xiàn)業(yè)務(wù)邏輯
4. 能夠使用 axios 實(shí)現(xiàn) Ajax 操作，為后續(xù)項(xiàng)目課做好技術(shù)鋪墊
5. 能夠運(yùn)用 Git 管理前端項(xiàng)目，并且使用 Git 分支進(jìn)行多人協(xié)同開發(fā)
6. 能夠使用 Promise 與 async/await 高效的實(shí)現(xiàn)異步操作

查看詳細(xì)課程大綱 >Vue.js新課時(shí)：28天學(xué)習(xí)方式：線下面授

主講內(nèi)容

框架前置課 | Vue2.x 核心 | Vue3.x 核心 | 微前端 | Three.js | Vue 原理

內(nèi)容介紹

1. 掌握模塊化思想，npm包管理，webpack基礎(chǔ)，初探工程化開發(fā)。
2. 運(yùn)用Vue2.0全家桶核心內(nèi)容實(shí)現(xiàn)開發(fā)中常見的功能，如購(gòu)物車，經(jīng)典列表、TodoMVC等。運(yùn)用 Vant 開發(fā)移動(dòng)端，運(yùn)用element-ui開發(fā)PC后臺(tái)管理系統(tǒng)。
3. 掌握 Vue3 新特性、Vite 新一代構(gòu)建工具、組合式 API、Pinia 等。
4. 掌握 qiankun 微前端庫(kù)，重構(gòu)巨石應(yīng)用、做到與技術(shù)無關(guān)。
5. 掌握 three.js web 3D技術(shù)，具備大屏3D可視化開發(fā)能力。
6. 掌握 Vue 底層原理。

可掌握的核心能力

1. 通過 Vue2 和 Vue3 的核心知識(shí)學(xué)習(xí)，掌握企業(yè)開發(fā)中常見業(yè)務(wù)功能實(shí)現(xiàn)
2. 通過深入 Vue 技術(shù)棧學(xué)習(xí) vue-router vuex vant element-ui 等主流技術(shù)，掌握企業(yè)級(jí)項(xiàng)目開發(fā)方式，如移動(dòng)端H5項(xiàng)目與PC端管理項(xiàng)目
3. 掌握 qiankun 微前端技術(shù)，具備重構(gòu)巨石應(yīng)用的能力，實(shí)現(xiàn)技術(shù)棧無關(guān)開發(fā)方式
4. 掌握 three.js web 3D技術(shù)，具備大屏3D可視化開發(fā)能力

查看詳細(xì)課程大綱 >小程序&多端開發(fā)新課時(shí)：16天學(xué)習(xí)方式：線下面授

主講內(nèi)容

原生小程序 | uni-app

內(nèi)容介紹

1. 了解小程序開發(fā)的一般流程序，熟悉小程基礎(chǔ)組件的使用，能夠基于 wxml 和 wxss 實(shí)現(xiàn)小程序的界面布局，基于模板的數(shù)據(jù)綁定實(shí)現(xiàn)數(shù)據(jù)的動(dòng)態(tài)渲染，基于 API 實(shí)現(xiàn)與服務(wù)端的數(shù)據(jù)通信，以及熟悉其它高級(jí) API 的使用。
2. 理解 uni-app 實(shí)現(xiàn)跨平臺(tái)開發(fā)的原理機(jī)制，理清單文件組件與原生小程序組件的對(duì)應(yīng)關(guān)系，以及 uni-app 開發(fā)小程序時(shí)開發(fā)時(shí)與原生小程序的差異。

可掌握的核心能力

1. 掌握原生小程序開發(fā)，能夠獨(dú)立完成原生小程序項(xiàng)目開發(fā)
2. 掌握 uni-app 多端框架，能夠獨(dú)立開發(fā)小程序和其他端的開發(fā)

查看詳細(xì)課程大綱 >鴻蒙應(yīng)用開發(fā)新課時(shí)：22天學(xué)習(xí)方式：線下面授

主講內(nèi)容

鴻蒙應(yīng)用開發(fā)

內(nèi)容介紹

掌握鴻蒙應(yīng)用開發(fā)核心技能：ArtTS語言核心聲明式UI方式，掌握鴻蒙常用能力集，掌握鴻蒙APP開發(fā)能力，掌握鴻蒙混合應(yīng)用開發(fā)，掌握元服務(wù)和端云一體化鴻蒙開發(fā)能力。

可掌握的核心能力

1. 掌握鴻蒙ArkTS范式語言開發(fā)基礎(chǔ)， 使用ArkUI進(jìn)行鴻蒙原生應(yīng)用界面設(shè)計(jì)開發(fā)
2. 掌握鴻蒙ArkTS組件開發(fā)，組件封裝，組件復(fù)用，組件傳值，組件更新，State模型，事件處理，?絡(luò)請(qǐng)求，原生能力應(yīng)用能項(xiàng)目基礎(chǔ)開發(fā)能力，掌握鴻蒙任務(wù)管理、線程管理、萬能卡片、數(shù)據(jù)管理、分布式應(yīng)用等，實(shí)現(xiàn)代碼?次開發(fā)多端部署的能力
3. 能夠掌握鴻蒙低代碼開發(fā)，能夠掌握云服務(wù)提供的獨(dú)立入口、免安裝等便捷服務(wù)
4. 掌握端云一體化工程概覽、工程創(chuàng)建及配置、端云一體化組件集成、云函數(shù)開發(fā)及使用、云數(shù)據(jù)庫(kù)開發(fā)和使用、一鍵式部署云工程的能力

查看詳細(xì)課程大綱 >React.js新課時(shí)：9天學(xué)習(xí)方式：線下面授

主講內(nèi)容

React 核心技術(shù) | Hooks 深入+路由 | Redux +中間件 + Redux Toolkit | 記賬本案例

內(nèi)容介紹

1. 基于 React 腳手架（create-react-app）搭建React項(xiàng)目，掌握J(rèn)SX語法搭建頁(yè)面結(jié)構(gòu)，使用函數(shù)組件實(shí)現(xiàn)組件化開發(fā)，掌握組件通訊在項(xiàng)目開發(fā)中的使用。
2. 掌握 useEffect Hook 的應(yīng)用，掌握 useRef Hook 的高級(jí)用法，理解 Hooks 原理，掌握 react-router-dom 的應(yīng)用。
3. 掌握 React 最常用狀態(tài)管理工具 Redux 的基本使用，使用 react-redux 鏈接庫(kù)在 React 中使用 Redux，掌握 Redux 中間件 redux-thunk 用來處理異步請(qǐng)求，掌握 Redux Tookit 簡(jiǎn)化 Redux 的使用。
4. 利用 React + Hooks + Redux Tookit 實(shí)現(xiàn)記賬本案例，對(duì)整個(gè) React 階段所學(xué)內(nèi)容進(jìn)行練習(xí)，驗(yàn)證我們是否掌握了 React 開發(fā)能力。

可掌握的核心能力

通過 React + Hooks + Redux Toolkit 的學(xué)習(xí)，實(shí)現(xiàn)多種業(yè)務(wù)場(chǎng)景下的功能開發(fā)，如 B站評(píng)論、知乎頻道管理、美團(tuán)外賣、記賬本等業(yè)務(wù)功能

查看詳細(xì)課程大綱 >數(shù)據(jù)可視化看板項(xiàng)目新課時(shí)：3天學(xué)習(xí)方式：線下面授

主講內(nèi)容

1.基于axios 實(shí)現(xiàn)網(wǎng)站注冊(cè)和登錄功能
2.基于 Echarts 結(jié)合需求高度自定義不同類型的可視化圖表
3.Ajax、數(shù)據(jù)渲染和服務(wù)端推送前后端分離技術(shù)的應(yīng)用
4.基于 token 的訪問權(quán)限控制功能

項(xiàng)目介紹

數(shù)據(jù)看板是一個(gè)數(shù)據(jù)可視化項(xiàng)目，通過折線圖、K線圖、柱狀圖等圖表形式歸納匯總大量數(shù)據(jù)，以實(shí)現(xiàn)更加直觀的數(shù)據(jù)表達(dá)效果。學(xué)員通過學(xué)習(xí)該項(xiàng)目，能夠掌握數(shù)據(jù)可視化、異步編程、實(shí)時(shí)數(shù)據(jù)獲取等技術(shù)解決方案，適合有基礎(chǔ)希望技能強(qiáng)化的IT人員繼續(xù)學(xué)習(xí)。

可掌握的核心能力


1. 掌握Echarts 各類型數(shù)據(jù)可視化圖表的應(yīng)用
2. 能夠根據(jù)需要求創(chuàng)建折線圖、K線圖、地圖等圖表
3. 掌握前后端分離技術(shù)的實(shí)現(xiàn)方式并了解其意義
4. 掌握使用token進(jìn)行訪問鑒權(quán)功能實(shí)現(xiàn)

查看詳細(xì)課程大綱 >Vue2項(xiàng)目

面經(jīng)全端項(xiàng)目極客園H5項(xiàng)目

課時(shí)：5天    學(xué)習(xí)方式：線下面授 課時(shí)：5天    學(xué)習(xí)方式：線下面授

主講內(nèi)容

1. 基于 vue-cli 創(chuàng)建工程化的 Vue 項(xiàng)目
2. 基于 element-ui 組件庫(kù)快速實(shí)現(xiàn)項(xiàng)目布局
3. 用戶注冊(cè)與登錄的業(yè)務(wù)解決方案
4. 使用 Vuex 管理全局共享的數(shù)據(jù)
5. 使用 axios 實(shí)現(xiàn)前后端的數(shù)據(jù)交互
6. 基于 vant 組件庫(kù)快速構(gòu)建移動(dòng)端界面

項(xiàng)目介紹

面經(jīng)系統(tǒng)，由面試經(jīng)驗(yàn)文章PC管理后臺(tái)，個(gè)人H5端面試文章瀏覽組成。學(xué)員學(xué)習(xí)該項(xiàng)目，能夠鍛煉對(duì) Vue 完整技術(shù)棧的運(yùn)用。同時(shí)該項(xiàng)目還涵蓋了 token 身份認(rèn)證、Vue 組件庫(kù)、文件上傳、富文本編輯器等前端技術(shù)解決方案，移動(dòng)端開發(fā)，適合剛?cè)胧?Vue 框架、希望通過項(xiàng)目開發(fā)來鞏固 Vue 基礎(chǔ)的前端開發(fā)者學(xué)習(xí)。

可掌握的核心能力

1. 掌握 element-ui 組件庫(kù)的運(yùn)用
2. 掌握 axios 以及攔截器的應(yīng)用
3. 掌握 Vuex 管理全局狀態(tài)的技術(shù)解決方案
4. 熟練使用 vue-router 管理組件的切換展示
5. 掌握 element-ui 中如何自定義表單的校驗(yàn)規(guī)則
6. 掌握文件上傳和富文本編輯器在 Vue 項(xiàng)目中的應(yīng)用
7. 掌握 Vant 組件庫(kù)的運(yùn)用
8. 掌握使用 postcss-px-to-viewport 實(shí)現(xiàn)移動(dòng)端適配

主講內(nèi)容

vue2 + vant + vuex + vue-router 全家桶、移動(dòng)端項(xiàng)目搭建、vw 適配方案、Token 過期處理、動(dòng)態(tài)編輯、上拉加載、下拉刷新、評(píng)論與回復(fù)、搜索功能、DayJS、數(shù)據(jù)持久化、圖片懶加載 、組件定制、組件封裝、性能優(yōu)化、移動(dòng)端1px像素、Icon處理、表單驗(yàn)證、倒計(jì)時(shí)、攔截器、緩存組件封裝、websocket

項(xiàng)目介紹

「極客園」對(duì)標(biāo)“CSDN”、“博客園”等競(jìng)品，致力成為更加貼近年輕 IT 從業(yè)者（學(xué)員）的科技資訊類應(yīng)用。本項(xiàng)目是極客園移動(dòng)端，主要涵蓋了H5端新聞資訊類項(xiàng)目的核心業(yè)務(wù)。包括首頁(yè)文章列表上拉加載與刷新，頻道管理，本地線上頻道管理，文章搜索，文章評(píng)論與回復(fù)，組件緩存，token過期與刷新處理，用戶權(quán)限攔截，個(gè)人信息修改解決方案。

可掌握的核心能力

能夠獨(dú)立運(yùn)用 vue2 + vant 搭建H5應(yīng)用能力，能夠?qū)崿F(xiàn)文章列表、頻道管理、評(píng)論與回復(fù)、用戶權(quán)限控制等特色業(yè)務(wù)。

查看詳細(xì)課程大綱 > Vue2進(jìn)階項(xiàng)目

智慧園區(qū)微前端項(xiàng)目人力資源項(xiàng)目1～2開發(fā)

課時(shí)：12天    學(xué)習(xí)方式：線下面授 課時(shí)：12天    學(xué)習(xí)方式：線下面授

主講內(nèi)容

vue-element-admin（請(qǐng)求模塊化，請(qǐng)求工具攔截，scss 樣式，布局組件）、Vuex 持久化（state，mutations，actions，getters 和 modules）、Vue CLI 配置(webpack)、反向代理、ElementUI 表單校驗(yàn)（async-validator）、vue-router 導(dǎo)航守衛(wèi)、token 認(rèn)證、token 失效控制、角色管理業(yè)務(wù)、RBAC 權(quán)限、Vuex + 路由 + RBAC、動(dòng)態(tài)路由、角色權(quán)限、混入 mixns、全屏（screenfull）、tabs 頁(yè)多頁(yè)簽組件、vue-i18n 國(guó)際化方案、history 路由模式的應(yīng)用、樹形菜單 |element 列表的數(shù)據(jù)過濾、導(dǎo)入導(dǎo)出 Excel、el-upload 上傳第三方云服務(wù)器、打包性能分析、CDN 加速的實(shí)踐應(yīng)用、組件封裝、業(yè)務(wù)組件封裝、three.js 模型加載和交互方案、qiankun 搭建微前端架構(gòu)、Echarts 自定義可視化圖表、lodash、seamless-scroll 數(shù)據(jù)無縫滾動(dòng)、行車管理、一體桿管理、企業(yè)管理、物業(yè)費(fèi)管理

項(xiàng)目介紹

黑馬智數(shù)是一個(gè)數(shù)字化園區(qū)管理項(xiàng)目，該項(xiàng)目后臺(tái)可以在線管理園區(qū)內(nèi)的樓宇、企業(yè)、車輛和一體桿等資源，可視化大屏通過園區(qū)3D模型實(shí)時(shí)展示園區(qū)概況。學(xué)員通過該項(xiàng)目能學(xué)到如何用qiankun搭建微前端架構(gòu)、用Echarts進(jìn)行數(shù)據(jù)可視化、以及前沿的3D模型展示等技術(shù)方案。

可掌握的核心能力

1.掌握Vue + Element技術(shù)棧在開發(fā)管理型后臺(tái)項(xiàng)目的技術(shù)開發(fā)能力
2.具備角色、人員、權(quán)限類系統(tǒng)的設(shè)計(jì)整體設(shè)計(jì)及應(yīng)用能力
3.擁有Vue.js相關(guān)的技術(shù)要點(diǎn)及配套的插件，解決方案深度使用能力
4. 具備使用 qiankun 搭建微前端項(xiàng)目的能力
5. 具備使用 echarts、three.js 等圖形工具，開發(fā) 2D、3D數(shù)據(jù)可視化平臺(tái)

主講內(nèi)容

vue-element-admin（請(qǐng)求模塊化，請(qǐng)求工具攔截，scss 樣式，布局組件）、Vuex 持久化（state，mutations，actions，getters 和 modules）、Vue CLI 配置(webpack)、反向代理、ElementUI 表單校驗(yàn)（async-validator）、vue-router 導(dǎo)航守衛(wèi)、token 認(rèn)證、token 失效控制、角色管理業(yè)務(wù)、RBAC 權(quán)限、Vuex + 路由 + RBAC、動(dòng)態(tài)路由、角色權(quán)限、混入 mixns、工作日歷、Echarts 雷達(dá)圖 、全屏（screenfull）、tabs 頁(yè)多頁(yè)簽組件、vue-i18n 國(guó)際化方案、history 路由模式的應(yīng)用、樹形菜單 |element 列表的數(shù)據(jù)過濾、導(dǎo)入導(dǎo)出 Excel、Excel 復(fù)雜型表頭、PDF 打?。╲ue-print-nb）、el-upload 上傳第三方云服務(wù)器、打包性能分析、CDN 加速的實(shí)踐應(yīng)用、組件封裝、業(yè)務(wù)組件封裝、掃碼登錄、電子圍欄、頭像裁剪、消息群發(fā)、員工考勤

項(xiàng)目介紹

iHRM是一款基于SaaS平臺(tái)的人力資源管理系統(tǒng)， 企業(yè)通過該系統(tǒng)可以完成公司組織架構(gòu)管理、員工管理、角色管理、權(quán)限管理（審批、考勤、社保）等，為企業(yè)的人力資源管理提供一站式解決方案。

可掌握的核心能力

能獨(dú)立運(yùn)用 vue-admin-template 搭建中后臺(tái)應(yīng)用能力，能夠?qū)崿F(xiàn) rbac 權(quán)限管理，企業(yè)組織架構(gòu)管理，審批、考勤、社保等特色業(yè)務(wù)。

查看詳細(xì)課程大綱 >神領(lǐng)物流平臺(tái)新課時(shí)：4天學(xué)習(xí)方式：團(tuán)隊(duì)實(shí)戰(zhàn)

主講內(nèi)容

vue2 + element + vue-router + vuex 全家桶、 vue-admin-template中后臺(tái)模板、echarts 圖表、echarts-liquidfill 液體圖表、mockjs 數(shù)據(jù)、vue-treeselect 樹形下拉框、機(jī)構(gòu)管理、機(jī)構(gòu)作業(yè)范圍、運(yùn)費(fèi)管理、車型管理、車輛列表、回車登記、快遞員管理、司機(jī)管理、排班管理、訂單管理、運(yùn)單管理、運(yùn)輸任務(wù)管理、線路管理、取件作業(yè)管理、派件作業(yè)管理

項(xiàng)目介紹

基于Vue2和ElementUI開發(fā)的神領(lǐng)物流平臺(tái)對(duì)標(biāo)主流快遞物流公司的TMS系統(tǒng)，包含運(yùn)輸任務(wù)管理、訂單管理、線路管理以及運(yùn)費(fèi)管理等核心業(yè)務(wù)。TMS系統(tǒng)能夠?qū)囕v、駕駛員、線路等進(jìn)行全面詳細(xì)的統(tǒng)計(jì)考核，能大大提高運(yùn)作效率，降低運(yùn)輸成本。

可掌握的核心能力

小組實(shí)戰(zhàn)，多人開發(fā)協(xié)作，共同完成基于 vue-admin-template 搭建企業(yè)級(jí)中后臺(tái)項(xiàng)目，能獨(dú)立分析需求并按需求實(shí)現(xiàn)功能，能夠解決測(cè)試過程中發(fā)現(xiàn)的BUG、掌握完整的業(yè)務(wù)開發(fā)流程，完成基礎(chǔ)數(shù)據(jù)管理、車輛管理、訂單和運(yùn)單管理、調(diào)度管理等特色業(yè)務(wù)。

查看詳細(xì)課程大綱 >原生小程序項(xiàng)目

享+生活原生小程序項(xiàng)目智慧商城原生小程序項(xiàng)目

課時(shí)：5天    學(xué)習(xí)方式：線下面授 課時(shí)：5天    學(xué)習(xí)方式：線下面授

主講內(nèi)容

自定義組件、Vant 組件庫(kù)、getApp、getCurrentPages、封裝 http 模塊、rich-text 渲染富文本、登錄狀態(tài)檢測(cè)、短信驗(yàn)證碼、validate 數(shù)據(jù)校驗(yàn)、騰訊地理定位、逆地址解析、圖片上傳、房屋維護(hù)、SwipeCell 滑動(dòng)單元格、訪客維護(hù)、生成二維碼、自定義分享和轉(zhuǎn)發(fā)、在線報(bào)修

項(xiàng)目介紹

享+社區(qū)是一個(gè)生活類的小程序項(xiàng)目，主要服務(wù)于小區(qū)業(yè)主，為其提供生活家電報(bào)修、訪客門禁通行的的功能，該項(xiàng)目主要包含房屋管理、報(bào)修管理、訪客管理、用戶管理、通知管理等功能模塊，技術(shù)棧以原生小程序技術(shù)為主配合了 Vant 組件庫(kù)。

可掌握的核心能力

1. 掌握開發(fā)原生小程序項(xiàng)目能力
2. 掌握微信請(qǐng)求工具封裝和使用
3. 掌握微信用戶登錄和登錄狀態(tài)檢測(cè)解決方案
4. 掌握基于騰訊位置服務(wù)實(shí)現(xiàn)地理定位檢索
5. 掌握基于微信二維碼服務(wù)實(shí)現(xiàn)訪客通行證

主講內(nèi)容

小程序運(yùn)行環(huán)境，原生配置項(xiàng)，框架接口，原生組件，自定義組件，第三方組件庫(kù)，npm 模塊管理，模板語法，生命周期，路由系統(tǒng)，事件系統(tǒng)，雙向綁定，狀態(tài)管理，組件通訊，網(wǎng)絡(luò)請(qǐng)求，文件上傳，本地存儲(chǔ)，分包加載，按需注入，業(yè)務(wù)域名配置，開發(fā)調(diào)試

項(xiàng)目介紹

智慧商城是對(duì)標(biāo)綜合品類的網(wǎng)上商城項(xiàng)目，用戶可以方便快捷的網(wǎng)上購(gòu)物，使用原生微信小程序技術(shù)開發(fā)。項(xiàng)目包括首頁(yè)，商品分類，商品詳情，登錄，購(gòu)物車，用戶中心，訂單等電商核心模塊。

可掌握的核心能力

能夠充分利用原生微信小程序框架，獨(dú)立開發(fā)電商項(xiàng)目的首頁(yè)，商品分類，商品詳情，登錄，購(gòu)物車，用戶中心，用戶訂單等核心電商模塊。

查看詳細(xì)課程大綱 >uni-app小程序項(xiàng)目

優(yōu)醫(yī)問診 uni-app 項(xiàng)目小兔鮮電商小程序項(xiàng)目

課時(shí)：9天    學(xué)習(xí)方式：線下面授 課時(shí)：9天    學(xué)習(xí)方式：線下面授

主講內(nèi)容

1.uni-app跨平臺(tái)開發(fā)框架
2.uni-app插件市場(chǎng)
3.組件封裝及自動(dòng)導(dǎo)入
4.微信支付/登錄
5.pinia 狀態(tài)管理
6.基于vue3 技術(shù)實(shí)踐方案
7.小程序云開發(fā)

項(xiàng)目介紹

優(yōu)醫(yī)問診是一個(gè)連接醫(yī)生和患者的移動(dòng)醫(yī)療行業(yè)應(yīng)用，通過高效、快速的在線問診服務(wù)，為患者提供健康幫助，涵蓋了找醫(yī)生、快速問診、開藥門診、疾病查詢，健康百科等功能。該項(xiàng)目基于HBuilderX 使用 uni-app 開發(fā)跨端應(yīng)用的能力，能夠完成多端兼容、打包App、原生界面開發(fā)、地理定位、路徑規(guī)劃、即時(shí)通信。

可掌握的核心能力

1.能夠開發(fā)跨平臺(tái)的小程序
2.能夠獨(dú)立開發(fā)小程序項(xiàng)目
3.掌握微信登錄的實(shí)現(xiàn)方式
4.掌握微信支付的實(shí)現(xiàn)方式

主講內(nèi)容

uni-app 框架、uni-ui 組件庫(kù)、uni 插件市場(chǎng)、HbuilderX 使用、VS Code 開發(fā)配置、Vue3 組合式API、路由跳轉(zhuǎn)、路由傳參、Pinia 多端持久化存儲(chǔ)、多端網(wǎng)絡(luò)請(qǐng)求封裝、多端文件上傳、自定義組件封裝、組件通訊、上拉加載、下拉刷新、骨架屏、微信登錄、微信支付、跨端兼容、跨端調(diào)試、跨端打包、uniClound 云開發(fā)

項(xiàng)目介紹

小兔鮮兒是一個(gè)經(jīng)典的電商類小程序項(xiàng)目，包括商品、用戶、購(gòu)物車、訂單等核心功能模塊，采用 uni-app 框架做為跨平臺(tái)小程序開發(fā)方案，并綜合運(yùn)用了原生小程序的組件化、模塊化、網(wǎng)絡(luò)請(qǐng)求、本地存儲(chǔ)、微信登錄、微信支付等技術(shù)，小兔鮮項(xiàng)目以企業(yè)的需求為基礎(chǔ)，有針對(duì)性的對(duì)課程進(jìn)行設(shè)計(jì)，學(xué)習(xí)本課程不僅能夠培養(yǎng)學(xué)員的實(shí)踐能力，還可以為就業(yè)提供有利的支撐。

可掌握的核心能力

能夠基于 uni-app 多端框架和 Vue3 技術(shù)棧，掌握獨(dú)立開發(fā)可兼容微信小程序端、H5端、App 三個(gè)主流端的能力，能夠?qū)崿F(xiàn)電商項(xiàng)目的首頁(yè)，商品分類，商品詳情，SKU選品，購(gòu)物車，微信登錄，用戶中心，用戶訂單等核心電商模塊。

查看詳細(xì)課程大綱 >鴻蒙應(yīng)用開發(fā)項(xiàng)目

鴻蒙應(yīng)用-美蔻商城 鴻蒙應(yīng)用-神領(lǐng)物流

課時(shí)：9天    學(xué)習(xí)方式：線下面授 課時(shí)：9天    學(xué)習(xí)方式：線下面授

主講內(nèi)容

一次開發(fā)，多端部署、三層工程架構(gòu)、設(shè)備斷點(diǎn)適配、電商核心業(yè)務(wù)、Hybrid混合開發(fā)、WLAN和多媒體技術(shù)使用、華為的應(yīng)用生態(tài)使用

項(xiàng)目介紹

美蔻商城是一個(gè)"一對(duì)多"的電商購(gòu)物應(yīng)用，提供在線購(gòu)物的核心服務(wù)，涵蓋了商品列表、商品詳情、購(gòu)物車、商品評(píng)價(jià)、訂單管理等功能。該項(xiàng)目基于鴻蒙一對(duì)多開發(fā)范式，采用了三層工程架構(gòu)配合多種UI適配方式，最終實(shí)現(xiàn)"一次開發(fā)，多端部署的核心目標(biāo)",同時(shí)也應(yīng)用了鴻蒙系統(tǒng)的多種能力，比如多媒體技術(shù)，支付能力、混合開發(fā)等等。

可掌握的核心能力

1. 掌握 ArkTS 與 ArkUI 核心語法，搭建鴻蒙應(yīng)用界面
2. 基于 http 模塊封裝 request 工具函數(shù)，實(shí)現(xiàn)網(wǎng)絡(luò)管理
3. 基于 router 模塊實(shí)現(xiàn)路由封裝，實(shí)現(xiàn)訪問權(quán)限控制
4. 掌握自定義組件封裝，實(shí)現(xiàn)LoadingDialog、Skeleton、MiniCalendar等組件
5. 基于 ArkTS 接口查詢?cè)O(shè)備，實(shí)現(xiàn)手機(jī)和平板適配

主講內(nèi)容

HarmonyOS基于ArkTS范式開發(fā)，目錄拆解，原生組件使用，組件封裝集成，原生能力調(diào)用，統(tǒng)一權(quán)限處理，設(shè)備適配，WebView嵌入調(diào)用，列表下拉刷新 上拉加載，組件通信，路由跳轉(zhuǎn)，參數(shù)傳遞，文件上傳，沙箱文件處理，多組件復(fù)用，開發(fā)調(diào)試，性能優(yōu)化

項(xiàng)目介紹

神領(lǐng)物流司機(jī)端，主要提供提貨交貨及車輛信息上報(bào)等功能。包含用戶名密碼登錄、提貨、在途、已完成、公告、系統(tǒng)通知、車輛信息、任務(wù)數(shù)據(jù)、系統(tǒng)設(shè)置等功能。采用 HarmonyOS的ArkTS 版本進(jìn)行開發(fā)。

可掌握的核心能力

能夠基于HarmonyOS提供的ArkTS語言范式去開發(fā)鴻蒙生態(tài)的手機(jī)應(yīng)用，手機(jī)端登錄、待提貨、在途導(dǎo)航、已完成、異常上報(bào)、消息獲取、系統(tǒng)設(shè)置、圖片上傳、等物流行業(yè)相關(guān)的特色業(yè)務(wù)

查看詳細(xì)課程大綱 >極客園PC自媒體端新課時(shí)：4天學(xué)習(xí)方式：線下面授

主講內(nèi)容

請(qǐng)求模塊化、請(qǐng)求工具攔截、scss 樣式、布局組件、Redux狀態(tài)管理、vite 、ant-design 、表單校驗(yàn)、 react-router@v6、token 認(rèn)證、token 失效控制、history 路由、打包性能優(yōu)化、CDN 加速、組件封裝 、react-quill

項(xiàng)目介紹

「極客園」對(duì)標(biāo)“CSDN”、“博客園”等競(jìng)品，致力成為更加貼近年輕 IT 從業(yè)者（學(xué)員）的科技資訊類應(yīng)用 產(chǎn)品關(guān)鍵詞：IT、極客、活力、科技、技術(shù)分享、前沿動(dòng)態(tài)、內(nèi)容社交 用戶特點(diǎn)：年輕有活力，對(duì)IT領(lǐng)域前言科技信息充滿探索欲和學(xué)習(xí)熱情。本項(xiàng)目是個(gè)人自媒體管理端，涵蓋了后臺(tái)管理系統(tǒng)的核心業(yè)務(wù)，基于react技術(shù)棧（react hooks + redux + react-router）實(shí)現(xiàn)了登錄功能，首頁(yè)展示，文章管理與發(fā)布，圖片上傳等功能。讓學(xué)員熟練掌握react核心技術(shù)棧的開發(fā)項(xiàng)目的能力。

可掌握的核心能力

熟練掌握react+ts技術(shù)棧（react hooks + redux + react-router）配合antd組件庫(kù)開發(fā)后臺(tái)管理項(xiàng)目的技術(shù)能力。

學(xué)習(xí)周期多久？

多行業(yè)真項(xiàng)目  接軌企業(yè)需求

  1. 醫(yī)療健康
  2. 智慧園區(qū)
  3. 電商
  4. 社交
  5. 工具
  6. 新聞資訊
  7. 人力資源
  8. 數(shù)據(jù)看板
  9. 科技資訊

真實(shí)開發(fā)環(huán)境   做你真實(shí)的開發(fā)實(shí)戰(zhàn)

需求分析登錄、購(gòu)物車、后臺(tái)管理
讓你各類業(yè)務(wù)都熟悉

團(tuán)隊(duì)協(xié)作項(xiàng)目開發(fā)不再是單打獨(dú)斗
讓你無障礙協(xié)作1+1>2

代碼實(shí)現(xiàn)修復(fù)bug研發(fā)、測(cè)試和維護(hù)
讓你提前熟悉企業(yè)研發(fā)日常

項(xiàng)目上線總結(jié)和復(fù)盤
讓你汲取項(xiàng)目經(jīng)驗(yàn)快速成長(zhǎng)

了解學(xué)員就業(yè)情況

行業(yè)大咖干貨教學(xué)  傳授前端核心技術(shù)

  • 好實(shí)力

    引進(jìn)大廠技術(shù)大牛   課程前沿

  • 強(qiáng)培訓(xùn)

    教師錄取率<3% 嚴(yán)控教學(xué)

  • 嚴(yán)考核

    學(xué)員滿意度打分   保障質(zhì)量
  • web前端培訓(xùn)胡老師

    胡老師

    專業(yè)背景

    從事軟件開發(fā)工作多年，涉及.Net、HTML5、Unity3d、IOS等平臺(tái)，曾參與烏龜猜猜,敲打樂敲你妹等跨平臺(tái)游戲項(xiàng)目的開發(fā)，之后投身教育行業(yè),授課過程中擅長(zhǎng)使用圖片、動(dòng)畫把知識(shí)點(diǎn)化繁為簡(jiǎn),深受學(xué)員喜愛。

  • 周老師

    專業(yè)背景

    10年Java與Web前端項(xiàng)目研發(fā)與教學(xué)經(jīng)驗(yàn)，曾擔(dān)任系統(tǒng)架構(gòu)師、前端主管等職位。曾主導(dǎo)和研發(fā)物聯(lián)網(wǎng)、網(wǎng)銀、團(tuán)購(gòu)、電商、金融等相關(guān)領(lǐng)域的項(xiàng)目。對(duì)Node.js、Vue、小程序、React、移動(dòng)App、數(shù)據(jù)可視化等前端技術(shù)有深入研究并有豐富的項(xiàng)目架構(gòu)和研發(fā)經(jīng)驗(yàn)。

  • 張老師

    專業(yè)背景

    科班畢業(yè)，從前端到后端有一套完整的技術(shù)體系，曾任職廣汽豐田、中國(guó)電信翼推送項(xiàng)目技術(shù)經(jīng)理，帶領(lǐng)技術(shù)團(tuán)隊(duì)完成日用戶增長(zhǎng)量10W+的翼推送、天翼寬帶、頁(yè)游平臺(tái)及分成系統(tǒng)的架構(gòu)和研發(fā)。擁有軟件中級(jí)證書和教師資格證書。授課思路清晰到位，深受學(xué)生好評(píng)。

  • 高老師

    專業(yè)背景

    10+年團(tuán)隊(duì)研發(fā)經(jīng)驗(yàn)，前后端各類技術(shù)均有涉獵，前后研發(fā)了多個(gè)平臺(tái)級(jí)項(xiàng)目產(chǎn)品，曾擔(dān)任某大型軟件企業(yè)的前端架構(gòu)師，負(fù)責(zé)公司平臺(tái)級(jí)應(yīng)用開發(fā)工具的設(shè)計(jì)和架構(gòu)，精通OTO類移動(dòng)開發(fā)業(yè)務(wù)，曾擔(dān)任某大型餐飲軟件公司前端負(fù)責(zé)人，負(fù)責(zé)公司移動(dòng)端產(chǎn)品設(shè)計(jì)和技術(shù)架構(gòu)的開發(fā)工作。

  • 蔣老師

    專業(yè)背景

    7年前端開發(fā)和實(shí)踐教學(xué)經(jīng)驗(yàn)，精通Vue、React、小程序、ArkTS、ArkUI前端技術(shù)。喜歡鉆研，熱愛源碼封裝，授課風(fēng)趣幽默，由淺入深，廣為好評(píng)！

  • 蘇老師

    專業(yè)背景

    10年研發(fā)與教學(xué)經(jīng)驗(yàn)、華為鴻蒙高級(jí)開發(fā)認(rèn)證、黑馬高級(jí)課程研究員。精通Vue、React、小程序、uni-app、TypeScript、ArkTS、ArkUI等技術(shù)，前端uni-app、vue生態(tài)貢獻(xiàn)者，研發(fā)并實(shí)施微信小程序電商項(xiàng)目授課。喜歡專研技術(shù)，教學(xué)細(xì)膩，能夠深入淺出地剖析知識(shí)點(diǎn)。

預(yù)約講師試聽課程

TLIAS智能教學(xué)系統(tǒng)   學(xué)練測(cè)輔多方位護(hù)航

查看更多服務(wù)

筑夢(mèng)樂園  校園學(xué)習(xí)生活圖鑒

優(yōu)美校區(qū)優(yōu)質(zhì)學(xué)習(xí)環(huán)境

舒適住宿保證學(xué)生生活質(zhì)量

趣味課堂營(yíng)造良好學(xué)習(xí)氛圍

溫馨餐廳營(yíng)養(yǎng)膳食安全放心

室外場(chǎng)地學(xué)習(xí)之余身心放松

豐富活動(dòng)享受學(xué)習(xí)中的樂趣

 
和我們?cè)诰€交談！