所向披靡的响应式开拓

第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章 课程大功课
按照讲师所讲常识,独立做出与课程相似的响应式页面。


内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wsdpdz.html