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

鸿蒙赋能

双线发展
抢占职场C位

项目升级

Vue2.0+3.0
打造真正企业级工作流场景

Web3.0体系

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

技术领跑

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

渐进式教学

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

大咖面授

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

大咖带队,全程实战

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

  • 尚品甄选
  • 谷粒随享
  • 硅谷租房
  • 单词打卡
  • 尚品汇Vue2+Vue3
  • 尚医通React
  • 慕尚花坊
  • 谷粒微课
  • 尚品汇数据可视化
  • 硅谷AI聊天机器人
项目
特色
本项目采用了模块化、组件化和工程化的设计理念,以高效的技术手段优化了用户界面和操作体验。我们实现了一个全面的电商购物车和订单处理系统,支持包括微信支付和余额支付在内的多种支付方式。这些特性共同为用户提供了一个便捷、高效的购物体验。
主要
技术栈
ArkTS ArkUI Ability框架 router Stage模型 Flex布局 组件拆分与通信 服务卡片 系统通知 前台数据存储
学习
目标
  • 培育分析和理解能力,以及技术路线的精准划分。
  • 运用模块化、组件化和工程化的理念,进行ArkUI的创新设计。
  • 实现电子商务平台的购物车和订单支持流程等关键功能,并不断优化以提升用户体验。

项目展示

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

项目展示

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

项目展示

项目
特色
本项目以英语单词测试与打卡功能为载体,带你一步步实现项目的页面布局、与用户交互和前后台交互的所有功能。项目实现编码简洁规范,包含各种函数封装、组件封闭、工具模块封装。作为基础阶段的深入练习项目,它是你走进HarmonyOS应用开发的不二选择。
主要
技术栈
ArkTS ArkUI的常用UI组件与布局组件 动画 路由 自定义通用组件 Storage存储 网络请求与封装 服务卡片 虚拟长列表 位置服务
学习
目标
  • HarmonyOS应用开发的环境搭建、应用创建、安装与调试
  • ArkTS与ArkUI使用
  • 前后交互技术的使用
  • 实现单词测试与打卡的功能

项目展示

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

项目展示

项目
特色
尚医通是以某医院预约挂号统一平台为原型而搭建的在线医疗服务平台,该平台集成多家医院的挂号信息,提供全程跟踪服务,用户可以随时了解自己的挂号状态。本项目采用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 等技术
  • 掌握完整项目开发流程
  • 学会如何进行网络请求和响应拦截器的使用,了解如何与后端交互从而获取数据
  • 实践搭建后台管理模板项目,实现国际化处理、用户认证流程等功能
  • 掌握模块化、组件化、工程化

项目展示

项目
特色
慕尚花坊是一款使用原生小程序开发的在线鲜花商城,包含小程序开发所有常用知识点,拥有丰富的功能模块和高效的性能优化。使用组件库Vant、地图服务LBS等多种技术、开发者工具提供的自动生成骨架屏代码能力,提升用户体验度。
主要
技术栈
小程序API 小程序模板语法 Node.js 慕尚花坊真实接口
学习
目标
  • 学习小程序组件化、网络请求封装、LBS逆地址解析、UI组件库等技术特点
  • 进一步提升小程序开发能力

项目展示

项目
特色
谷粒微课是一款在线教育小程序平台,提供IT在线课程教学服务,为用户提供各类IT课程的在线试看、收藏、购买、播放等功能。项目包含完整的视频推流以及全支付过程,包括服务器宕机、断电等各种复杂情况。
主要
技术栈
Vue3 UniApp 原生小程序 Vite Pinia TypeScript Sass Uni-UI
学习
目标
  • 巩固前端学习的高级阶段的Vue3、Vite、Pinia、TypeScript、UniApp等核心技术
  • 了解视频推流等实际业务场景
  • 掌握网页的布局技巧
  • 熟悉多种支付平台核心功能点

项目展示

项目
特色
本项目采用前端技术和数据可视化技术,将大量的数据以直观、易于理解的方式展示在大屏幕上。可以一目了然地观察到数据的趋势、关联和异常情况,从而帮助用户发现问题、优化业务流程和做出决策。
主要
技术栈
Vue.js Vuex Vue Router Axios Element Plus Ant Design Vue ECharts
学习
目标
  • 了解数据可视化的基本概念、原理和常用的可视化方法
  • 学习如何从不同的数据源获取数据,并对数据进行处理和转换,以满足可视化需求
  • 掌握常用的数据可视化库和工具
  • 熟悉流行的前端框架和组件库
  • 学习如何设计响应式的数据可视化大屏

