强强联合
提升前端就业新实力

鸿蒙赋能

Vue+小程序+鸿蒙
打造多端发展人才

项目升级

Vue3+小程序
打造真正企业级工作场景

Web3.0体系

拥抱市场
重塑课程核心竞争力

技术领跑

数据可视化/3D模型
拓展能力边界

渐进式教学

实力狂飙
每天都有“薪”收获

大咖面授

名师云集
全程带你从入门到起飞

大咖带队,全程实战

学员亲自上手实操AIGC背景下的前端工作

  • 单词打卡
  • 硅谷租房
  • 谷粒随享
  • 硅谷AI聊天机器人
  • 尚医通React
  • 尚品汇后台管理(Vue2)
  • 多应用综合平台(Vue3 + Vue2 + React + 微前端)
  • 硅谷代驾App(原生小程序)
  • 尚品汇App(UniApp小程序)
  • 多维数据可视化(2D + 3D)
项目
特色
本项目以英语单词测试与打卡功能为载体,带你一步步实现项目的页面布局、与用户交互和前后台交互的所有功能。 项目实现编码简洁规范,包含各种函数封装、组件封闭、工具模块封装。 作为基础阶段的深入练习项目,它是你走进HarmonyOS应用开发的不二选择。
主要
技术栈
ArkTS ArkUI的常用UI组件与布局组件 动画 路由 自定义通用组件 Storage存储 网络请求与封装 服务卡片 虚拟长列表 位置服务
学习
目标
  • 掌握HarmonyOS应用开发的环境搭建、应用创建、安装与调试
  • 掌握ArkTS与ArkUI使用
  • 掌握前后交互技术的使用
  • 实现单词测试与打卡的功能

项目展示

项目
特色
手把手带你从0到1开发一款可运行在鸿蒙设备上的租房App,帮助你抓住机遇,快速掌握鸿蒙 3.1/4.0 架构和 ArkTS API 9 语言,成为华为鸿蒙领域的高手 本项目以租房业务为核心功能,它包含租户多维度寻找房源,智能匹配房源,预约看房等功能。通过学习该项目,能够掌握鸿蒙开发各种主流页面布局方案,同时适配不同机型,横竖屏切换适配等。
主要
技术栈
ArkTS ArkUI 的使用 UI 组件与布局组件 路由 自定义通用组件 网络请求与封装 Storage 存储 位置服务 多端适配 浮动窗口 应用国际化
学习
目标
  • 掌握HarmonyOS 应用开发的环境搭建、应用创建、安装与调试
  • 熟悉ArkTS 与 ArkUI 使用
  • 熟悉前后端交互技术的使用
  • 掌握各种主流页面布局方案
  • 掌握适配不同机型,横竖屏切换适配
  • 掌握定位功能的实现

项目展示

项目
特色
本项目以听书业务为功能载体,参考目前应用市场上主流的听书app,通过鸿蒙架构和Arkts语言,重新开发实现。
通过学习该项目,能够掌握鸿蒙开发的页面布局,用户交互,多媒体音频播放,第三方支付调用等技术方案。
主要
技术栈
ArkTS ArkUI的常用UI组件与布局组件 动画 路由 自定义通用组件 网络请求与封装 多媒体音频播放与控制 服务卡片 多文件上传与下载 后台任务管理
学习
目标
  • 熟悉HarmonyOS应用开发的环境搭建、应用创建、安装与调试
  • ArkTS与ArkUI使用
  • 前后交互技术的使用
  • 多媒体音频解决方案
  • 第三方支付解决方案

项目展示

项目
特色
一个基于ChatGPT的Web双端 项目,它使用OpenAI GPT来生成自然对话。 用户可以通过与ChatGPT交互来获取有关各种主题的信息和建议。 该项目还包括一个简单的用户界面,使用户能够轻松地与ChatGPT进行交互。
主要
技术栈
Vue3 Vue Router4 Vite Pinia TypeScript Sass Axios NativeUI Node.js Express Axios ChatGpt
学习
目标
  • 熟练应用Node.js进行后端开发
  • 掌握基于ChatGpt工具库与GPT接口交互
  • 熟练使用Vue3全家桶
  • 掌握前后台Token鉴权
  • 熟练掌握对Axios的二次封装
  • 熟练掌握项目的多环境配置、Eslint的应用等

