热点推荐

查看: 3643|回复: 29

[HTML5/CSS] 响应式开发一招致胜

[复制链接]

1377

主题

1493

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
35466
发表于 2018-4-4 06:07:30 | 显示全部楼层 |阅读模式
响应式开发一招致胜






  • 第1章 前期准备

    介绍了课程内容、背景和案例展示、什么是响应式网站、怎样分析设计图、响应式网站设计实践原则

  • 第2章 如何组织项目目录结构

    介绍了约定优于配置的思想,常见的项目目录和文件的组织方式,一些基本文件的作用等知识,为编码开始做准备。

  • 第3章 开始编写HTML代码

    根据设计图一步一步实现基本的HTML结构,介绍了文档类型、meta声明、IE条件表达式、html5新标签、语义化选择、大纲等知识。

  • 第4章 如何实现PC端的样式

    一步一步实现PC端的样式,介绍了CSS Resets和Normalize,相对单位和其中的一些坑,清除浮动的几种方式,块级格式化上下文(BFC),inline-block的空白问题,CSS Sprites,盒模型计算,自动前缀(autoprefixer)等知识。

  • 第5章 如何实现移动端的样式

    一步一步实现移动端的样式,介绍了Chrome的响应式调试工具,媒体查询中使用相对单位,CSS3选择器,CSS打印相关属性等知识。

  • 第6章 如何实现响应式广告及响应式图片

    一步一步实现响应式滚动广告,介绍了如何选择第三方组件,OwlCarousel2的使用等知识。介绍了响应式图片实现的几种方式,picture/srcset/size标签如何使用,svg原理和制作方式,polyfill原理,picturefill的使用,图片压缩等知识。

  • 第7章 Node.js简介

    介绍了Node.js的基本知识,同步异步编程方式的区别,包管理器NPM的使用,package.json如何配置,简单httpserver的使用等知识。

  • 第8章 如何处理兼容性及在多个设备上进行调试

    介绍了处理兼容性的主要技术,包含调试的方法,虚拟机的使用,CSS hacks,polyfill和shim,Modernizr,兼容性查询等知识。

  • 第9章 如何打包发布

    介绍了前端自动化的概念,grunt/gulp/webpack,如何使用Gulp进行自动化打包发布等知识。

  • 第10章 课程扩展1 -- 选择一个趁手的IDE

    选择一个趁手的IDE,WebStorm。介绍了使用框架的注意事项,Bootstrap、SemanticUI、Foundation、PureCSS等响应式框架的特点和优缺点等。

  • 第11章 课程扩展2 -- 聊聊原型设计和切图

    介绍了原型设计的概念和工具,Axure等工具的使用,如何切图,Photoshop的使用,Sketch的使用等知识。

  • 第12章 课程大作业

    根据讲师所讲知识,独立做出与课程相似的响应式页面。




下载地址回复可见:
游客,如果您要查看本帖隐藏内容请回复


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复

使用道具 举报

3

主题

296

帖子

979

积分

永久VIP会员

Rank: 3Rank: 3

积分
979
发表于 2018-4-4 09:04:06 | 显示全部楼层
感谢分享~~~
回复

使用道具 举报

2

主题

234

帖子

920

积分

永久VIP会员

Rank: 3Rank: 3

积分
920
发表于 2018-4-4 09:53:17 | 显示全部楼层
响应式开发一招致胜
回复

使用道具 举报

0

主题

230

帖子

795

积分

永久VIP会员

Rank: 3Rank: 3

积分
795
发表于 2018-4-4 10:27:23 | 显示全部楼层
响应式开发
回复

使用道具 举报

1

主题

407

帖子

1312

积分

永久VIP会员

Rank: 3Rank: 3

积分
1312
发表于 2018-4-4 12:43:16 | 显示全部楼层
我来看看啊
回复

使用道具 举报

1

主题

541

帖子

1403

积分

Lv1码农小白

Rank: 1

积分
1403
发表于 2018-4-4 13:59:38 | 显示全部楼层
必须学习下
回复

使用道具 举报

0

主题

47

帖子

323

积分

年度VIP会员

Rank: 2

积分
323
发表于 2018-5-22 22:47:06 | 显示全部楼层
响应式开发学习
回复

使用道具 举报

0

主题

44

帖子

212

积分

永久VIP会员

Rank: 3Rank: 3

积分
212
发表于 2018-6-5 22:13:02 | 显示全部楼层
11111111111111111
回复

使用道具 举报

0

主题

1

帖子

5

积分

Lv1码农小白

Rank: 1

积分
5
发表于 2018-6-19 17:47:59 | 显示全部楼层
感谢楼主,感谢楼主,感谢楼主
回复

使用道具 举报

0

主题

693

帖子

1745

积分

永久VIP会员

Rank: 3Rank: 3

积分
1745
发表于 2018-6-20 06:30:32 | 显示全部楼层
好东西!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐上一条 /1 下一条

快速回复 返回顶部 返回列表