课程信息

165,121 次近期查看

学生职业成果

49%

完成这些课程后已开始新的职业生涯

46%

通过此课程获得实实在在的工作福利

10%

加薪或升职
可分享的证书
完成后获得证书
100% 在线
立即开始,按照自己的计划学习。
可灵活调整截止日期
根据您的日程表重置截止日期。
完成时间大约为11 小时
英语(English)

您将获得的技能

Bootstrap (Front-End Framework)Responsive Web DesignJavaScriptCascading Style Sheets (CCS)

学生职业成果

49%

完成这些课程后已开始新的职业生涯

46%

通过此课程获得实实在在的工作福利

10%

加薪或升职
可分享的证书
完成后获得证书
100% 在线
立即开始,按照自己的计划学习。
可灵活调整截止日期
根据您的日程表重置截止日期。
完成时间大约为11 小时
英语(English)

提供方

Placeholder

密歇根大学

教学大纲 - 您将从这门课程中学到什么

内容评分Thumbs Up98%(9,645 个评分)Info
1

1

完成时间为 2 小时

Week One: Style with Responsive Design

完成时间为 2 小时
6 个视频 (总计 37 分钟), 9 个阅读材料, 1 个测验
6 个视频
What is Responsive Design?5分钟
Testing Existing Sites6分钟
Benefits of Responsive Design4分钟
Fluid Measurements7分钟
Code With Me: Fluid Measurements5分钟
9 个阅读材料
Syllabus10分钟
Resources10分钟
Frequently Asked Questions (FAQ)5分钟
Help us learn more about you!10分钟
Fluid Measurements background readings5分钟
Notice for Auditing Learners: Assignment Submission10分钟
Pixel to Em conversion tool2分钟
Dynamically change the size of font with sliders3分钟
Optional: CSS definitions of relative and absolute2分钟
1 个练习
Basic Concepts in Responsive Design approaches30分钟
2

2

完成时间为 3 小时

Week Two: Basic Concepts

完成时间为 3 小时
6 个视频 (总计 43 分钟), 1 个阅读材料, 3 个测验
6 个视频
Code With Me: Fluid Measurements and Media Queries3分钟
Wire Frames8分钟
Breakpoints6分钟
Media Queries Part Two9分钟
Code With Me: Responsive Navigation9分钟
1 个阅读材料
OPTIONAL: Good examples of responsive design2分钟
2 个练习
Practice Quiz -- Challenge Problem30分钟
Week Two Review: Media Queries and breakpoints30分钟
3

3

完成时间为 3 小时

Week Three: Use Existing Frameworks

完成时间为 3 小时
7 个视频 (总计 55 分钟), 1 个阅读材料, 3 个测验
7 个视频
Frameworks4分钟
Introduction to Twitter Bootstrap 36分钟
Bootstrap Breakpoints5分钟
Getting Started with Twitter Bootstrap10分钟
Bootstrap Grid System11分钟
Code With Me: Grid Example7分钟
Bootstrap Navigation9分钟
1 个阅读材料
Optional - Demystifying Bootstrap2分钟
2 个练习
OPTIONAL - Grid System Check30分钟
Week Three Review: Bootstrap30分钟
4

4

完成时间为 3 小时

Week Four: Experiment!

完成时间为 3 小时
9 个视频 (总计 60 分钟), 4 个阅读材料, 2 个测验
9 个视频
Bootstrap Tables8分钟
Code With Me: Advanced Navigation5分钟
What Are Templates?6分钟
Optional Interview: M W7分钟
Optional Interview: H W6分钟
Optional: Interview with H N9分钟
Bootstrap 43分钟
Conclusion1分钟
4 个阅读材料
Optional: The Evolution of the Airbnb front-end deveopment3分钟
OPTIONAL - Debugging your style2分钟
OPTIONAL - More resources for learning to debug/develop2分钟
Post-course Survey10分钟
1 个练习
Responsive Design Final Assessment30分钟

审阅

来自使用高级样式范例进行响应式设计的热门评论

查看所有评论

关于 Web Design for Everybody: Basics of Web Development & Coding 专项课程

Web Design for Everybody: Basics of Web Development & Coding

常见问题

还有其他问题吗?请访问 学生帮助中心