项目展示

项目
特色
尚医通是以某医院预约挂号统一平台为原型而搭建的在线医疗服务平台,该平台集成多家医院的挂号信息,提供全程跟踪服务,用户可以随时了解自己的挂号状态。本项目采用React18版本和TypeScript语言,使用Hook函数组件式开发模式,并且利用Antd、Axios等库提高了应用程序的效率、可维护性、可扩展性和用户体验。
主要
技术栈
React Redux React Router Antd react-i18next Axios TypeScript Babel ESLint Echarts Webpack Java SpringBoot SpringCloud MySQL
学习
目标
  • 熟悉 React、TypeScript、React Hook、Redux 等技术
  • 掌握完整项目开发流程
  • 学会如何进行网络请求和响应拦截器的使用,了解如何与后端交互从而获取数据
  • 实践搭建后台管理模板项目,实现国际化处理、用户认证流程等功能
  • 掌握模块化、组件化、工程化

项目展示

项目
特色
尚品汇电商后台管理系统旨在帮助电商企业高效管理商品、订单、用户、营销活动等核心业务。通过简洁直观的界面和强大的功能,尚品汇助力企业提升运营效率,优化用户体验,实现业务增长。 基于 Vue2 技术栈构建,结合 Vue Router、Vuex 等 Vue 全家桶技术,为用户提供了一套完整的电商后台解决方案。 项目包含:商品管理、订单管理、营销中心、统计中心、会员管理、系统管理等 10+ 功能模块
主要
技术栈
Vue2 Vue Router Vuex Axios Echarts ElementUI Vue-I18n Lodash Qrcode Echarts Crypto-js ES6 Babel ESLint Webpack Java SpringBoot SpringCloud MySQL
学习
目标
  • 熟悉 Vue2、Vue Router、Vuex、ElementUI 等 Vue2 全家桶技术
  • 掌握项目从设计到需要分析,从搭建项目到多人协同开发,从开发-测试-上线的完整过程。
  • 掌握 Axios 二次封装,熟悉前后交互的技术
  • 掌握组件化封装技术,实践工程化的应用开发模式
  • 掌握国际化方案,提供项目多语言支持
  • 掌握不对称加密方案,确保数据的传输和存储安全,同时,对敏感数据进行脱敏处理,保护用户隐私。

项目展示

项目
特色
本项目含可视化项目、智慧城市/工厂后台管理和微前端项目。 基于 Vue3 和 TypeScript 的企业级中后台前端解决方案,涵盖了 RBAC 权限管理、路由配置、Vuex 数据传递等多种功能模块。同时还注重性能优化和安全性需求,并具备文本格式转化、大屏可视化等特色功能。 采用模块化、组件化和工程化理念,结合高效技术实现多端展示、优化用户操作流程,提供完整的电商购物车与订单支持,并可通过物流跟踪等功能增强客户体验。
主要
技术栈
Vue3 TypeScript Vue-Router Pinia Axios Babel ESLint Vite Babel ESLint Java SpringBoot SpringCloud MySQL
学习
目标
  • 掌握企业级中后台前端解决方案的开发
  • 熟悉且灵活运用 Vue3 技术栈和 TypeScript 语法
  • 理解 RBAC 权限管理、路由配置、Pinia 数据传递等功能模块,并学会性能优化和安全性需求的实现
  • 掌握第三方插件应用、动态表单创建、文本格式转化、大屏可视化等特色功能
  • 实现电商平台的购物车、订单支持流程和物流模块等功能,并优化用户体验

项目展示

