黑马博学谷前端与移动开发年度钻石会员版
课程介绍:
本课程适合零基础的学生学习,课程内容全面系统,贯通前后端,课程设计循序渐进,从前端核心技术基础(HTML+CSS+JavaScript)、响应式开发、移动端开发、后端开发、前端主流和流行框架以及配套实战项目等,非常适合没有基础的学员从零开始学习。
学完收获:
熟练掌握前端开发HTML、CSS、JavaScript等核心技术
熟练使用面向对象思想进行编程,掌握应对业务编程的能力
熟练掌握前后端分工开发流程、原生 Ajax 请求流程与细节,掌握常见跨域技巧
能够基于jQuery相关 API 熟练开发网页功能
熟练运用bootstrap和CSS3媒体查询、rem等开发响应式网页
熟练掌握模块化编程方式,熟练使用 Node.js和Express框架对MySQL 数据库进行增删改查操作
熟练掌握artTemplate模板引擎的应用
熟练掌握基于cookie、session、token的持久化和身份验证
熟练掌握前后端分离开发模式
熟练掌握 Webpack 项目打包配置流程
熟练掌握Vue2.0、Vue3.0、React前端流行开发框架
熟练掌握微信小程序项目开发
黑马博学谷前端与移动开发年度钻石会员版
课程目录:
HTML
HTML 是网页开发的基础,从最简单的网页开发基础入手,使用常见的标签制作网页内容,包含了以下技术点:
标签语法 | 排版标签 | 布局标签 | 多媒体标签 | 符号实体 | 语义化 | 路径 | 元数据 | 文档声明
CSS
在 HTML 结构的基础上,通过浮动、定位、Flex 精细控制网页布局,通过背景、圆角、阴影、渐变等美装饰美化网页内容,结合转换、过渡、动画高级特性增强用户体验,能够编写大型综合性网页。
选择器 | 规则声明 | 盒模型 | 文档流 | 浮动 | 字体 | 背景 | 伪类 | 3大特征 | 圆角 | 限影 | 过渡 | 透明 | 伪元素 | 定位 | Web 字体
【项目】电商网页制作
基于设计稿编写网页,确保网页布局的高还原度,综合运用 HTML、CSS 的基础知识,归纳使用技巧,提升综合实战水平,借助蓝湖协同平台,体验真实团队开发流程。
元素居中 | 自适应布局 | BFC | 浏览器内核 | 性能优化 | 文档编码 | 设计稿 | PxCook
阶段二 移动Web网页开发
2D&3D 转换与动画
基于 CSS 的 2D 与 3D 转换特性制作动效网页
2D 转换 | 3D 转换 | 动画 animation | 立方体制作
移动端布局
深入理解屏幕相关知识,了解 PC 屏幕与移动屏幕本质上的差异,结合视口、媒体查询、rem 等基础知识整合出稳定高效的移动屏幕适配方案。
Flex布局 | Less基础语法 | 媒体查询 | 分辨率 | 像素密度 | 像素 | 视口 | 媒体查询 | rem | 屏幕适配
响应式布局
基于媒体查询开发跨终端的网页,通过 Bootstrap 体会框架封装的高效性及组件化的复用性等实战化特征。
Bootstrap | 响应断点 | 栅格化 | 组件
JavaScript高级/ES6+
深入理解 ECMAScript 的知识体系及工作机制,熟悉 ES6+ 新的语法特性,注重抽象思维的培养,具备面向对象编程的的能力。
字面量 | 构造函数 | 单体对象 | 面向对象 | 原型 | class | getter | setter | 柯里化 | 解构 | 箭头函数 | Object | Array | const | 严格模式 | 闭包
jQuery
借助 jQuery 提升开发的效率,同时借鉴和学习 jQuery 的封装实现思想,巩固面向对象的相关知识,加深对面象对象的理解。
选择器 | 节点方法 | 动画 | 动画队列 | 事件 | 事件委托 | 链式操作 | 插件 | 插件机制
【项目】 基于ECharts数据可视化项目
综合 JavaScript、HTML、CSS 所学的知识,针对企业现实开发需求,基于 ECharts 数据可视化插件归纳数据可视化领域解决方案,提升知识综合运用水平。
Flex / 媒体查询 / 点九图 / ECharts / jQuery
阶段四 前后端交互(Node与Ajax)
Ajax
系统的学习网页数据交互的 Ajax 技术,建立前后端交互的知识体系,为学生夯实网络编程的基础,为后期高级课程的学习做好铺垫。
客户端与服务器 | URL 地址 | jQuery 中的 Ajax | 接口 | form 表单提交 | 模板引擎 | XMLHttpRequest | XHR Level2 | 数据交换格式 | 封装 ajax | 文件上传 | axios 基本使用 | 跨域 | 防抖节流 | HTTP 协议
Git
关于版本控制、Git基础概念、安装并配置Git、Git的基本操作、开源相关的概念、github、分支
Node基础
node介绍和环境安装、node-fs模块、node-path模块、【案例】node-时钟案例、node-http模块、node-服务器概念、node-创建基本web服务器、node-根据不同的url响应不同的html内容、【案例】node-时钟web服务器案例、node-模块化npm
掌握 npm 的使用,能够在实际开发中利用 npm 上的资源提高自己的开发效率,根据项目需求下载并安装合适的包。同时也能够根据遵守规范的包结构开发出属于自己的包并发布到 npm。
包的概念 | 包的安装与使用 | 包管理配置文件 | nrm | 全局包 | 规范的包结构 | 发布包 | nodemon表达
掌握如何使用 Express 结合 MySQL 编写后端 API 接口项目,为学生构建完整的前后端知识体系,培养出懂后端的前端程序员,提升学生的职场竞争力,迈出从前端程序员进阶到全栈程序员关键的一步。
创建 Express 服务器 | 托管静态资源 | 路由 | 中间件 | 自定义中间件 | 实现 GET 接口 | 实现 POST 接口 | 实现 JSONP 接口 | 实现 CORS 接口 | Web 开发模式 | 身份认证 | session | jwt
MySQL数据库
了解后端数据库的基本使用,能够使用常见的 SQL 语句操作数据库,并且能够使用 MySQL 模块在项目中操作 MySQL 数据库,为实现从前端程序员进阶到全栈程序员做准备。
数据库的基本概念 | 安装并配置 MySQL | MySQL Workbench | SQL 语句 | mysql 模块身份认证
web开发模式、身份认证+session、jwt
【项目】大事件后台管理项目
基于 jQuery + Ajax + 模板引擎 + Git 等技术,完成综合性的后台管理项目开发,巩固前面课程所学的技术点,积累项目开发经验,提升综合解决问题的能力。
登录 | 注册 | Token 身份认证 | 后台主页 | 基本资料 | 重置密码 | 更换头像 | 文字类别管理 | 文章列表管理 | 分页 | 文章管理
阶段五 Vue.js项目实战开发
网页包
掌握 ES6 模块化的基本使用,熟悉异步编程的高级用法。同时建立前端工程化的开发思想,为工程化项目中脚手架的使用做基础铺垫。
ES6 模块化 | Promise | async/await | EventLoop | 宏任务&微任务 | 前端工程化 | build 过程 | 入口 | 出口 | 加载器 | 插件 | 热更新 | 打包发布 | SourceMap
Vue基础
掌握 Vue3.x 中常用指令及 API 的使用,使用 Vue 语法对常见页面进行开发,了解组件化的开发思想,掌握路由的使用,熟悉组件之间实现数据共享的方式,知道 ElementUI 的基本使用,掌握组件封装的原理,熟悉脚手架工具的使用,了解数据驱动视图的思想。
MVMV | SPA | Vue 调试工具 | 指令 | 模板 | 选项 | 生命周期 | Vite | 样式穿透 | 样式绑定 | 插槽 | 跨域接口代理 | 组件化 | 自定义指令 | ref | 动态组件 | $nextTick | 自定义事件 | 计算属性 | 侦听器 | 组件库 Element | 组件封装 | 组件通信 | 路由 | 导航守卫 | vue-cli | 工程化基础 | axios | interceptors | 经典案例实战
【项目】社交媒体-黑马头条项目
运用 Vue 的基本语法开发移动端网站,熟悉组件封装的技巧,掌握 Vant 的使用,了解项目业务的开发思路,了解节流和防抖的应用场景。
移动端项目搭建 | Vant | REM 适配方案 | Token 过期处理 | 动态编辑 | 上拉加载 | 下拉刷新 | 评论与回复 | 搜索功能 | DayJS | 数据持久化 | 图片预览 | 头像裁切 | 组件定制 | 组件封装 | 性能优化
【项目】HR-saas中台管理项目
深度使用 Vue 相关的技术,包括 Vue.js(MVVM 框架)、Vuex(状态共享)、Vue-Router(路由表)、Vue-CLI(Vue 脚手架)、ElementUI(VueUI 框架)开发人力资源管理平台,对人力资源各种常见的业务使用以上技术进行实现。展示常见的路由权限拦截、Token 角色认证、动态路由解析、重置、权限点设置、审批流程、PDF 打印、Excel 导入导出、跨域反向代理等业务,掌握 Vue 开发复杂 PC 管理项目的使用,掌握 Vuex 在 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 上传第三方云服务器 | 二维码 qrcode | 打包性能分析 | CDN 加速的实践应用 | 组件封装 | 业务组件封装
【项目】Vue3.0小兔鲜儿电商项目
基于 vue3.0 的组合 AP I方式与选项 API 的方式开发的一个综合品类的电商前台系统。 实现了一套完整的电商业务流程,从首页,类目,搜索,品牌,商品详情,购物车,结算,支付,个人中心,订单管理,收货地址管理,评价中心,和其他个人信息管理业务。
核心技术: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 规格选择,云端购物车 & 本地购物车,微信支付 & 支付宝支付,商品类目,订单管理。
Vue原理
理解 MVVM 模式的实现原理,了解 defineProperty 的使用,了解 Proxy 的使用,掌握组件封装的原理。
发布订阅模式 | compile | observer | watcher | Object.property | Proxy | 组件开发 | 组件通信 | slot | render
微信小程序基础
了解小程序开发的一般流程序,熟悉小程基础组件的使用,能够基于 wxml 和 wxss 实现小程序的界面布局,基于模板的数据绑定实现数据的动态渲染,基于 API 实现与服务端的数据通信,以及熟悉其它高级 API 的使用。
账号申请 | 开发工具 | 工程目录 | 项目配置 | 屏幕适配 | 资源托管 | 字体图标 | 数据绑定 | 事件处理 | 生命周期 | 场景值 | 模块化 | 网络请求 | 路由 | WXS | 模板 | 组件 | UI 框架 | 表单 | Promise单应用
理解 uni-app 实现跨平台开发的原理机制,理清单文件组件与原生小程序组件的对应关系,以及 uni-app 开发小程序时开发时与原生小程序的差异。
脚手架 | 项目配置 | 单文件组件 | 生命周期 | 条件编译 | 计算属性 | 跨平台支持 | less | sass | 组件通信
【项目】黑马优购电商项目
基于真实需求综合运用小程序开发的相关知识,突出小程序 API 的真实应用场景,强化和巩固小程序开发的相关知识,提升综合解决问题的能力。
客户消息 | 微信支付 | 微信地址 | 小程序转发 | 区域滚动 | 上拉加载 | 下拉刷新 | 数据缓存 | 用户信息 | 自定义组件 | 微信登录 | 意见反馈 | 上线发布
React基础
React基本使用、JSX语法、React组件基础、React组件进阶、React原理及优化、React路由
【项目】好客租房项目
项目介绍和初始化、项目首页布局+功能实现、百度地图API使用、城市选择和渲染、顶部导航组件封装、CSS Modules、地图找房功能实现、FilterTitle、FilterPicker、FilterMore组件实现、房源筛选及房屋详情功能、用户登录功能实现、房源收藏功能实现、发布房源和搜索房源功能实现、项目打包及项目优化
黑马博学谷前端与移动开发年度钻石会员版
资源下载:
- VIP用户免C币下载,下载前请阅读上方文件目录,下载链接为阿里云盘,如链接失效,可评论告知。