项目展示

项目
特色
一个基于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的应用等

项目展示

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

与钉钉等多家企业合作共建
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 点击展开

掌握的技能

  • 1. ES5基础语法,BOM与DOM的语法使用和案例实现
  • 2. 封装工具函数库(节流、防抖、深浅拷贝、数组常用方法实现等)
  • 3. JavaScript作用域、闭包、原型、继承、内存分析、内存管理、垃圾回收等深入分析
  • 4. 借助蓝湖工具,根据设计稿,构建页面,到使用JS全部呈现项目完美流程
  • 5. Less和Sass的基本语法,BootStrap页面的构建及源码分析

课程设计特色

本阶段课程主要涉及JavaScript基础、BOM和DOM、操作DOM、CSS预编译器、工具函数库、JavaScript高级等内容。学生将掌握ES5基础语法、封装工具函数库、JavaScript作用域、闭包、原型、继承、内存分析等知识,学习使用蓝湖工具构建页面,掌握Less和Sass基本语法,以及BootStrap页面构建和源码分析。

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

关键技术清单

  • JavaScript基础
  • Web API(BOM & DOM)
  • JavaScript操作DOM
  • CSS预编译器(Less & Sass)
  • 前端常用工具库
  • 手写工具函数库
  • JavaScript面向对象(JavaScript高级)
  • 项目-PC项目
    (HTML+CSS+JavaScript)实现
阶段三:ES6 + Node.js + 工程化 点击展开

掌握的技能

  • 1. 掌握分布式版本控制工具Git的综合使用
  • 2. 了解Node.js基础,HTTP服务搭建,接口编写
  • 3. 掌握Promise处理异步操作,使用async/await简化异步操作
  • 4. 掌握前后台交互技术Ajax,并封装Ajax库
  • 5. 掌握基于Webpack的工程化开发,全栈项目开发后台管理系统

课程设计特色

本阶段课程主要涵盖ES6、Node.js和工程化,包括常用命令、Git协同开发、框架、数据库、HTTP协议、模块化、构建工具和工程化项目等方面。通过学习这些内容,可以全面掌握现代Web开发

所需的技能,提高团队协作效率和项目管理能力。课程设计注重实践,让学员在理论知识的基础上独立完成项目,并加深对实际应用的理解。

关键技术清单

  • ES5+ & ES6
  • NPM与YARN常用命令
  • Git常用命令与协同开发
  • Node.js & Express框架
    & MongoDB
  • HTTP协议 & Cookie & Session
  • Ajax(原生、工具库、自定义封装)
  • ESM与ComonJS模块化
  • 构建工具Gulp、Webpack5.0
  • 工程化项目
阶段四:React技术栈 点击展开

掌握的技能

  • 1. 掌握React基础语法和Hooks语法使用
  • 2. 掌握React核心插件的使用(React Router、Redux、Antd)
  • 3. 分析React和Redux源码,深入了解框架的实现原理
  • 4. 掌握TypeScript的核心语法使用,并与React相关库配合开发
  • 5. 掌握React+TS的企业级项目开发

课程设计特色

本阶段课程主要涵盖了React技术栈的核心内容,包括React基础语法、React Hooks、ReactRouter、Redux、React Antd等,并深入剖析了React与Redux的原理。此外,课程还特别关注了TypeScript的应用,并设计了一个大型React医疗项目及中台

Admin页面的实战案例,帮助学员全面掌握React在实战中的应用。课程设计注重理论结合实践,设计精良、内容丰富,帮助学员深度学习React技术栈。

关键技术清单

  • React基础语法
  • React Hooks
  • ReactRouter
  • Redux
  • React Antd
  • React与Redux原理分析
  • TypeScript
  • 尚医通-大型React医疗项目-
    中台Admin
阶段五:Vue技术栈 点击展开

掌握的技能

  • 1. 掌握Vue2的基础语法和核心扩展库(Router、Vuex、ElementUI)
  • 2. 掌握Vue3的最新语法和核心插件(Router、Pinia、ElementPlus)
  • 3. 理解Vue2与Vue3的响应式和虚拟DOM的原理及其区别
  • 4. 掌握Vue2+JS 与 Vue3+TS的企业级项目开发

课程设计特色

本阶段课程以Vue技术栈为主线,全面深入地探讨了Vue的基础知识、路由、状态管理,以及常用UI库的使用。同时,还涉及到Vue源码中的重要概念,如数据响应式和虚拟DOM。此外,本阶段还特别介绍了Vue3和TypeScript的综合应用,并附加实战项目—

