Этот курс входит в специализацию ''Специализация Web Design for Everybody: Basics of Web Development & Coding'

4.7
звезд
Оценки: 4,297

Colleen van Lent, Ph.D. и еще 1 преподаватель

102 607 уже зарегистрированы

от партнера

Специализация Web Design for Everybody: Basics of Web Development & CodingМичиганский университет

Об этом курсе

Недавно просмотрено: 98 492

It used to be the case that everyone viewed webpages on about the same size screen.  But with the explosion of the use of smartphones to access the Internet, the landscape of design has completely changed.  People viewing your site will now expect that it will perform regardless of the platform (smartphone, tablet, laptop, or desktop computer).  This ability to respond to any platform is called responsive design.
This course will expand upon the basic knowledge of CSS3 to include topics such as wireframes, fluid design, media queries, and the use of existing styling paradigms such as Bootstrap.  After the course, learners will be able to:
** Explain the mobile-first paradigm and the importance of wireframes in the design phase
** Create sites that behave across a range of platforms
** Utilize existing design frameworks such as Bootstrap

This is the fourth course in the Web Design For Everybody specialization.  A basic understanding of HTML and CSS is expected when you enroll in this class. Additional courses focus on adding interactivity with the JavaScript Programming Language and completing a capstone project.

Гибкие сроки

Назначьте сроки сдачи в соответствии со своим графиком.

Сертификат, ссылками на который можно делиться с другими людьми

Получите сертификат по завершении

100% онлайн

Начните сейчас и учитесь по собственному графику.

Курс 4 из 5 в программе

Специализация Web Design for Everybody: Basics of Web Development & Coding

Прибл. 12 часов на выполнение

Английский

Будет ли вашей компании выгодно обучить сотрудников востребованным навыкам?

Попробуйте Coursera для бизнеса

Приобретаемые навыки

Bootstrap (Front-End Framework)
Responsive Web Design
JavaScript
Cascading Style Sheets (CSS)

Гибкие сроки

Назначьте сроки сдачи в соответствии со своим графиком.

Сертификат, ссылками на который можно делиться с другими людьми

Получите сертификат по завершении

100% онлайн

Начните сейчас и учитесь по собственному графику.

Курс 4 из 5 в программе

Специализация Web Design for Everybody: Basics of Web Development & Coding

Прибл. 12 часов на выполнение

Английский

Будет ли вашей компании выгодно обучить сотрудников востребованным навыкам?

Попробуйте Coursera для бизнеса

Преподаватели

Оценка преподавателя

4,82/5 (оценок: 349)

Colleen van Lent, Ph.D.

Lecturer

School of Information

592 785 учащихся

11 курсов

Charles Russell Severance

Clinical Professor

School of Information

3 639 456 учащихся

48 курсов

от партнера

Мичиганский университет

Узнайте, как сотрудники ведущих компаний осваивают востребованные навыки

Подробнее о Coursera для бизнеса

Программа курса: что вы изучите

Оценка контента98%(12,410 оценки)

Неделя

Неделя 1

3 ч. на завершение

Week One: Style with Responsive Design

3 ч. на завершение

6 видео ((всего 37 мин.)), 9 материалов для самостоятельного изучения, 1 тест

6 видео

Introduction to Responsive Design7мин

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

3 ч. на завершение

Week Two: Basic Concepts

3 ч. на завершение

6 видео ((всего 43 мин.)), 1 материал для самостоятельного изучения, 3 тестов

6 видео

Media Queries6мин

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 ч. на завершение

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).

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 ч. на завершение

Week Four: Experiment!

4 ч. на завершение

9 видео ((всего 60 мин.)), 5 материалов для самостоятельного изучения, 2 тестов

9 видео

Responsive Images9мин

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мин

5 материалов для самостоятельного изучения

Optional: The Evolution of the Airbnb front-end deveopment3мин

OPTIONAL - Debugging your style2мин

OPTIONAL - More resources for learning to debug/develop2мин

Post-course Survey10мин

Keep Learning with Michigan Online10мин

1 практическое упражнение

Responsive Design Final Assessment30мин

Рецензии

4.7

Рецензии: 783

5 stars
77,93 %
4 stars
17,59 %
3 stars
3,51 %
2 stars
0,74 %
1 star
0,20 %

Лучшие отзывы о курсе ADVANCED STYLING WITH RESPONSIVE DESIGN

от партнера PA5 сент. 2020 г.

At first I was not good in designing or responsive designing but after learning about bootstrap from this course I am pretty much confident that I can easily design a website

от партнера VR14 сент. 2017 г.

It is a good course, great for those who are goingo to work mainly with Bootstrap. I missed more responsive design techniques for those who wants to code by themselves.

от партнера PB22 апр. 2020 г.

Great teaching and course content. Now I know a considerable amount of Responsive web design and can incorporate Bootstrap to accelerate my web development. Thanks, Collen!

от партнера KA24 авг. 2020 г.

The overall course is good and I found the course very helpful and I just want to say that please update the bootstrap portion... it was bootstrap 3 and now today we have bootstrap 4.5

Посмотреть все отзывы

Специализация Web Design for Everybody: Basics of Web Development & 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.

Часто задаваемые вопросы

Когда я получу доступ к лекциям и заданиям?
Доступ к лекциям и заданиям предоставляется в зависимости от типа регистрации. Если вы проходите курс в режиме слушателя, то получите бесплатный доступ к большинству материалов курса. Чтобы открыть оцениваемые задания и возможность получить сертификат, необходимо будет приобрести прохождение с сертификатом. Это можно сделать во время прохождения в режиме слушателя или после него. Если вы не видите варианта 'Режим слушателя'.
Курс может не предлагаться в режиме слушателя. Попробуйте бесплатную пробную версию или подайте заявку на финансовую помощь.
Курс предлагаться в режиме 'Полный курс, без сертификата'. В нем можно просматривать все материалы, выполнять обязательные задания и получить итоговую оценку. Приобрести дополнительно прохождение с сертификатом в таком случае нельзя.
Что я получу, оформив подписку на специализацию?
Записавшись на курс, вы получите доступ ко всем курсам в специализации, а также возможность получить сертификат о его прохождении. После успешного прохождения курса на странице ваших достижений появится электронный сертификат. Оттуда его можно распечатать или прикрепить к профилю LinkedIn. Просто ознакомиться с содержанием курса можно бесплатно.
Можно ли получить финансовую помощь?
Да. В некоторых программах обучения вы можете подать заявку на получение финансовой помощи или стипендии, если не можете оплатить регистрационный взнос. Если для выбранной вами программы предлагается такая возможность, вы увидите ссылку для подачи заявки на странице описания.

Остались вопросы? Посетите Центр поддержки учащихся.

Обучайте сотрудников и добивайтесь отличных результатов в бизнесе

Откройте для себя Coursera для бизнеса

Advanced Styling with Responsive Design

Об этом курсе

Приобретаемые навыки