在线网课响应式开发利用代码一招制胜，优化代码实现高效开发
响应式开发利用一套代码取得胜利
响应式开发一招致胜
忘记设备尺寸，一套适合多终端的代码，响应性开发将用户体验与开发效率完美结合
第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章 课程大作业
根据讲师的知识，独立制作类似课程的响应页面。
附件
在线网课 响应式开发利用一套代码一招致胜
4.23 GB
百度云盘资源
百度云盘分享下载
下载文件
1.仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。我们非常重视版权问题，如有侵权请点击版权投诉。敬请谅解！
2.如遇下载链接失效、解压密码错误等问题请点击 提交工单
3.在下载源码前，请务必要仔细阅读并接受 购前/下载协议 购买即视为您同意该协议！
蓝星智库 » 在线网课 响应式开发利用一套代码一招致胜
