AI前端开发

主讲内容

HTML | CSS | 企业级小兔鲜儿电商项目首页制作

内容介绍

1. HTML 负责网页的结构层，是网页开发的基础，从最简单的网页骨架搭建入手，使用常见的 HTML 标签丰富网页结构。
2. 在 HTML 搭建的网页结构基础上，通过 CSS 选择器 精准选择标签，使用外观、盒模型相关属性完成网页全部内容，学习传统浮动、定位等完成网页布局，侧重使用 Flex 布局技巧精准控制网页布局，最终结合背景、圆角、阴影等装饰属性进一步美化网页效果，达到能够编写企业级大型综合网页。
3. 借助PxCook工具，基于设计稿编写网页，确保网页的高度还原，通过综合运用 HTML + CSS 技术，按照实际项目开发流程，归纳开发技巧，提升综合实战水平，最终完成企业级小兔鲜儿电商项目PC端首页开发。

可掌握的核心能力

借助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.js web 3D技术，具备大屏3D可视化开发能力。
6. 掌握 Vue 底层原理。

可掌握的核心能力

1. 通过 Vue2 和 Vue3 的核心知识学习，掌握企业开发中常见业务功能实现
2. 通过深入 Vue 技术栈学习 vue-router vuex vant element-ui 等主流技术，掌握企业级项目开发方式，如移动端H5项目与PC端管理项目
3. 掌握 qiankun 微前端技术，具备重构巨石应用的能力，实现技术栈无关开发方式
4. 掌握 three.js web 3D技术，具备大屏3D可视化开发能力

主讲内容

原生小程序 | uni-app

内容介绍

1. 了解小程序开发的一般流程序，熟悉小程基础组件的使用，能够基于 wxml 和 wxss 实现小程序的界面布局，基于模板的数据绑定实现数据的动态渲染，基于 API 实现与服务端的数据通信，以及熟悉其它高级 API 的使用。
2. 理解 uni-app 实现跨平台开发的原理机制，理清单文件组件与原生小程序组件的对应关系，以及 uni-app 开发小程序时开发时与原生小程序的差异。

可掌握的核心能力

1. 掌握原生小程序开发，能够独立完成原生小程序项目开发
2. 掌握 uni-app 多端框架，能够独立开发小程序和其他端的开发

主讲内容

鸿蒙应用开发

内容介绍

掌握鸿蒙应用开发核心技能：ArtTS语言核心声明式UI方式，掌握鸿蒙常用能力集，掌握鸿蒙APP开发能力，掌握鸿蒙混合应用开发，掌握元服务和端云一体化鸿蒙开发能力。

可掌握的核心能力

1. 掌握鸿蒙ArkTS范式语言开发基础， 使用ArkUI进行鸿蒙原生应用界面设计开发
2. 掌握鸿蒙ArkTS组件开发，组件封装，组件复用，组件传值，组件更新，State模型，事件处理，⽹络请求，原生能力应用能项目基础开发能力，掌握鸿蒙任务管理、线程管理、万能卡片、数据管理、分布式应用等，实现代码⼀次开发多端部署的能力
3. 能够掌握鸿蒙低代码开发，能够掌握云服务提供的独立入口、免安装等便捷服务
4. 掌握端云一体化工程概览、工程创建及配置、端云一体化组件集成、云函数开发及使用、云数据库开发和使用、一键式部署云工程的能力

主讲内容

React 核心技术 | Hooks 深入+路由 | Redux +中间件 + Redux Toolkit | 记账本案例

内容介绍

1. 基于 React 脚手架（create-react-app）搭建React项目，掌握JSX语法搭建页面结构，使用函数组件实现组件化开发，掌握组件通讯在项目开发中的使用。
2. 掌握 useEffect Hook 的应用，掌握 useRef Hook 的高级用法，理解 Hooks 原理，掌握 react-router-dom 的应用。
3. 掌握 React 最常用状态管理工具 Redux 的基本使用，使用 react-redux 链接库在 React 中使用 Redux，掌握 Redux 中间件 redux-thunk 用来处理异步请求，掌握 Redux Tookit 简化 Redux 的使用。
4. 利用 React + Hooks + Redux Tookit 实现记账本案例，对整个 React 阶段所学内容进行练习，验证我们是否掌握了 React 开发能力。

可掌握的核心能力

通过 React + Hooks + Redux Toolkit 的学习，实现多种业务场景下的功能开发，如 B站评论、知乎频道管理、美团外卖、记账本等业务功能

主讲内容

1.基于axios 实现网站注册和登录功能
2.基于 Echarts 结合需求高度自定义不同类型的可视化图表
3.Ajax、数据渲染和服务端推送前后端分离技术的应用
4.基于 token 的访问权限控制功能

项目介绍

数据看板是一个数据可视化项目，通过折线图、K线图、柱状图等图表形式归纳汇总大量数据，以实现更加直观的数据表达效果。学员通过学习该项目，能够掌握数据可视化、异步编程、实时数据获取等技术解决方案，适合有基础希望技能强化的IT人员继续学习。

可掌握的核心能力

1. 掌握Echarts 各类型数据可视化图表的应用
2. 能够根据需要求创建折线图、K线图、地图等图表
3. 掌握前后端分离技术的实现方式并了解其意义
4. 掌握使用token进行访问鉴权功能实现

主讲内容

vue2 + element + vue-router + vuex 全家桶、 vue-admin-template中后台模板、echarts 图表、echarts-liquidfill 液体图表、mockjs 数据、vue-treeselect 树形下拉框、机构管理、机构作业范围、运费管理、车型管理、车辆列表、回车登记、快递员管理、司机管理、排班管理、订单管理、运单管理、运输任务管理、线路管理、取件作业管理、派件作业管理

项目介绍

基于Vue2和ElementUI开发的神领物流平台对标主流快递物流公司的TMS系统，包含运输任务管理、订单管理、线路管理以及运费管理等核心业务。TMS系统能够对车辆、驾驶员、线路等进行全面详细的统计考核，能大大提高运作效率，降低运输成本。

可掌握的核心能力

小组实战，多人开发协作，共同完成基于 vue-admin-template 搭建企业级中后台项目，能独立分析需求并按需求实现功能，能够解决测试过程中发现的BUG、掌握完整的业务开发流程，完成基础数据管理、车辆管理、订单和运单管理、调度管理等特色业务。

主讲内容

请求模块化、请求工具拦截、scss 样式、布局组件、Redux状态管理、vite 、ant-design 、表单校验、 react-router@v6、token 认证、token 失效控制、history 路由、打包性能优化、CDN 加速、组件封装 、react-quill

项目介绍

「极客园」对标“CSDN”、“博客园”等竞品，致力成为更加贴近年轻 IT 从业者（学员）的科技资讯类应用 产品关键词：IT、极客、活力、科技、技术分享、前沿动态、内容社交 用户特点：年轻有活力，对IT领域前言科技信息充满探索欲和学习热情。本项目是个人自媒体管理端，涵盖了后台管理系统的核心业务，基于react技术栈（react hooks + redux + react-router）实现了登录功能，首页展示，文章管理与发布，图片上传等功能。让学员熟练掌握react核心技术栈的开发项目的能力。

可掌握的核心能力

熟练掌握react+ts技术栈（react hooks + redux + react-router）配合antd组件库开发后台管理项目的技术能力。