—大型电商项目尚品汇的前台PC页面和中台Admin页面的开发过程。本阶段课程的特色在于结合实践案例讲解Vue的核心理念和实现原理,能够帮助学员深入掌握Vue的使用和运用。

关键技术清单

  • Vue基础
  • VueRouter
  • Vuex
  • ElementUI & VantUI
  • Vue源码(数据响应式、虚拟DOM)
  • Vue3+TS
  • 尚品汇-大型Vue电商项目-
    前台PC
  • 尚品汇-大型Vue电商项目-
    中台Admin
阶段六:小程序技术栈 点击展开

掌握的技能

  • 1. 掌握原生小程序核心语法,开发原生小程序应用
  • 2. 能快速开发基于UniApp的小程序应用
  • 3. 掌握项目开发的完整流程与应用技巧

课程设计特色

第六阶段课程聚焦小程序技术栈,内容涵盖原生小程序核心API、UniApp框架的核心API、uView UI组件库以及实际项目案例慕尚花坊和谷粒微课。课程设计注重实践操作,通过分步骤的演示和

练习,帮助学员深刻理解小程序开发的基本流程和技巧。同时,考虑到小程序在不同平台的应用场景,课程中既有针对原生小程序的讲解,也有对于多端统一开发的UniApp框架的介绍。

关键技术清单

  • 原生小程序核心API
  • 小程序框UniApp的核心API
  • 小程序UI组件库uView
  • 慕尚花坊(原生小程序)
  • 谷粒微课(UniApp小程序)
阶段七:鸿蒙4.0生态应用开发 点击展开

掌握的技能

  • 1.HarmonyOS应用开发环境的搭建
  • 2.TypeScript语言核心语法使用
  • 3.ArkTS核心语法使用使用
  • 4.ArkUI常用UI组件与布局组件使用
  • 5.本地与远程的音频与视频的管理
  • 6.调用手机的常用系统服务
  • 7.网络请求和Web组件使用与后台交互
  • 8.服务卡片的实现
  • 9.定时任务与代理任务实现通知功能
  • 10.多端适配的实现
  • 11.对应用性能进行优化
  • 12.应用快速打包上线

课程设计特色

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

关键技术清单

  • ArkTS与ArkUI
  • 前后台交互请求技术
  • 系统服务与服务卡片API
  • 多媒体音视频API
  • 异步任务与通知
  • 性能优化与打包上线
阶段八:实战 + 精讲+就业指导 点击展开

掌握的技能

  • 1. 掌握基于Vue和React技术栈的项目开发
  • 2. 掌握基于原生小程序和UniApp小程序的项目开发
  • 3. 掌握多人协同开发和解决bug的综合技巧
  • 4. 建立前端技术体系,搞定高频的面试题
  • 5. 利用AI辅助项目开发,提升开发效率和项目性能
  • 6. 利用AI辅助优化简历和模拟面试

课程设计特色

实战项目坚决按照开发的实际流程来实现,书写完整的接口文档,依循企业的编码要求。不仅仅讲解高频面试题,还为学生建立完

整的前端技术体系。

关键技术清单

  • Vue前台项目实战
  • Vue后台管理项目实战
  • React前台/后台项目实战
  • 小程序项目实战
  • 前端技术体系化复习总结
  • 高频&大厂面试题分析
  • 简历指导、职业规划、
    简历书写
  • 模拟面试
高级必备(选学) 收起
  • Git高级
  • Webpack高级
  • Taro框架
  • 数据结构算法
  • 设计模式 & 函数式编程
  • 自定义工具库
  • 自定义PubSub,EventBus
  • 自定义Promise高级
  • ReactNative
  • 微前端

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

豪华讲师天团全程面授

HarmonyOS应用开发者高级认证+多年企业实战&授课经验

  • 张老师

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

  • 李老师

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

  • 贾老师

    多年项目与
    企业管理经验

  • 李老师

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

  • 熊老师

    多年全栈开发
    工作历练

  • 闫老师

    精通前端主流框架

  • 刘老师

    精通技术底层原理
    及使用

  • 张老师

    全技术栈大咖讲师

  • 张老师

    游戏平台大规模高并发
    核心业务开发经验

  • 杨老师

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

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

全国校区

北京校区
北京Java培训
上海校区
北京Java培训
深圳校区
北京Java培训
武汉校区
北京Java培训
西安校区
北京Java培训
成都校区
北京Java培训