价值658元的前端进阶:响应式开发与常用框架

2018年11月3日09:51:59 发表评论

视频介绍

  • Web前端攻城狮培养计划。响应式开发与常用框架

课程大纲

  • 步骤1: 走进HTML5 本阶段带领大家认识HTML的最新版本HTML5,主要包括HTML5的标签变化、属性变化、音视频、以及表单验证。让你对HTML5有一个新的认识。
    • 第1课 HTML5标签变化 HTML5文档类型如何定义,有哪些标签,以及如何使用,从整体认识HTML5
    • 第2课 HTML5网页布局 传统布局与HTML5网页布局的区别和意义,通过案例讲解如何使用HTML5搭建网页
    • 第3课 HTML5属性变化 了解这些属性带来的好处,加深对标签的认识,将提高以后的开发效率
    • 第4课 HTML5音视频 本课程带领大家学习HTML5新增的音频和视频功能,实现视频、视频播放
    • 第5课 项目:HTML5表单验证 本课程讲解HTML5中新增的表单验证功能,使用属性的设置实现表单验证
    • 第6课 HTML5基础测试 本课为考评,满分100学分,共20道题,限时30分钟
  • 步骤2: CSS3详解 本阶段主要带领大家走进CSS3的世界,主要包括CSS3的选择器、边框、圆角、背景、渐变、文本、字体、转换、过渡、动画、多列布局以及用户界面,让你对CSS3有个全面的了解。
    • 第1课 CSS3选择器 详细讲解CSS3的变化,新的概念和理念,及其CSS3新增加的选择器
    • 第2课 CSS3边框与圆角 带来神奇的圆角边框、阴影框及其图片边框等,非常具有实用价值的新属性
    • 第3课 CSS3背景与渐变 同样神奇的背景控制属性,以及如何使用颜色过渡实现漂亮的渐变效果
    • 第4课 CSS3文本与字体 CSS3中还新增的对文本和字体的设置,我们一起来学习一下吧。
    • 第5课 CSS3转换 深入讲解元素如何扭曲、移位或旋转,让我们可以更自由得装饰和变形HTML组件
    • 第6课 CSS3过渡 一起探索如何通过CSS3属性值的变化实现动画效果,如何触发这些动画产生交互
    • 第7课 CSS3动画 使用animation属性,实现以往要用Flash等动画软件才能完成的炫酷效果
    • 第8课 CSS3多列布局 课程讲解列宽、元素划分列数、列之间的间隔、列样式和颜色、横跨列、填充列等
    • 第9课 CSS3用户界面 本课程讲解户界面特性,包括重设元素尺寸、盒尺寸、轮廓等如何来进行应用。
    • 第10课 项目:CSS3实现汉克狗 本课程讲解如何运用css3的样式和动画知识绘制卡通汉克狗。
    • 第11课 CSS3 测试 本课为考评,满分100学分,共20道题,限时30分钟
  • 步骤3: 移动基础与响应式 移动端需要适配不同的设备,本阶段主要带领大家走进移动端,包括移动基础视口、弹性盒布局、响应式布局、以及布局案例等课程,为移动端开发打下坚实的基础。
    • 第1课 移动基础 本课程讲解移动端的基础、度量单位、浏览器等知识,对移动端开发有一个初步的了解。
    • 第2课 flex弹性布局 本课程讲解移动端的flex布局以及伸缩容器和项目的属性学习,实现弹性布局页面。
    • 第3课 响应式布局 本课程讲解移动端响应式布局的实现,当屏幕到达一定的宽度的时候会有不一样的布局。
    • 第4课 项目:移动端课程列表页 本课程讲解移动端界面,通过代码、布局分析讲解及弹性布局的使用,了解移动端开发。
    • 第5课 移动基础与响应式测试 本课为考评,满分100学分,共20道题,限时30分钟
  • 步骤4: Bootstrap详解 本阶段我们主要来学习Bootstrap的内容,首先会把Bootstrap的基础知识讲解一下,从下载配置到组件的应用,然后再通过一个案例来为大家综合讲解它的使用技巧。带你层层揭秘Bootstrap的神奇之处。
    • 第1课 bootstrap栅格布局 本课程讲解bootstrap栅格布局,以及如何使用栅格布局完成响应式页面
    • 第2课 bootstrap模块分类及排版布局 本课程讲解模块分类、排版布局、对表单、表格、按钮、图像和文本进行样式设置。
    • 第3课 bootstrap常用组件 本节课讲解组件和插件,可复用的组件和插件能提高开发效率及增加页面的用户体验。
    • 第4课 项目:实现企业网站首页 本课程运用bootstrap实现一个网页的布局,体验项目的开发流程以及技巧。
    • 第5课 bootstrap测试 本课为考评,满分100学分,共20道题,限时30分钟
  • 步骤5: Less即学即用 本阶段带领大家一起来学习Less的内容,首先会从基础的用法讲解,然后还会有实战的应用,对less做一个全面透彻的学习,运用到实处才能真正理解。
    • 第1课 less基础 本课程讲解less的变量,Mixin,运算,函数等,用更少的代码做更多的事情!
    • 第2课 项目:实现商品列表页 本课程带领大家完成一个用less做的网页,把知识点运用到项目中去。
    • 第3课 less测试 本课为考评,满分100学分,共20道题,限时30分钟

赠送多终端加速播放软件(PC/Android/IOS)

试听地址

资源大小

  • 13.89G

加速播放方法

  • 使用赠送的加速播放软件即可1到2.5倍速度播放本视频教程,加快学习速度

视频截图

 

资源下载

隐藏内容:******,购买后可见!

下载价格:65.8 元

您需要先后,才能购买资源

如发现资源链接失效,请留言或与站长联系。 联系QQ:305646985 微信:fengyun88996

  • 扫一扫加我的微信
  • weinxin
  • 扫一扫关注公众号
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: