响应式开发利用一套代码取得胜利

响应式开发一招致胜
忘记设备尺寸，一套适合多终端的代码，响应性开发将用户体验与开发效率完美结合
第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章 课程大作业
根据讲师的知识，独立制作类似课程的响应页面。

[我要扒资料]

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。