主讲内容

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

内容介绍

1、从最简单的网页骨架搭建入手，使用常见的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高级 | jQuery | Ajax | git

内容介绍

1、掌握JavaScript基础语法规则
2、掌握DOM和BOM对象的属性和方法，以完成网页常见的交互效果
3、深入理解 ECMAScript 的知识体系及工作机制，熟悉 ES6+ 新的语法特性，注重抽象思维的培养，具备面向对象编程的的能力
4、借助 jQuery 提升开发的效率，同时借鉴和学习 jQuery 的封装实现思想，巩固面向对象的相关知识，加深对面象对象的理解
5、能够创建 Git 仓库管理前端项目，基于 Git 分支进行多人协同开发，并且能够把本地的 Git 仓库同步到远程码云或 Github 仓库中

可掌握的核心能力

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

主讲内容

Node.js基础 | 模块化 | npm | Express | EventLoop | webpack

内容介绍

1、了解 Node.js 和浏览器环境的区别，能够使用 Node.js 操作文件和处理路径
2、理解模块化的开发思想，能够使用 CommonJS 模块化语法进行前端项目的开发，提高代码的复用性
3、利用 npm 管理项目中用到的第三方包，提高前端项目的开发效率
4、能够使用 Express 编写基本的 API 接口，加深对前后端工作流程的理解
5、深入学习 JS 异步的底层原理，能够使用 Promise 处理异步操作，并使用 async/await 简化异步操作
6、利用 webpack 实现前端的工程化开发，主要学习 webpack 的工作原理以及常用的插件、loader 的使用，为后续项目课的学习奠定工程化的开发思想

可掌握的核心能力

1、能够使用 npm 维护项目中的依赖包，提高项目的开发效率
2、能够使用 Promise 与 async/await 高效的实现异步操作
3、能够理解 webpack 中的核心概念，为后续项目课的学习打好工程化开发的基础

主讲内容

Vue基础 | Vue3.0高级

内容介绍

1、运用Vue2.0全家桶核心内容实现开发中常见的功能，如购物车，TabBar、经典列表、TodoMVC等
2、掌握Vue3新特性、Vite、组合API等

可掌握的核心能力

通过Vue2和Vue3的理论知识学习可以实现开发中常见的业务功能，如购物车、TabBar、经典列表、TodoMVC等

主讲内容

React基础 | Hooks | Redux中间件 | TypeScript

内容介绍

1、掌握React基本语法，能够使用class组件实现常见的业务功能
2、运用hooks核心知识实现购物车和放大镜经典案例效果
3、结合React技术栈，运用redux实现点餐系统的状态管理
4、运用TypeScript语法，并且在React项目中熟练运用TypeScript

可掌握的核心能力

通过React+class组件+Hooks+Redux+TypeScript的学习，实现企业开发中的经典案例，如B站评论、购物车、放大镜、点餐系统等业务功能

主讲内容

小程序基础 | uni-app | 电商项目

内容介绍

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

可掌握的核心能力

能够独立开发小程序，提高就业能力，是就业的加分项

主讲内容

1、综合媒体查询和rem智能适配大屏幕
2、基于 Echarts 结合需求高度自定义不同类型的可视化图表
3、Ajax、数据渲染和服务端推送前后端分离技术的应用
4、通过jQuery开发网页交互，增强易用性及用户体验

项目介绍

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

可掌握的核心能力

1、掌握大屏幕适配技术解决方案的应用
2、掌握Echarts 各类型数据可视化图表的应用
3、能够根据需要求创建折线图、K线图、地图等图表
4、掌握前后端分离技术的实现方式并了解其意义
5、了解什么是服务端推送及相关技术解决方案
6、掌握jQuery 在实际项目中的应用形式

主讲内容

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

项目介绍

大事件是一个 CMS 后台管理项目，包含登录注册、个人中心、文章管理等主要模块。学员学习该项目，能够锻炼对 Vue 完整技术栈的运用。同时该项目还涵盖了 token 身份认证、Vue 组件库、文件上传、富文本编辑器等前端技术解决方案，适合刚入手 Vue 框架、希望通过项目开发来巩固 Vue 基础的前端开发者学习。

可掌握的核心能力

1、熟练掌握 element-ui组件库的运用
2、掌握 axios 以及拦截器的应用
3、掌握 Vuex 管理全局状态的技术解决方案
4、熟练使用 vue-router 管理组件的切换展示
5、掌握 element-ui 中如何自定义表单的校验规则
6、锻炼 Vue 基础技术点的实际项目中的应用
7、掌握文件上传和富文本编辑器在 Vue 项目中的应用

