扫码下载「CSDN程序员学院APP」,1000+技术好课免费看
APP订阅课程,领取优惠,最少立减5元 ↓↓↓
订阅后:请点击此处观看视频课程
视频教程-19年录制HTML5CSS3视频教程前端开发教程flex布局项目实战-其他
学习有效期:永久观看
学习时长:483分钟
学习计划:9天
难度:低
「口碑讲师带队学习,让你的问题不过夜」
讲师姓名:张颜源
开发组长/高级工程师/技术专家
讲师介绍:7年的开发架构经验,曾就职于国内一线互联网公司,开发工程师,现在是某创业公司技术负责人, 擅长语言有node/java/python,专注于服务端研发,人工智能相关领域, 熟悉分布式高可用系统的架构,大数据处理,微信开放平台支付等业务
☛点击立即跟老师学习☚
「你将学到什么?」
详细讲解HTML5CSS3新增特性,web本地储存、canvas绘图、结构元素、精灵图片使用
边框盒阴影、第三方字体引入、CSS3动画及过渡特效、flex弹性布局,仿美团首页项目实战
课程版本:这是一套讲解HTML5及CSS3新增特性的视频教程,2019年7月份录制完成,本套课程分为7章38节。
核心内容
1.讲解HTML5及CSS3新增特性
2.web本地储存以及三大存储方式的区别
3.如何使用精灵图片以及css3特效
4.分析flex布局的六大容器属性和六大项目属性
5.详细讲解flex布局搭配项目实战
6.HTML5CSS3的一些常见面试题
「课程学习目录」
第1章:HTML5+CSS3课程介绍 |
1. 新一代HTML5+CSS3课程介绍及学后水平分析 |
第2章:轻松玩转HTML5 |
1. 什么是HTML5?HTML4与HTML5有什么区别? |
2.HTML5常用的语义化和结构元素 |
3.HTML5图形绘画标签canvas |
4.HTML5矢量图形SVG |
5.HTML5媒体播放常用标签 |
6.HTML5新增input类型 |
7.HTML5常用的表单属性 |
8. HTML5必备知识点Web本地储存 |
第3章:CSS3新特性及核心知识 |
1.CSS3新增选择器(一) |
2.CSS3新增选择器(二) |
3.CSS3新增选择器(三) |
4.CSS3新增的用户界面属性 |
5.CSS3常用的样式属性边框与盒阴影 |
6.CSS3背景新特性及精灵图片的使用 |
7.详细讲解CSS3渐变背景 |
8.CSS3文本效果及特殊字体引入 |
9.讲解CSS3的多列布局 |
10.设备兼容必备知识多媒体查询 |
第4章:体验CSS3特效的乐趣 |
1.深度讲解2D转换动画效果 |
2.深度讲解3D转换动画效果 |
3.讲解CSS3过渡实用技巧 |
4.解锁CSS3动画特效技能 |
第5章:css3 flex弹性布局-容器属性 |
1.了解前端核心知识点flex弹性布局 |
2.讲解flex布局容器六大属性之flex-direction |
3.讲解flex布局容器六大属性之flex-wrap和flex-flow |
4.讲解flex布局容器六大属性之justify-content |
5.讲解flex布局容器六大属性之align-items |
6.讲解flex布局容器六大属性之align-content |
第6章:css3 flex弹性布局-项目属性 |
1. 讲解flex布局项目六大属性之order和flex-grow |
2.讲解flex布局项目六大属性之flex-shrink |
3.讲解flex布局项目六大属性之flex-basis和flex |
4.讲解flex布局项目六大属性之align-self |
第7章:综合实战案例及课程总结 |
1.HTML5+CSS3项目实战(一) |
2.HTML5+CSS3项目实战(二) |
3.HTML5+CSS3项目实战(三) |
4. HTML5+CSS3项目实战(四) |
5.课程总结及常见面试题 |
「7项超值权益,保障学习质量」
- 大咖讲解
技术专家系统讲解传授编程思路与实战。
- 答疑服务
专属社群随时沟通与讲师答疑,扫清学习障碍,自学编程不再难。
- 课程资料+课件
超实用资料,覆盖核心知识,关键编程技能,方便练习巩固。(部分讲师考虑到版权问题,暂未上传附件,敬请谅解)
- 常用开发实战
企业常见开发实战案例,带你掌握Python在工作中的不同运用场景。
- 大牛技术大会视频
2019Python开发者大会视频免费观看,送你一个近距离感受互联网大佬的机会。
- APP+PC随时随地学习
满足不同场景,开发编程语言系统学习需求,不受空间、地域限制。
「什么样的技术人适合学习?」
- 想进入互联网技术行业,但是面对多门编程语言不知如何选择,0基础的你
- 掌握开发、编程技术单一、冷门,迫切希望能够转型的你
- 想进入大厂,但是编程经验不够丰富,没有竞争力,程序员找工作难。
「悉心打造精品好课,9天学到大牛3年项目经验」
【完善的技术体系】
技术成长循序渐进,帮助用户轻松掌握
掌握其他知识,扎实编码能力
【清晰的课程脉络】
浓缩大牛多年经验,全方位构建出系统化的技术知识脉络,同时注重实战操作。
【仿佛在大厂实习般的课程设计】
课程内容全面提升技术能力,系统学习大厂技术方法论,可复用在日后工作中。
「你可以收获什么?」
学完这套课程后你可以掌握到HTML5和CSS3的新特性
以及如何去编写一个动画和过渡特效
同时还能学会如何使用flex弹性布局去开发一个响应式网页。