项目
特色
硅谷代驾是一款在线提供代驾服务的原生小程序 App,包括司机端和乘客端。 司机端包括接单、抢单、地图定位、微信登陆、身份校验、人脸识别等功能 乘客端包括选择位置、搜索位置、呼叫司机、优惠券、下单、支付等功能 应用包含小程序开发的所有常用技术点、Vue3 技术栈、组件库 Vant、地图服务、图表等
主要
技术栈
小程序 API Vue3 VantUI 腾讯地图 微信登陆 echarts 图表
学习
目标
  • 掌握小程序组件化、网络请求封装、UI 组件库等技术
  • 掌握基于腾讯地图的常用功能开发
  • 掌握下单支付的流程和实现

项目展示

项目
特色
硅谷商城是在线商城系统的移动微信小程序端,它提供了在线购物的全业务链。 项目包括四大部分:商品中心、交易中心、营销中心和会员中心,每个部分又包含 6 个左右的模块。 项目包含 50+个页面和 100+个后台接口,业务复杂度完全匹配企业级项目的难度。
主要
技术栈
UniApp 原生小程序 Vue3 Vite Pinia TypeScript Sass Uni-UI Weixin SDK WebSocket
学习
目标
  • 掌握基于 UniApp + Vue3 + TypeScript 的小程序开发
  • 掌握基于 UniUI 的各种界面的布局技
  • 掌握商品购物、秒杀、优惠券、拼团、砍价、下单支付等核心模块的业务功能实现
  • 全面掌握通用组件的封装技术,包括:通用弹窗、营销活动弹窗、地址管理、快捷菜单、签到日历、自定义卡片等组件

项目展示

项目
特色
整个课程包含数据报表的2D可视化、数据大屏的2D可视化和3D数据可视化 数据报表应用是电商后台的相关统计数据的可视化,包含销量、订单、用户、访问量、品牌等数据 数据大屏应用是应用监控的相关数据的可视化,包含商家分布、地区销量、品牌销售等数据 3D可视化应用是智慧工厂的监控数据的可视化,包含厂房3D动态效果、生产数据2D效果、警告、事故等数据
主要
技术栈
Echarts ThreeJS Vue3 VueRouter VueUse Axios ElementPlus VueGridLayout
学习
目标
  • 了解数据可视化的基本概念、原理和常用的可视化方法
  • 学习如何从不同的数据源获取数据,并对数据进行处理和转换,以满足可视化需求
  • 掌握基于Echarts的2D数据可视化技术
  • 掌握数据可视化的实时更新和大屏适配技术
  • 掌握基于ThreeJS的3D数据可视化技术

项目展示

风口已来,鸿蒙打开前端学习新纪元

与钉钉等多家企业合作共建
AI时代的薪前端课程

鸿蒙+多端开发+可视化+AI赋能

阶段一:界面布局(HTML + CSS) 收起
掌握的技能
  • 1. HTML和HTML5基础语法
  • 2. CSS和CSS3的基础语法
  • 3. 掌握100+个企业级布局设计案例
  • 4. 使用蓝湖工具,根据设计稿,实现完整静态页面
课程设计特色

本阶段的课程设计注重HTML和CSS核心基础,覆盖HTML5、CSS3等新特性及经典布局案例。同时,提供蓝湖工具的实践使用,以尚品汇静态页面为目标,让学生掌握企业级布局设计技能。

通过简洁清晰的教学,帮助学习者掌握HTML与HTML5的基本语法、CSS与CSS3的基本语法、并能独立完成多种企业级布局设计任务,初步构建自身的前端开发技术体系。

关键技术清单
  • HTML、CSS核心基础
  • HTML5新特性
  • CSS3新特性
  • CSS过渡与动画
  • 弹性盒模型
  • 经典布局案例(双飞翼,
    品字、响应式布局)
  • 蓝湖工具使用
  • 项目-尚品汇静态页面
阶段二:与用户交互(JavaScript + TypeScript) 点击展开
掌握的技能
  • 1. ES5基础语法,BOM与DOM的语法使用和案例实现
  • 2. 封装工具函数库(节流、防抖、深浅拷贝、数组常用方法实现等)
  • 3. JavaScript作用域、闭包、原型、继承、内存分析、内存管理、垃圾回收等深入分析
  • 4. 借助蓝湖工具,根据设计稿,构建页面,到使用JS全部呈现项目完美流程
  • 5. ES5+与ES6+新语法,TypeScript核心语法
