dmz社区

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 16487|回复: 151

[@] 响应式开发一招致胜

  [复制链接]
  • TA的每日心情
    慵懒
    2021-10-21 17:36
  • 签到天数: 18 天

    [LV.4]偶尔看看III

    6

    主题

    3589

    帖子

    202

    积分

    终身会员[A]

    Rank: 7Rank: 7Rank: 7

    积分
    202

    发表于 2019-1-20 16:00:01 | 显示全部楼层 |阅读模式
    程序人生
    课程方向: 网页前端 
    课程类型: 功能实现 

    本站资源全部免费,回复即可查看下载地址!

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

    x
    5902a84b0001b54f05400300-360-202.jpg

    第1章 前期准备
    介绍了课程内容、背景和案例展示、什么是响应式网站、怎样分析设计图、响应式网站设计实践原则
    1-1 课程安排 试看
    1-2 课程简介
    1-3 响应式网站设计的概念 试看
    1-4 响应式网站的优点 试看
    1-5 浏览器一览
    1-6 媒体查询-1
    1-7 媒体查询-2
    1-8 媒体查询-3
    1-9 怎样分析设计图
    1-10 响应式网站设计实践原则

    第2章 如何组织项目目录结构
    介绍了约定优于配置的思想,常见的项目目录和文件的组织方式,一些基本文件的作用等知识,为编码开始做准备。
    2-1 简述
    2-2 文件夹的组织
    2-3 有用的文件1(robots.txt、favicon.ico、humans.txt)
    2-4 有用的文件2(.editorconfig、gitignore)
    2-5 有用的文件3(LICENSE.txt、README.md、CHANGELOG.md)
    2-6 有用的文件4(markdown)

    第3章 开始编写HTML代码
    根据设计图一步一步实现基本的HTML结构,介绍了文档类型、meta声明、IE条件表达式、html5新标签、语义化选择、大纲等知识。
    3-1 开始
    3-2 header部分及HTML5新增标签简介
    3-3 footer部分
    3-4 主要内容1
    3-5 主要内容2
    3-6 主要内容3
    3-7 课程作业01

    第4章 如何实现PC端的样式
    一步一步实现PC端的样式,介绍了CSS Resets和Normalize,相对单位和其中的一些坑,清除浮动的几种方式,块级格式化上下文(BFC),inline-block的空白问题,CSS Sprites,盒模型计算,自动前缀(autoprefixer)等知识。
    4-1 CSS Resets
    4-2 px,em,rem
    4-3 清除浮动1
    4-4 清除浮动2
    4-5 页眉页脚样式
    4-6 主要内容样式1
    4-7 主要内容样式2

    第5章 如何实现移动端的样式
    一步一步实现移动端的样式,介绍了Chrome的响应式调试工具,媒体查询中使用相对单位,CSS3选择器,CSS打印相关属性等知识。
    5-1 响应式布局调试工具
    5-2 如何选择媒体查询单位1
    5-3 如何实现移动端的样式-如何选择媒体查询单位2
    5-4 CSS3选择器1
    5-5 CSS3选择器2
    5-6 样式书写1
    5-7 样式书写2(平台特点、最新公告、产品版块)
    5-8 样式书写3(底部导航及简述表格处理方式)
    5-9 打印样式
    5-10 课程作业02

    第6章 如何实现响应式广告及响应式图片
    一步一步实现响应式滚动广告,介绍了如何选择第三方组件,OwlCarousel2的使用等知识。介绍了响应式图片实现的几种方式,picture/srcset/size标签如何使用,svg原理和制作方式,polyfill原理,picturefill的使用,图片压缩等知识。
    6-1 如何实现响应式广告-1
    6-2 如何实现响应式广告-2
    6-3 如何实现响应式广告-3
    6-4 如何实现响应式图片-概述1(JS或服务端实现)
    6-5 如何实现响应式图片-概述2(srcset 方法)
    6-6 如何实现响应式图片-sizes(sizes 解决 srcset坑)
    6-7 如何实现响应式图片-picture标签
    6-8 如何实现响应式图片-svg
    6-9 如何实现响应式图片-响应式广告具体实现
    6-10 作业03

    第7章 Node.js简介
    介绍了Node.js的基本知识,同步异步编程方式的区别,包管理器NPM的使用,package.json如何配置,简单httpserver的使用等知识。
    7-1 Node.js简介-1(Nodejs)
    7-2 Node.js简介-2(npm 使用上)
    7-3 Node.js简介-3(npm 使用下)
    7-4 Node.js简介-4 (nodejs 启动 server 服务)

    第8章 如何处理兼容性及在多个设备上进行调试
    介绍了处理兼容性的主要技术,包含调试的方法,虚拟机的使用,CSS hacks,polyfill和shim,Modernizr,兼容性查询等知识。
    8-1 如何处理兼容性-桌面端如何调试-1
    8-2 如何处理兼容性-桌面端如何调试-2
    8-3 如何处理兼容性-移动端如何调试
    8-4 如何处理兼容性-处理兼容性的方法
    8-5 如何在多个设备上进行调试
    8-6 作业04

    第9章 如何打包发布
    介绍了前端自动化的概念,grunt/gulp/webpack,如何使用Gulp进行自动化打包发布等知识。
    9-1 如何打包发布-1
    9-2 如何打包发布-2
    9-3 如何打包发布-3
    9-4 总结

    第10章 课程扩展1 -- 选择一个趁手的IDE
    选择一个趁手的IDE,WebStorm。介绍了使用框架的注意事项,Bootstrap、SemanticUI、Foundation、PureCSS等响应式框架的特点和优缺点等。
    10-1 Webstorm的基本操作
    10-2 Emmet-1
    10-3 Emmet-2
    10-4 Emmet-3
    10-5 Emmet-4
    10-6 WebStorm进阶操作-体贴易用小功能-1
    10-7 WebStorm进阶操作-体贴易用小功能-2
    10-8 WebStorm进阶操作-体贴易用小功能-3
    10-9 WebStorm进阶操作-重构
    10-10 WebStorm进阶操作-代码错误提示
    10-11 流行的响应式框架简介
    10-12 总结

    第11章 课程扩展2 -- 聊聊原型设计和切图
    介绍了原型设计的概念和工具,Axure等工具的使用,如何切图,Photoshop的使用,Sketch的使用等知识。
    11-1 Axure
    11-2 Sketch
    11-3 切图
    11-4 交互设计

    第12章 课程大作业
    根据讲师所讲知识,独立做出与课程相似的响应式页面。
    12-1 大作业

    游客,如果您要查看本帖隐藏内容请回复




    温馨提示:
    1、本站所有内容均为互联网收集或网友分享或网络购买,本站不破解、不翻录任何视频!
    2、如本帖侵犯到任何版权问题,请立即告知本站,本站将及时予与删除并致以最深的歉意!
    3、本站资源仅供本站会员学习参考,不得传播及用于其他用途,学习完后请在24小时内自行删除.
    4、本站资源质量虽均经精心审查,但也难保万无一失,若发现资源有问题影响学习请一定及时点此进行问题反馈,我们会第一时间改正!
    5、若发现链接失效了请联系管理员,管理员会在2小时内修复
    6、如果有任何疑问,请加客服QQ:1300822626 2小时内回复你!
    回复

    使用道具 举报

  • TA的每日心情
    奋斗
    2019-10-10 19:04
  • 签到天数: 23 天

    [LV.4]偶尔看看III

    0

    主题

    200

    帖子

    854

    积分

    技冠群雄

    Rank: 6Rank: 6

    积分
    854

    发表于 2019-1-20 16:57:20 | 显示全部楼层
    啥也不说了,感谢楼主分享哇!
  • TA的每日心情

    2020-10-1 19:36
  • 签到天数: 35 天

    [LV.5]常住居民I

    6

    主题

    186

    帖子

    546

    积分

    终身会员[A]

    Rank: 7Rank: 7Rank: 7

    积分
    546

    发表于 2019-1-20 18:45:01 | 显示全部楼层
    啥也不说了,感谢楼主分享哇!
  • TA的每日心情
    无聊
    前天 07:18
  • 签到天数: 323 天

    [LV.8]以坛为家I

    0

    主题

    1185

    帖子

    3522

    积分

    终身会员[A]

    Rank: 7Rank: 7Rank: 7

    积分
    3522

    发表于 2019-1-20 19:36:21 | 显示全部楼层
    啥也不说了,感谢楼主分享哇!
  • TA的每日心情
    开心
    昨天 13:45
  • 签到天数: 736 天

    [LV.9]以坛为家II

    0

    主题

    972

    帖子

    4035

    积分

    傲视群雄

    Rank: 8Rank: 8

    积分
    4035

    发表于 2019-1-20 21:34:09 | 显示全部楼层
    好好学习天天向上
  • TA的每日心情
    难过
    2024-3-8 14:04
  • 签到天数: 48 天

    [LV.5]常住居民I

    0

    主题

    204

    帖子

    805

    积分

    终身会员[A]

    Rank: 7Rank: 7Rank: 7

    积分
    805

    发表于 2019-1-20 22:21:45 | 显示全部楼层
    正需要,支持楼主大人了!
  • TA的每日心情
    郁闷
    2023-12-13 18:55
  • 签到天数: 353 天

    [LV.8]以坛为家I

    2

    主题

    717

    帖子

    2782

    积分

    终身会员[A]

    Rank: 7Rank: 7Rank: 7

    积分
    2782

    发表于 2019-1-21 01:30:58 | 显示全部楼层
    回的人少,我来小顶一下
  • TA的每日心情
    奋斗
    2023-4-30 23:04
  • 签到天数: 550 天

    [LV.9]以坛为家II

    0

    主题

    911

    帖子

    3303

    积分

    傲视群雄

    Rank: 8Rank: 8

    积分
    3303

    发表于 2019-1-21 08:08:27 | 显示全部楼层
    确实是难得好帖啊,顶先
  • TA的每日心情
    开心
    2020-7-25 08:36
  • 签到天数: 5 天

    [LV.2]偶尔看看I

    0

    主题

    180

    帖子

    672

    积分

    技冠群雄

    Rank: 6Rank: 6

    积分
    672

    发表于 2019-1-21 08:41:04 | 显示全部楼层
    啥也不说了,感谢楼主分享哇!
  • TA的每日心情
    开心
    2024-2-29 21:35
  • 签到天数: 512 天

    [LV.9]以坛为家II

    0

    主题

    831

    帖子

    3201

    积分

    傲视群雄

    Rank: 8Rank: 8

    积分
    3201

    发表于 2019-1-21 09:16:36 | 显示全部楼层

    啥也不说了,感谢楼主分享哇!
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    QQ|Archiver|小黑屋|本站代理|dmz社区

    GMT+8, 2024-3-29 03:10 , Processed in 0.105201 second(s), 47 queries .

    Powered by Discuz! X3.4 Licensed

    Copyright © 2001-2021, Tencent Cloud.

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