HTML&JS+前端课程体系图课程体系契合企业刚需每个学习阶段目标清晰
主讲内容
HTML|CSS|企业级小兔鲜儿电商项目首页制作
内容介绍
可掌握的核心能力
借助PxCook工具，参照设计稿，能综合使用HTML+CSS技术完成企业级小兔鲜儿电商项目PC端首页开发
CSS高级特效|移动适配|响应式
1.使用css高级特效丰富网页元素的呈现方式和效果。2.首先介绍Flex布局模型,实现移动端网页的基本布局;再讲解两种移动端网页适配不同分辨率的解决方案,并使用不同的解决方案制作网页元素宽高随着视口的变化而等比缩放的效果。3.学习响应式的原理,并使用bootstrap框架完成响应式网页的布局。
1.使用CSS高级特效，丰富网页元素的呈现方式和效果2.使用rem或vw、vh实现网页元素宽高随着视口变化等比缩放的效果3.使用bootstrap框架布局响应式网页
JavaScript核心|WebAPI|Ajax|Git
1.学习JavaScript核心语法规则，深入理解ECMAScript的知识体系及工作机制。3.利用axios发起Ajax请求，实现前后端的数据交互。并讲解HTTP请求的过程以及Ajax的底层原理。深入学习JS异步的底层原理，能够使用Promise处理异步操作，并使用async/await简化异步操作。4.能够创建Git仓库管理前端项目，基于Git分支进行多人协同开发，并且能够把本地的Git仓库同步到远程码云或Github仓库中。2.学习DOM和BOM对象的属性和方法,以完成网页常见的交互效果。
1.掌握JavaScript核心语法，培养编程逻辑思维2.掌握DOM和BOM对象的常用属性和方法，能够完成网页常见的交互效果3.掌握JavaScript底层工作机制和ES6+高级特性，能够高效实现业务逻辑4.能够使用axios实现Ajax操作，为后续项目课做好技术铺垫5.能够运用Git管理前端项目，并且使用Git分支进行多人协同开发6.能够使用Promise与async/await高效的实现异步操作
框架前置课|Vue2.x核心|Vue3.x核心|微前端|Three.js|Vue原理
1.掌握模块化思想，npm包管理，webpack基础，初探工程化开发。2.运用Vue2.0全家桶核心内容实现开发中常见的功能，如购物车，经典列表、TodoMVC等。运用Vant开发移动端，运用element-ui开发PC后台管理系统。3.掌握Vue3新特性、Vite新一代构建工具、组合式API、Pinia等。4.掌握qiankun微前端库，重构巨石应用、做到与技术无关。5.掌握three.jsweb3D技术，具备大屏3D可视化开发能力。6.掌握Vue底层原理。
1.通过Vue2和Vue3的核心知识学习，掌握企业开发中常见业务功能实现2.通过深入Vue技术栈学习vue-routervuexvantelement-ui等主流技术，掌握企业级项目开发方式，如移动端H5项目与PC端管理项目3.掌握qiankun微前端技术，具备重构巨石应用的能力，实现技术栈无关开发方式4.掌握three.jsweb3D技术，具备大屏3D可视化开发能力
原生小程序|uni-app
1.了解小程序开发的一般流程序，熟悉小程基础组件的使用，能够基于wxml和wxss实现小程序的界面布局，基于模板的数据绑定实现数据的动态渲染，基于API实现与服务端的数据通信，以及熟悉其它高级API的使用。2.理解uni-app实现跨平台开发的原理机制，理清单文件组件与原生小程序组件的对应关系，以及uni-app开发小程序时开发时与原生小程序的差异。
1.掌握原生小程序开发，能够独立完成原生小程序项目开发2.掌握uni-app多端框架，能够独立开发小程序和其他端的开发
鸿蒙应用开发
1.掌握鸿蒙ArkTS范式语言开发基础，使用ArkUI进行鸿蒙原生应用界面设计开发2.掌握鸿蒙ArkTS组件开发，组件封装，组件复用，组件传值，组件更新，State模型，事件处理，络请求，原生能力应用能项目基础开发能力，掌握鸿蒙任务管理、线程管理、万能卡片、数据管理、分布式应用等，实现代码次开发多端部署的能力3.能够掌握鸿蒙低代码开发，能够掌握云服务提供的独立入口、免安装等便捷服务4.掌握端云一体化工程概览、工程创建及配置、端云一体化组件集成、云函数开发及使用、云数据库开发和使用、一键式部署云工程的能力
React核心技术|Hooks深入+路由|Redux+中间件+ReduxToolkit|记账本案例
1.基于React脚手架（create-react-app）搭建React项目，掌握JSX语法搭建页面结构，使用函数组件实现组件化开发，掌握组件通讯在项目开发中的使用。2.掌握useEffectHook的应用，掌握useRefHook的高级用法，理解Hooks原理，掌握react-router-dom的应用。3.掌握React最常用状态管理工具Redux的基本使用，使用react-redux链接库在React中使用Redux，掌握Redux中间件redux-thunk用来处理异步请求，掌握ReduxTookit简化Redux的使用。4.利用React+Hooks+ReduxTookit实现记账本案例，对整个React阶段所学内容进行练习，验证我们是否掌握了React开发能力。
项目介绍
数据看板是一个数据可视化项目，通过折线图、K线图、柱状图等图表形式归纳汇总大量数据，以实现更加直观的数据表达效果。学员通过学习该项目，能够掌握数据可视化、异步编程、实时数据获取等技术解决方案，适合有基础希望技能强化的IT人员继续学习。
1.掌握Echarts各类型数据可视化图表的应用2.能够根据需要求创建折线图、K线图、地图等图表3.掌握前后端分离技术的实现方式并了解其意义4.掌握使用token进行访问鉴权功能实现
面经全端项目极客园H5项目
课时：5天学习方式：线下面授课时：5天学习方式：线下面授
1.掌握element-ui组件库的运用2.掌握axios以及拦截器的应用3.掌握Vuex管理全局状态的技术解决方案4.熟练使用vue-router管理组件的切换展示5.掌握element-ui中如何自定义表单的校验规则6.掌握文件上传和富文本编辑器在Vue项目中的应用7.掌握Vant组件库的运用8.掌握使用postcss-px-to-viewport实现移动端适配
智慧园区微前端项目人力资源项目1～2开发
课时：12天学习方式：线下面授课时：12天学习方式：线下面授
vue-element-admin（请求模块化，请求工具拦截，scss样式，布局组件）、Vuex持久化（state，mutations，actions，getters和modules）、VueCLI配置(webpack)、反向代理、ElementUI表单校验（async-validator）、vue-router导航守卫、token认证、token失效控制、角色管理业务、RBAC权限、Vuex+路由+RBAC、动态路由、角色权限、混入mixns、全屏（screenfull）、tabs页多页签组件、vue-i18n国际化方案、history路由模式的应用、树形菜单|element列表的数据过滤、导入导出Excel、el-upload上传第三方云服务器、打包性能分析、CDN加速的实践应用、组件封装、业务组件封装、three.js模型加载和交互方案、qiankun搭建微前端架构、Echarts自定义可视化图表、lodash、seamless-scroll数据无缝滚动、行车管理、一体杆管理、企业管理、物业费管理
黑马智数是一个数字化园区管理项目，该项目后台可以在线管理园区内的楼宇、企业、车辆和一体杆等资源，可视化大屏通过园区3D模型实时展示园区概况。学员通过该项目能学到如何用qiankun搭建微前端架构、用Echarts进行数据可视化、以及前沿的3D模型展示等技术方案。
iHRM是一款基于SaaS平台的人力资源管理系统，企业通过该系统可以完成公司组织架构管理、员工管理、角色管理、权限管理（审批、考勤、社保）等，为企业的人力资源管理提供一站式解决方案。
能独立运用vue-admin-template搭建中后台应用能力，能够实现rbac权限管理，企业组织架构管理，审批、考勤、社保等特色业务。
vue2+element+vue-router+vuex全家桶、vue-admin-template中后台模板、echarts图表、echarts-liquidfill液体图表、mockjs数据、vue-treeselect树形下拉框、机构管理、机构作业范围、运费管理、车型管理、车辆列表、回车登记、快递员管理、司机管理、排班管理、订单管理、运单管理、运输任务管理、线路管理、取件作业管理、派件作业管理
基于Vue2和ElementUI开发的神领物流平台对标主流快递物流公司的TMS系统，包含运输任务管理、订单管理、线路管理以及运费管理等核心业务。TMS系统能够对车辆、驾驶员、线路等进行全面详细的统计考核，能大大提高运作效率，降低运输成本。
小组实战，多人开发协作，共同完成基于vue-admin-template搭建企业级中后台项目，能独立分析需求并按需求实现功能，能够解决测试过程中发现的BUG、掌握完整的业务开发流程，完成基础数据管理、车辆管理、订单和运单管理、调度管理等特色业务。
享+生活原生小程序项目智慧商城原生小程序项目
享+社区是一个生活类的小程序项目，主要服务于小区业主，为其提供生活家电报修、访客门禁通行的的功能，该项目主要包含房屋管理、报修管理、访客管理、用户管理、通知管理等功能模块，技术栈以原生小程序技术为主配合了Vant组件库。
小程序运行环境，原生配置项，框架接口，原生组件，自定义组件，第三方组件库，npm模块管理，模板语法，生命周期，路由系统，事件系统，双向绑定，状态管理，组件通讯，网络请求，文件上传，本地存储，分包加载，按需注入，业务域名配置，开发调试
优医问诊uni-app项目小兔鲜电商小程序项目
课时：9天学习方式：线下面授课时：9天学习方式：线下面授
优医问诊是一个连接医生和患者的移动医疗行业应用，通过高效、快速的在线问诊服务，为患者提供健康帮助，涵盖了找医生、快速问诊、开药门诊、疾病查询，健康百科等功能。该项目基于HBuilderX使用uni-app开发跨端应用的能力，能够完成多端兼容、打包App、原生界面开发、地理定位、路径规划、即时通信。
鸿蒙应用-美蔻商城鸿蒙应用-神领物流
一次开发，多端部署、三层工程架构、设备断点适配、电商核心业务、Hybrid混合开发、WLAN和多媒体技术使用、华为的应用生态使用
美蔻商城是一个"一对多"的电商购物应用，提供在线购物的核心服务，涵盖了商品列表、商品详情、购物车、商品评价、订单管理等功能。该项目基于鸿蒙一对多开发范式，采用了三层工程架构配合多种UI适配方式，最终实现"一次开发，多端部署的核心目标",同时也应用了鸿蒙系统的多种能力，比如多媒体技术，支付能力、混合开发等等。
HarmonyOS基于ArkTS范式开发，目录拆解，原生组件使用，组件封装集成，原生能力调用，统一权限处理，设备适配，WebView嵌入调用，列表下拉刷新上拉加载，组件通信，路由跳转，参数传递，文件上传，沙箱文件处理，多组件复用，开发调试，性能优化
请求模块化、请求工具拦截、scss样式、布局组件、Redux状态管理、vite、ant-design、表单校验、react-router@v6、token认证、token失效控制、history路由、打包性能优化、CDN加速、组件封装、react-quill
熟练掌握react+ts技术栈（reacthooks+redux+react-router）配合antd组件库开发后台管理项目的技术能力。