课程设计特色

本阶段课程主要涉及JavaScript基础、BOM和DOM、操作DOM、CSS预编译器、工具函数库、JavaScript高级等内容。学生将掌握ES5和ES6+新语法、TypeScript核心语法、封装工具函数库、JavaScript作用域、闭包、原型、继承、内存分析等知识。

本阶段课程涉及市场主流JavaScript应用方案,并讲解了从设计稿到静态页面再到动态实现的流程。通过本阶段的学习,提升学员的编程逻辑思维能力、锻炼JavaScript原生代码书写能力。

关键技术清单
  • JavaScript基础
  • BOM与DOM
  • JavaScript面向对象(JS高级)
  • ES5+与 ES6+
  • less/sass/bootStrap
  • 项目-尚品汇页面交互
  • 前端常用工具库
  • 手写工具函数库
  • TypeScript核心语法
阶段三:前后台交互+工程化 点击展开
掌握的技能
  • 1. 掌握分布式版本控制工具Git的综合使用
  • 2. 了解Node.js基础,HTTP服务搭建,接口编写
  • 3. 掌握搭建模拟动态REST风格接口的技术
  • 4. 掌握前后台交互技术AJAX,并封装AJAX库
  • 5. 掌握流行的AJAX库axios的使用和二次封装
  • 6. 掌握基于Webpack的工程化开发,全栈项目开发后台
课程设计特色

本阶段课程主要涵盖Node.js服务器、前后台交互和工程化技术,包括常用命令、Git协同开发、框架、数据库、HTTP协议、Node.js搭建真实接口、MockJS和JSONServer搭建模拟接口、模块化、构建工具和工程化项目等方面。

通过学习这些内容,帮助掌握现代Web开发所需的技能,提高团队协作效率和项目管理能力。课程设计注重实践,让学员在理论知识的基础上独立完成项目,并加深对实际应用的理解。

关键技术清单
  • NPM与YARN常用命令
  • Git常用命令与协同开发
  • Node.js & Express框架
  • MongoDB & Mongoose
  • HTTP协议 & Cookie & Session
  • Ajax(原生、工具库、自定义封装、Axios)
  • Mockjs & JSONServer
  • ESM与ComonJS模块化
  • Webpack
阶段四:Vue项目开发 点击展开
掌握的技能
  • 1. 掌握Vue2的基础语法和核心扩展库(Router、Vuex、ElementUI)
  • 2. 掌握Vue3的最新语法和核心插件(Router、Pinia、ElementPlus)
  • 3. 理解Vue2与Vue3的响应式和虚拟DOM的原理及其区别
  • 4. 掌握数据可视化技术及在项目中的应用
  • 5. 掌握Vue2+JS 与 Vue3+TS的企业级项目开发
课程设计特色

本阶段课程以Vue技术栈为主线,深入地探讨了Vue的基础知识、路由、状态管理,以及常用UI库的使用。同时,还涉及到Vue源码中的重要概念,如数据响应式和虚拟DOM。此外,本阶段还特别介绍了Vue3和TypeScript的综合应用,并附加实战项目——大型电商项目尚品汇的前台PC页面和中台Admin页面的开发过程。本阶段课程的特色在于结合实践案例讲解Vue的核心理念和实现原理,能够帮助学员深入掌握Vue的使用和运用。

关键技术清单
  • Vue2入门
  • TypeScript
  • Vue3
  • VueRouter
  • Vuex
  • Vue响应式原理分析
  • 数据可视化
  • VuePC项目-电商前台
  • VuePC项目-后台管理
阶段五:原生小程序+uniapp应用开发 点击展开
掌握的技能
  • 1. 掌握原生小程序核心语法,开发原生小程序应用
  • 2. 能快速开发基于UniApp的小程序应用
  • 3. 掌握项目开发的完整流程与应用技巧
