HTML&JS+前端培训开班

主讲内容

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

内容介绍

1. HTML 负责网页的结构层，是网页开发的基础，从简单的网页骨架搭建入手，使用常见的 HTML 标签丰富网页结构。
2.在 HTML 搭建的网页结构基础上，通过 CSS选择器 精准选择标签，使用外观、盒模型相关属性完成网页全部内容，利用浮动、定位等布局技巧精准控制网页布局，最终结合背景、圆角、阴影等装饰属性进一步美化网页效果，达到能够编写企业级大型综合网页。
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 | JavaScript高级 | Ajax | Git

内容介绍

1. 学习JavaScript基础语法规则。
2. 学习DOM和BOM对象的属性和方法,以完成网页常见的交互效果。
3. 深入理解 ECMAScript 的知识体系及工作机制，熟悉 ES6+ 新的语法特性，注重抽象思维的培养，具备面向对象编程的的能力。
4. 利用 axios 发起 Ajax 请求，实现前后端的数据交互。并讲解 HTTP 请求的过程以及 Ajax 的底层原理。深入学习 JS 异步的底层原理，能够使用 Promise 处理异步操作，并使用 async/await 简化异步操作。
5. 能够创建 Git 仓库管理前端项目，基于 Git 分支进行多人协同开发，并且能够把本地的 Git 仓库同步到远程码云或 Github 仓库中。

可掌握的核心能力

1. 掌握JavaScript基础语法，培养编程逻辑思维。
2. 掌握DOM和BOM对象的常用属性和方法，能够完成网页常见的交互效果。
3. 能够使用 axios 实现 Ajax 操作，为后续项目课做好技术铺垫。
4. 能够运用 Git 管理前端项目，并且使用 Git 分支进行多人协同开发。
5. 能够使用 Promise 与 async/await 高效的实现异步操作。

主讲内容

框架前置课 | Vue核心技术 | Vue3.0高级 | TypeScript

内容介绍

1. 掌握模块化思想，npm包管理，webpack基础，初探工程化开发。
2. 运用Vue2.0全家桶核心内容实现开发中常见的功能，如购物车，经典列表、TodoMVC等。运用 Vant 开发移动端，运用element-ui开发PC后台管理系统。
3. 掌握Vue3新特性、Vite、组合API、Pinia 等。
4. 掌握TypeScript基础语法，并且在Vue3项目中熟练运用TypeScript。

可掌握的核心能力

通过 Vue2 和 Vue3 的基础学习，掌握企业开发中常见业务功能实现；通过深入 Vue 技术栈学习 vue-router vuex vant element-ui 等主流技术，掌握企业级项目开发方式，如移动端H5项目实与PC端管理项目；通过 Vue3 结合 TypeScript 的技术学习，掌握大型企业级项目开发技巧。

主讲内容

原生小程序 | uni-app | 电商项目

内容介绍

1. 了解小程序开发的一般流程序，熟悉小程基础组件的使用，能够基于 wxml 和 wxss 实现小程序的界面布局，基于模板的数据绑定实现数据的动态渲染，基于 API 实现与服务端的数据通信，以及熟悉其它高级 API 的使用。
2. 理解 uni-app 实现跨平台开发的原理机制，理清单文件组件与原生小程序组件的对应关系，以及 uni-app 开发小程序时开发时与原生小程序的差异。
3. 基于真实需求综合运用小程序开发的相关知识，突出小程序 API 的真实应用场景，强化和巩固小程序开发的相关知识，提升综合解决问题的能力。

可掌握的核心能力

独立开发原生小程序，能够使用uni-app开发小程序，提高就业能力，就业的加分项。

主讲内容

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进行访问鉴权功能实现

主讲内容

1. 基于 vue-cli 创建工程化的 Vue 项目。
2. 基于 element-ui 组件库快速实现项目布局。
3. 用户注册与登录的业务解决方案。
4. 使用 Vuex 管理全局共享的数据。
5. 使用 axios 实现前后端的数据交互。
6. 基于 vant 组件库快速构建移动端界面。

项目介绍

面经系统，由面试经验文章PC管理后台，个人H5端面试文章浏览组成。学员学习该项目，能够锻炼对 Vue 完整技术栈的运用。同时该项目还涵盖了 token 身份认证、Vue 组件库、文件上传、富文本编辑器等前端技术解决方案，移动端开发，适合刚入手 Vue 框架、希望通过项目开发来巩固 Vue 基础的前端开发者学习。

可掌握的核心能力

