2019传智黑马前端

  • Web
    01-31 02:32
    Web
    2019传智黑马前端（8月新版）
    2019传智黑马前端（8月新版） 课程介绍： 2020年了，Web前端岗位发展成了互联网最重要的研发岗位之一，所以招聘要求也是水涨船高， CSS & HTML & JavaScript 三大件已经不能满足需求了，我们要学的更多，包括一些开发框架（jq、vue、react、node等）、常用工具和设计模式等。 课程目录: 阶段一 前端开发基础 1、了解常用浏览器和浏览器内核； 2、了解语义化的概念； 3、掌握 HTML 语法及使用技巧； 4、掌握 CSS 语法及使用技巧； 5、掌握 DIV+CSS 布局方式； 6、掌握常见网页布局模式； 7、掌握 HTML 常用标签； 8、掌握 Photoshop 切图； 9、能够熟练使用开发人员工具进行页面调试； 10、能够完成基本的动画效果、 11、能够根据PSD文件独立进行静态页面的开发工作 第一章: HTML【2019版】 1-1 浏览器与浏览器内核 1-2 HTML基本结构 1-3 HTML常用标签 1-4 路径和锚点定位 1-5 表格和列表标签及案例 1-6 表单元素和综合案例 第二章: CSS【2019版】 2-1 CSS介绍和CSS样式表 2-2 CSS基本选择器 2-3 font字体和案例 2-4 CSS外观样式及应用案例 2-5 CSS复合选择器 2-6 标签显示模式和案例 2-7 CSS背景及应用 2-8 CSS盒模型及应用案例 2-9 PS基本操作及应用案例 2-10 CSS三大特性 2-11 浮动及案例 2-12 清除浮动 2-13 PS常用操作及cutterman插件使用 2-14 学成网在线项目 2-15 CSS四种定位及淘宝轮播图案例 2-16 CSS精灵图及滑动门案例 第三章: 品优购电商项目【2019版】 3-1 品优购项目介绍及准备工作 3-2 品优购导航和轮播及推荐模块实现 3-3 品优购主体内容区域实现 3-4 品优购详情页和注册页面实现 阶段二 移动Web网页开发 1、掌握 HTML5 新布局标签、多媒体标签； 2、掌握 CSS3 2D、3D 变换、动画效果； 3、了解移动端屏幕、移动端浏览器、操作系统的不同； 4、掌握常用移动端调试方法； 5、掌握常用移动端适配方法； 6、掌握 CSS 预处理器 less 的使用； 7、掌握常用移动端框架使用方法； 8、掌握常见移动端页面开发； 9、掌握响应式布局开发； 10、掌握 Bootstrap 开发响应式页面； 11、掌握适配不同终端的网页开发技术选型； 第一章: H5C3进阶【2019版】 1-1 vscode编辑器基本使用 1-2 HTML5新增标签 1-3 CSS3新增选择器及案例 1-4 2D转换及相关案例实现 1-5 3D转换和旋转木马案例 第二章: Flex 伸缩布局【2019版】 2-1 移动端基础知识 2-2 移动端电商首页制作 2-3 Flex伸缩布局基础知识 2-4 移动端携程网首页制作 第三章: 移动web开发【2019版】 3-1 媒体查询 3-2 less介绍和使用 3-3 rem适配及原理 3-4 移动端苏宁首页制作和rem适配 3-5 响应式开发介绍 3-6 Bootstrap介绍和使用 3-7 阿里百秀响应式页面制作 阶段三 JavaScript网页编程 1、掌握 JavaScript 基本语法； 2、掌握常见 JavaScript 算法； 3、掌握 DOM 的各种操作； 4、熟练使用面向对象思想进行 DOM 编程； 5、掌握 JavaScript 的高级语法； 6、熟练使用 jQuery 操作 DOM； 7、熟练使用和编写 jQuery 插件； 8、掌握应对业务编程的能力； 9、掌握 JavaScript 常见兼容性方案。 第一章: JavaScript 基础语法【2019版】 1-1 计算机基础和Javascript介绍 1-2 Javascript变量 1-3 Javascript数据类型 1-4 Javascript操作符 1-5 Javascript流程控制及案例 1-6 javascript循环及案例 1-7 Javascript数组和冒泡排序 1-8 Javascript函数及应用 1-9 javascript作用域及预解析 1-10 javascript对象 1-11 javascript内置对象及案例 1-12 javascript简单类型和复杂类型 第二章: WebAPI编程【2019版】 2-1 API 和 Web API 2-2 DOM介绍 2-3 事件和样式操作及案例 2-4 百度换肤、表单全选案例 2-5 tab栏切换案例 2-6 节点操作及发布留言案例 2-7 动态创建表格案例 2-8 事件详解及案例 2-9 BOM介绍及应用 2-10 定时器和相关案例 2-11 this指向和js执行机制 2-12 location、navigator、history对象 2-13 offset、client、scroll三大家族介绍及案例应用 2-14 缓动画的原理和封装 2-15 网页轮播图实现 2-16 节流阀、返回顶部及筋斗云案例 2-17 移动端轮播图实现 2-18 移动端插件使用及轮播图的实现 2-19 HTML5本地存储及记住用户名案例 第三章: jQuery 快速开发【2019版】 3-1 jQuery介绍及常用API导读 3-2 jQuery选择器及案例 3-3 jQuery链式编程及样式操作 3-4 jQuery动画及王者荣耀手风琴案例 3-5 jQuery实现购物车案例 3-6 jQuery实现电梯导航案例 3-7 jQuery事件绑定和解绑 3-8 jQuery插件的使用 3-9 jQuery实现todolist案例 第四章: JavaScript 高级【2019版】 4-1 面向对形象编程介绍 4-2 类和对象 4-3 面向对象tab栏切换案例 4-4 构造函数和原型对象 4-5 forEach、some、filter方法及查询商品案例 4-6 Object.defineProperty方法 4-7 函数进阶 4-8 call、apply、bind的使用 4-9 闭包及应用 4-10 递归及应用 4-11 正则表达式及应用 4-12 ES6中的let和const 4-13 ES6解构赋值 4-14 ES6箭头函数 4-15 剩余参数和拓展运算符 4-16 Array实例方法 4-17 ES6模板字符串和set数据结构 阶段四 前后端交互 1、能够建立客户端服务器交互模型，熟悉网络通信相关概念； 2、能够使用 Node.js 进行 Web 服务端开发； 3、掌握 JavaScript 异步编程模型； 4、掌握 JavaScript 模块化编程方式； 5、能够使用 Node.js 操作 MySQL 数据库； 6、能够理解 HTTP 协议； 7、熟悉原生 Ajax 请求流程与细节，并掌握常见跨域技巧； 8、能够基于 jQuery 的 Ajax 相关 API 熟练开发常见的前端功能； 9、能够独立开发基于后台接口的动态网站、Ajax 数据交互的项目； 10、能够掌握源代码管理工具的使用； 11、能够独立完成企业网站从前台到后台的基本开发工作。 第一章: Node+Gulp【2019版】 1-1 node介绍和环境安装 1-2 node模块化 1-3 gulp使用 1-4 服务器和http协议 1-5 同步和异步 1-6 Promise 第二章: MongoDB+Express【2019版】 2-1 MongoDB数据库和数据库的增删改查 2-2 mongoose验证 2-3 【案例】用户信息的增删改查案例 2-4 art-template模板引擎使用 2-5 【案例】学生档案信息管理案例 2-6 Express框架 第三章: 黑马博客项目【2019版】 3-1 登录和注册功能 3-2 用户列表分页功能 3-3 用户信息修改功能 3-4 文件上传和图片预览功能 3-5 文章添加和第三方模块实现分页功能 3-6 开发环境与生产环境 3-7 博客首页数据渲染 3-8 详情页和评论功能 第四章: Ajax【2019版】 4-1 Ajax基础知识 4-2 Ajax函数封装 4-3 【案例】文件上传和图片即时预览 4-4 同源策略 4-5 JSONP 4-6 【案例】腾讯天气信息案例 4-7 CORS 4-8 jQuery中Aajx方法的使用 4-9 【案例】todo案例 4-10 Ajax补充内容 第五章: Git和GitHub【2019版】 5-1 git配置和使用 5-2 github及多人协作开发 5-3 git补充内容 第六章: 阿里百秀项目【2019版】 6-1 模版引擎基本使用 6-2 阿里百秀介绍和项目搭建 6-3 登录和退出功能 6-4 用户信息的增删改查功能 6-5 文章信息的增删改查功能 6-6 评论功能01 6-7 网站首页首页渲染 6-8 评论功能02 阶段五 Vue.js项目实战开发 1、能够掌握使用Vue技术栈进行项目开发 2、能够掌握Webpack项目构建配置流程； 3、能够熟练掌握Element-UI组件库的使用 4、能够熟练掌握前后端分离开发模式； 5、能够掌握常见网站业务模块开发； 6、掌握使用echarts进行大数据可视化交互开发； 7、能够掌握Web项目的部署与发布模式； 第一章: Vue基础【2019版】 1-1 Vue指令及案例 1-2 图书管理综合案例 1-3 Vue组件 1-4 购物车案例 1-5 Promise 1-6 Fetch 1-7 axios 1-8 基于后台接口的图书管理案例 1-9 vue路由 1-10 路由案例 第二章: webpack【2019版】 2-1 前端工程化和模块化 2-2 webpack 第三章: Vue-cli3和Element-UI【2019版】 3-1 Vue-cli3（Vue脚手架） 3-2 Element-UI组件库 第四章: Vue电商后台管理系统【2019版】 4-1 项目初始化 4-2 登录和退出功能 4-3 主页布局和功能实现 4-4 用户列表布局和功能实现 4-5 用户添加、修改、删除功能 4-6 权限列表 4-7 角色列表 4-8 分配权限、角色 4-9 商品分类 4-10 分类参数 4-11 商品列表 4-12 商品添加 4-13 订单列表 4-14 Echarts数据统计 4-15 项目优化 4-16 项目部署上线 第五章: Vuex【2019版】 5-1 Vuex基础 5-2 基于Vuex的todos案例 阶段六 1、掌握vue和wepack及相关UI框架的使用 2、掌握微信小程序的基本使用及逻辑层和视图层的传值 3、熟练使用React和ReactNative的基本使用 4、熟练使用Angular和TypeScript的基本使用 阶段七 拓展课程 拓展课程包括： 1、微信小程序及项目 2、React和ReacNative及项目 3、Angular5及项目 4、全栈式在线教育项目 第一章: 微信小程序 1-1 微信小程序介绍 1-2 微信小程序应用配置介绍 1-3 逻辑层与界面层分离架构 1-4 微信小程序组件的介绍和应用 1-5 Music伸缩布局案例 1-6 页面间的跳转和传值 1-7 微信小程序TODOS案例 1-8 微信小程序本地生活项目 第二章: React 2-1 移动App的介绍 2-2 移动App开发环境搭建 2-3 webpack回顾及功能演示 2-4 React介绍 2-5 React核心概念 2-6 JSX语法介绍和使用 2-7 渲染评论列表案例 2-8 React组件介绍和使用 2-9 React路由介绍和使用 2-10 React电影项目 第三章: ReactNative电影项目 3-1 项目展示和配置 3-2 Tab栏效果 3-3 首页效果 3-4 ReactNative路由配置 3-5 电影列表和详情页效果 3-6 ReactNative电影项目发布 第四章: Angular5 4-1 Angular介绍 4-2 TypeScript介绍和使用 4-3 ToDoMVC案例 4-4 Angular5通讯录项目 第五章: 全栈式在线教育后台管理项目 5-1 SVN介绍和使用 5-2 git和github介绍和应用 5-3 ES6语法介绍和使用 5-4 在线教育系统项目初始化 5-5 Express中间件使用 5-6 Nunjucks模板引擎 5-7 nvm、nrm、yarn介绍 5-8 MongoDB和mongoose介绍和应用 5-9 全栈式在线教育项目业务逻辑实现
    • 572