课程设计特色

第六阶段课程聚焦小程序技术栈,内容涵盖原生小程序核心API、UniApp框架的核心API、uView UI组件库以及实际项目案例慕尚花坊、谷粒微课和硅谷代驾。课程设计注重实践操作,通过分步骤的演示和练习,帮助学员深刻理解小程序开发的基本流程和技巧。同时,考虑到小程序在不同平台的应用场景,课程中既有针对原生小程序的讲解,也有对于多端统一开发的UniApp框架的介绍。

关键技术清单
  • 原生小程序核心API
  • 小程序框UniApp的核心API
  • 小程序UI组件库uView
  • 慕尚花坊(原生小程序)
  • 谷粒微课(UniApp小程序)
  • 硅谷代驾(UniApp小程序)
阶段六:鸿蒙应用开发 点击展开
掌握的技能
  • 1.HarmonyOS应用开发环境的搭建
  • 2.ArkTS与ArkUI使用
  • 3.调用手机的常用系统服务:定位、多媒体、电话、短信等
  • 4.网络请求和Web组件使用与后台交互
  • 5.万能服务卡片和应用多端适配的实现
  • 6.对应用性能进行优化和应用快速打包上线
课程设计特色

本阶段课程主要关注鸿蒙4.0版本应用开发,以项目实战为驱动,集成理论讲解、测试编码与应用 实战。从基础的TS、ArkTS和ArkUI学习开始,一步一步深入学习HarmonyOS应用开发的各个方面,包括:多媒体、网络、系统服务、服务卡片、通知、适配、性能优化和打包上线等。

关键技术清单
  • ArkTS与ArkUI
  • 前后台交互请求技术
  • 系统服务与服务卡片API
  • 多媒体音视频API
  • 异步任务与通知
  • 性能优化与打包上线
  • 多端适配原生App: 硅谷租房
  • 元服务与多媒体原生App:谷粒随享
阶段七:项目实训+毕业精讲+就业指导 点击展开
掌握的技能
  • 1. 掌握基于Vue和React技术栈的项目开发
  • 2. 掌握基于原生小程序和UniApp小程序的项目开发
  • 3. 掌握多人协同开发和解决bug的综合技巧
  • 4. 建立前端技术体系,搞定高频的面试题
  • 5. 利用AI辅助项目开发,提升开发效率和项目性能
  • 6. 利用AI辅助优化简历和模拟面试
课程设计特色

实战项目坚决按照开发的实际流程来实现,书写完整的接口文档。依循企业的编码要求,不仅仅讲解高频面试题,还帮助学员建立系统的前端技术体系。

关键技术清单
  • Vue前台项目开发实战
  • Vue后台管理项目开发实战
  • 小程序UniApp应用开发实战
  • 鸿蒙应用开发实战
  • 前端技术体系化复习总结
  • 高频&大厂面试题分析
  • 简历指导、职业规划、简历书写、模拟面试
附赠高级必备(选学) 收起
  • React技术栈
  • React项目
  • Git高级
  • Webpack高级
  • 自定义工具库
  • 自定义PubSub,EventBus
  • 自定义Promise高级

新技术带来前端职业发展新机遇

豪华讲师天团全程面授

多年企业实战&授课经验

  • 张老师

    偶像级讲师,B站
    Vue+React视频天花板

  • 熊老师

    多年全栈开发
    工作历练

  • 贾老师

    多年项目与
    企业管理经验

  • 李老师

    多年开发经验
    项目经验丰富

  • 闫老师

    精通前端主流框架

  • 刘老师

    精通技术底层原理
    及使用

  • 张老师

    全技术栈大咖讲师

  • 杨老师

    丰富的前后端
    交互开发经验

全程护航,你们只管乘风破浪

全国基地

北京基地
北京Java培训
上海基地
北京Java培训
深圳基地
北京Java培训
武汉基地
北京Java培训
西安基地
北京Java培训
成都基地
北京Java培训