主讲内容

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、拥有Vuejs相关的技术要点及配套的插件，解决方案深度使用能力

主讲内容

vue3.0 框架｜vue-cli 项目脚手架｜vue-router 路由｜vuex 状态管理｜vuex-persistedstate 状态持久化｜less 预处理器｜style-resoures-loader 样式资源加载器｜normalize.css 样式库｜@vueuse/core 组合API工具库｜power set 算法库｜dayjs 日期库｜vue-infinite-loading 滚动加载｜vee-validate 表单校验｜mockjs 本地数据模拟｜soket.io 即时通讯｜ 封装 UI 组件库：carousel 组件，more 组件，bread 组件，skeleton 组件，checkbox 组件，radio 组件，select 组件，dialog 组件，message 组件，confirm 组件，pagination 组件，steps 组件，timeline 组件，tabs 组件，loading 组件，city 组件，v-lazy 指令｜ 核心业务：数据懒加载，图片懒加载，骨架屏效果，无限列表，sku 规格选择，云端购物车 & 本地购物车，微信支付 & 支付宝支付，商品类目，订单管理

项目介绍

Vue3.0小兔鲜儿电商是对标网易严选的综合品类的网上商城项目，现在除了顶级的一些电商平台之外，越来越多的企业都会做自己的垂直领域的商城，如小米商城、华为商城等，市场空间巨大，人才较为紧缺。本项目涵盖了电商的核心业务，首页加载优化，SKU规格处理，本地线上购物车，第三方登录，第三方支付，订单管理。致力于交付学员完整的电商业务解决方案，以及Vue3.0组合API的最佳实践，基于Vue3.0的组件库封装，让学员成为具备电商业务能力的站在技术前沿的高级前端开发工程师。

可掌握的核心能力

1、前沿技术还原主流电商业务方案
2、掌握Vue3.0 Composition API实践能力，站在技术前沿
3、掌握第三方登录，第三方支付的业务能力，轻松对接第三方平台
4、掌握sku，购物车，订单管理等电商业务，轻松上手电商开发

主讲内容

请求模块化 | 请求工具拦截 | scss 样式 | 布局组件 | Redux状态管理 | create-react-app | 反向代理 | ant-design | 表单校验 | Auth Route | token 认证 | token 失效控制 | history 路由 | 打包性能优化 | CDN 加速 | 组件封装 | react-quill | craco自定义脚手架配置

项目介绍

「极客园」对标“CSDN”、“博客园”等竞品，致力成为更加贴近年轻 IT 从业者（学员）的科技资讯类应用。 本项目是个人自媒体管理端，涵盖了后台管理系统的核心业务，基于react技术栈（react hooks + redux + react-router）实现了登录功能，首页展示，文章管理与发布，图片上传等功能，让学员熟练掌握react核心技术栈的开发项目的能力。

可掌握的核心能力

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

主讲内容

react+hooks+redux+typescript+router全家桶 | 移动端项目搭建 | ant-mobile-v5 | vw 适配方案 | Token 过期处理 | 动态编辑 | 上拉加载 | 下拉刷新 | 评论与回复 | 搜索功能 | DayJS | 数据持久化 | 图片懒加载 | 组件定制 | 组件封装 | 性能优化 | 移动端1px像素 | Icon处理 | 表单验证 | 倒计时 | 拦截器 | 权限组件封装 | 缓存组件封装 | websocket | 防抖与节流 | 关键字高亮 | 吸顶组件 | keep-alive | CDN优化 ｜ahooks｜lodash

项目介绍

极客园H5项目是新闻资讯类产品，包括首页文章列表上拉加载与刷新，频道管理，本地线上频道管理，文章搜索，文章评论与回复，组件缓存，token过期与刷新处理，用户权限拦截，个人信息修改解决方案。整个项目基于typescript开发，让学员熟练掌握当前最流行的typescript + react技术栈开发项目的能力。

可掌握的核心能力

熟练掌握typescript + react技术栈 + antd-mobile组件库开发H5移动端新闻资讯类项目的技术能力。

主讲内容

1、uni-app跨平台开发框架
2、组件封装及通信
3、微信支付/登录
4、状态管理

项目介绍

黑马优购是一个经典的电商类小程序项目，包括商品、用户、购物车、订单等核心功能模块，采用 uni-app 框架做为跨平台小程序开发方案，并综合运用了原生小程序的组件化、模块化、网络请求、本地存储、微信登录、微信支付等技术，不仅能够培养学员的实践能力，还可以为就业提供有利的支撑。

可掌握的核心能力

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