1. 掌握 element-ui 组件库的运用
2. 掌握 axios 以及拦截器的应用
3. 掌握 Vuex 管理全局状态的技术解决方案
4. 熟练使用 vue-router 管理组件的切换展示
5. 掌握 element-ui 中如何自定义表单的校验规则
6. 掌握文件上传和富文本编辑器在 Vue 项目中的应用
7. 掌握 Vant 组件库的运用
8. 掌握使用 postcss-px-to-viewport 实现移动端适配

主讲内容

vue-element-admin（请求模块化，请求工具拦截，scss 样式，布局组件） | Vuex 持久化（state，mutations，actions，getters 和 modules） | Vue CLI 配置(webpack) | 反向代理 | ElementUI 表单校验（async-validator） | vue-router 导航守卫 | token 认证 | token 失效控制 | 角色管理业务 | RBAC 权限 | Vuex + 路由 + RBAC | 动态路由 | 角色权限 | 混入 mixns | 工作日历 | Echarts 雷达图 | 全屏（screenfull） | tabs 页多页签组件 | vue-i18n 国际化方案 | history 路由模式的应用 | 树形菜单 |element 列表的数据过滤 | 导入导出 Excel | Excel 复杂型表头 | PDF 打印（vue-print-nb）| el-upload 上传第三方云服务器 | 打包性能分析 | CDN 加速的实践应用 | 组件封装 | 业务组件封装

项目介绍

iHRM是一款基于SaaS平台的人力资源管理系统， 企业通过该系统可以完成公司组织架构管理、员工管理、角色管理、权限管理（审批、考勤、社保）等，为企业的人力资源管理提供一站式解决方案。

可掌握的核心能力

1. 掌握Vue + Element技术栈在开发管理型后台项目的技术开发能力
2. 具备角色，人员，权限类系统的设计整体设计及应用能力。
3. 拥有Vue.js相关的技术要点及配套的插件，解决方案深度使用能力

主讲内容

vue3.0框架| TypeScript使用 | vite前端构建工具｜create-vue项目脚手架｜vue-router路由｜pinia状态管理｜pinia-plugin-persistedstate状态持久化｜sass预处理器｜ vite-plugin-svg-icons图标组件插件｜tailwindcss现代CSS框架｜@vueuse/core组合API工具库｜dayjs日期处理｜vant组件库 | postcss-px-to-viewport移动端适配 | id-validator校验身份证 | socket.io即时通讯 | eruda真机调试 | 第三方登录 | 第三方支付 | vant组件二次封装 | 通用组件封装 | reqeust工具函数 | 组件按需引入 | steup语法糖 | pnpm包管理 | 第三方库类型扩展 | 自定义composable | css变量

项目介绍

优医问诊是一个连接医生和患者的移动医疗行业H5应用，通过高效、快速的在线问诊服务，为患者提供健康帮助，涵盖了找医生、快速问诊、开药门诊、疾病查询，健康百科等功能。该项目基于Vue3+TypeScript进行开发，且引入下一代状态管理工具 Pinia 和热门的前端移动UI组件库 Vant ，采用全新技术栈，给学员带来企业实战项目，助力学员高薪就业。

可掌握的核心能力

1. 掌握使用Vue3 + TypeScript 开发大型前端项目开发能力
2. 掌握使用Vant组件库开发移动端项目能力
3. 掌握 Pinia 状态管理工具实现项目状态管理
4. 掌握 第三方登录和第三方支付 业务解决能力
5. 掌握 快速问诊 等在线问诊主流业务开发能力

主讲内容

1. uni-app跨平台开发框架。
2. 组件封装及通信。
3. 微信支付/登录。
4. pinia 状态管理。
5. 基于vue3+ts技术实践方案。
6. 小程序云开发。
7. vant组件库。

项目介绍

小程序无需安装，用完即走的应用方式越来越受到用户的欢迎，企业也都纷纷开展了小程序的开发。小兔鲜儿是一个经典的电商类小程序项目，包括商品、用户、购物车、订单等核心功能模块，采用 uni-app 框架做为跨平台小程序开发方案，并综合运用了原生小程序的组件化、模块化、网络请求、本地存储、微信登录、微信支付等技术，小兔鲜电商项目以企业的需求为基础，有针对性的对课程进行设计，学习本课程不仅能够培养学员的实践能力，还可以为就业提供有利的支撑。

可掌握的核心能力

1. 能够开发跨平台的小程序
2. 能够独立开发小程序项目
3. 掌握微信登录的实现方式
4. 掌握微信支付的实现方式