课程信息
4.7
1,198 个评分
211 个审阅
100% 在线

100% 在线

立即开始,按照自己的计划学习。
可灵活调整截止日期

可灵活调整截止日期

根据您的日程表重置截止日期。
完成时间(小时)

完成时间大约为10 小时

建议:4 weeks of study, 1-3 hours/week...
可选语言

英语(English)

字幕:英语(English)

您将获得的技能

Bootstrap (Front-End Framework)Responsive Web DesignJavaScriptCascading Style Sheets (CCS)
100% 在线

100% 在线

立即开始,按照自己的计划学习。
可灵活调整截止日期

可灵活调整截止日期

根据您的日程表重置截止日期。
完成时间(小时)

完成时间大约为10 小时

建议:4 weeks of study, 1-3 hours/week...
可选语言

英语(English)

字幕:英语(English)

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

1
完成时间(小时)
完成时间为 2 小时

Week One: Style with Responsive Design

What does it mean to have responsive design for your site? How can you tell if your existing site is responsive? This week we will begin with the theories behind the "mobile-first paradigm" - the idea that your mobile site should provide everything needed, not a pared-down version of a good page. We end the week by taking the first concrete step of using fluid measurements in your CSS....
Reading
6 个视频 (总计 37 分钟), 9 个阅读材料, 1 个测验
Video6 个视频
What is Responsive Design?5分钟
Testing Existing Sites6分钟
Benefits of Responsive Design4分钟
Fluid Measurements7分钟
Code With Me: Fluid Measurements5分钟
Reading9 个阅读材料
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分钟
Quiz1 个练习
Basic Concepts in Responsive Design approaches34分钟
2
完成时间(小时)
完成时间为 3 小时

Week Two: Basic Concepts

This week you will get a chance to put the theories into practice using media queries in your CSS. These queries can automatically detect the size of the browser being used to view the page so that you can decide what type of look you want to achieve. There will also be a discussion on common practices for designing your different views at various screen sizes ("viewports")....
Reading
6 个视频 (总计 43 分钟), 1 个阅读材料, 3 个测验
Video6 个视频
Code With Me: Fluid Measurements and Media Queries3分钟
Wire Frames8分钟
Breakpoints6分钟
Media Queries Part Two9分钟
Code With Me: Responsive Navigation9分钟
Reading1 个阅读材料
OPTIONAL: Good examples of responsive design2分钟
Quiz2 个练习
Practice Quiz -- Challenge Problem2分钟
Week Two Review: Media Queries and breakpoints20分钟
3
完成时间(小时)
完成时间为 4 小时

Week Three: Use Existing Frameworks

After every good programmer has put in time creating sites from scratch, it is common to utilize existing tools out there. After all, why recreate the wheel? The work you have done up to this point will give you the knowledge needed to craft your own unique sites from these frameworks. This week we will work with Bootstrap, a framework that uses HTML5, CSS, and JavaScript (but don't worry if you have never used JavaScript yourself)....
Reading
7 个视频 (总计 55 分钟), 1 个阅读材料, 3 个测验
Video7 个视频
Frameworks4分钟
Introduction to Twitter Bootstrap 36分钟
Bootstrap Breakpoints5分钟
Getting Started with Twitter Bootstrap10分钟
Bootstrap Grid System11分钟
Code With Me: Grid Example7分钟
Bootstrap Navigation9分钟
Reading1 个阅读材料
Optional - Demystifying Bootstrap2分钟
Quiz2 个练习
OPTIONAL - Grid System Check10分钟
Week Three Review: Bootstrap34分钟
4
完成时间(小时)
完成时间为 4 小时

Week Four: Experiment!

This week is dedicated to solving those little issues that pop up when you move from theory to practice. We look at more advanced framework options and also hear from people who are using the techniques covered in this course....
Reading
9 个视频 (总计 60 分钟), 4 个阅读材料, 2 个测验
Video9 个视频
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分钟
Reading4 个阅读材料
Optional: The Evolution of the Airbnb front-end deveopment3分钟
OPTIONAL - Debugging your style2分钟
OPTIONAL - More resources for learning to debug/develop2分钟
Post-course Survey10分钟
Quiz1 个练习
Responsive Design Final Assessment22分钟
4.7
211 个审阅Chevron Right
职业方向

44%

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

83%

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

热门审阅

创建者 EPAug 13th 2016

This is the second course I do with Colleen. She is awesome, the way she explain each element is amazing. No matter what is your background, with her you will learn it.

创建者 SMJan 13th 2017

The course is quite good and intriguing for it offers challenges which are interesting at the same time. Always good to take up a challenge, oh what an experience

讲师

Avatar

Colleen van Lent, Ph.D.

Lecturer
School of Information
Avatar

Charles Severance

Associate Professor
School of Information

关于 University of Michigan

The mission of the University of Michigan is to serve the people of Michigan and the world through preeminence in creating, communicating, preserving and applying knowledge, art, and academic values, and in developing leaders and citizens who will challenge the present and enrich the future....

关于 Web Design for Everybody (Basics of Web Development and Coding) 专项课程

This Specialization covers how to write syntactically correct HTML5 and CSS3, and how to create interactive web experiences with JavaScript. Mastering this range of technologies will allow you to develop high quality web sites that, work seamlessly on mobile, tablet, and large screen browsers accessible. During the capstone you will develop a professional-quality web portfolio demonstrating your growth as a web developer and your knowledge of accessible web design. This will include your ability to design and implement a responsive site that utilizes tools to create a site that is accessible to a wide audience, including those with visual, audial, physical, and cognitive impairments....
Web Design for Everybody (Basics of Web Development and Coding)

常见问题

  • 注册以便获得证书后,您将有权访问所有视频、测验和编程作业(如果适用)。只有在您的班次开课之后,才可以提交和审阅同学互评作业。如果您选择在不购买的情况下浏览课程,可能无法访问某些作业。

  • 您注册课程后,将有权访问专项课程中的所有课程,并且会在完成课程后获得证书。您的电子课程证书将添加到您的成就页中,您可以通过该页打印您的课程证书或将其添加到您的领英档案中。如果您只想阅读和查看课程内容,可以免费旁听课程。

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