Об этом курсе: The capstone will develop a professional-quality web portfolio. Students will demonstrate the ability to design and implement a responsive site for a minimum of three platforms. Adherence to validation and accessibility standards will be required. The evolving student implementations will be reviewed each week by capstone peers and teaching assistants to make sure that the student keeps up with the agenda of the course. Upon completion of this course students will feel comfortable creating and/or updating existing front-end sites, utilizing existing frameworks, and testing sites for accessibility compliance. This course is only open to students who have completed the first four courses in the Web Design for Everybody specialization: Introduction to HTML5, Introduction to CSS3, Interactivity with JavaScript, and Advanced Styling with Responsive Design.
Автор: University of Michigan
Преподаватели: Colleen van Lent, Ph.D., Lecturer
School of InformationПреподаватели: Charles Severance, Associate Professor
School of Information
| Основные сведения | |
| Выполнение | 6 weeks of study, 6-8 hours/week |
| Язык | English |
| Как пройти курс | Чтобы пройти курс, выполните все оцениваемые задания. |
| Оценки пользователей |
Программа курса
НЕДЕЛЯ 1
Week One: Introduction
Welcome to the Web Design for Everyone Capstone!!! It really is my intention to make sure that everyone who completes this capstone will have a product they are proud of. The challenge is that "everyone" is actually a very diverse group of people, each person coming in with different skill sets and interests. So in this course you will pick from one of three portfolio options to complete. The goal of this approach is to help students self-select into appropriate peer groups.
2 видео, 11 материала для самостоятельного изучения
- Reading: Special Announcement for New Capstone Students
- Reading: Important FAQs
- Discussion Prompt: Students from earlier cohort - READ ME
- Reading: Help us learn more about you!
- Reading: Portfolio Objectives
- Reading: Portfolio Requirements
- Видео: Portfolio Options
- Reading: Building your site from scratch
- Reading: Building your site from a template
- Reading: Building your site using a framework
- Reading: Portfolio Grading Rubric
- Reading: Previous Week One Office Hours
- Reading: Extra Resources
- Discussion Prompt: Template sources
- Discussion Prompt: Framework options
- Revisión por el compañero: Introduce Yourself
НЕДЕЛЯ 2
Week Two: Design Phase
Students will submit wireframes for a multi-part online portfolio. The topic of your site is your choice, but you will be expected to fulfill a small checklist of requirements with respect to the amount of proposed content and the variety of HTML5 tags. Emphasis will be on ability to demonstrate mobile-first paradigm design.
4 материала для самостоятельного изучения
- Reading: Wireframes/Design Sketches
- Discussion Prompt: What is the topic for your portfolio?
- Reading: Previous Week Two Office Hours
- Reading: Assessing the Design Sketches
- Reading: Notice for Auditing Learners: Assignment Submission
Оцениваемый: Design Sketch demo for a site coded from scratch
НЕДЕЛЯ 3
Week Three: Review and Preparation Phase
This week you will continue to review your fellow students designs. Feedback will be based on layout, proposed content, and accessibility. The goal is that these peer reviews will inspire you to attempt something more on your site (or provide the feedback that lets you know you may want to scale down your own expectations.) You will begin to create the content of your site as you wait for the reviews of your project to be created.
8 видео, 6 материала для самостоятельного изучения
- Reading: Previous Week Three Office Hours
- Видео: Using the WAVE Tool
- Reading: WebAIM quick reference
- Reading: OPTIONAL: Recent article on accessibility
- Видео: Utilizing Developer Tools
- Reading: The Safari Web Inspector Guide
- Reading: Firefox Developer Tools
- Видео: Sticky Footers
- Видео: Embedding a Google Calendar
- Видео: Using Bootstrap to Add a Carousel
- Видео: Adding a Lightbox Plugin
- Видео: Font Awesome
- Reading: Preparing your Images
НЕДЕЛЯ 4
Week Four: Coding Phase
Using the feedback you received from other capstone participants you will begin to style your portfolio. At the end of Week Five you will have the opportunity to submit your intermediate work for review.
2 видео, 2 материала для самостоятельного изучения
- Видео: Uploading Files to Your Account using Byethost
- Reading: Working "locally"
- Discussion Prompt: Hosting Options
- Reading: Previous Week Four Office Hours
НЕДЕЛЯ 5
Week Five: Validation and Review Phase
This week you will validate and test your site. You will write a summary of the results and explain (if necessary) why you needed to violate any coding conventions.
3 материала для самостоятельного изучения
- Reading: Previous Week Five Office Hours
- Reading: Why Validate?
- Reading: (Optional) Creating a screen capture video
- Discussion Prompt: Validation Issues?? Put them here!
- Revisión por el compañero: Demo your portfolio (coded from scratch)
- Revisión por el compañero: Demo your portfolio (designed from a template)
- Revisión por el compañero: Demo your portfolio (designed using a framework)
НЕДЕЛЯ 6
Week Six: Revise and Submit Phase
We will conclude with a period of peer-review and modifications to your site. By the end of this week you will have a unique, responsive, accessible portfolio. Congratulations!!
1 видео, 3 материала для самостоятельного изучения
- Reading: Previous Week Six Office Hours
- Reading: Portfolio Grading Rubric
- Reading: Post-Course Survey
Оцениваемый: Demo your portfolio (designed using a framework)
Часто задаваемые вопросы
Как это работает
Trabajo del curso
Cada curso es como un libro de texto interactivo, con videos pregrabados, cuestionarios y proyectos.
Ayuda de tus compañeros
Conéctate con miles de estudiantes y debate ideas y materiales del curso, y obtén ayuda para dominar los conceptos.
Certificados
Obtén reconocimiento oficial por tu trabajo y comparte tu éxito con amigos, compañeros y empleadores.
Авторы
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.
Стоимость
| Приобрести курс | |
|---|---|
| Получить доступ к материалам курса | Доступен |
| Получить доступ к оцениваемым материалам курса | Доступен |
| Получить итоговую оценку | Доступен |
| Получите сертификат о прохождении курса, ссылкой на который можно делиться с другими людьми | Доступен |
Рейтинги и отзывы
Comprehensive course for anyone starting out in web development. Covers HTML5, CSS3, JS and Bootstrap for responsive design. Rightly focuses on web accessibility.
New frameworks keep coming up. This is a good foundation to begin before moving on to frameworks such as Angular, React, Vue etc
good
very good
Coursera делает лучшее в мире образование доступным каждому, предлагая онлайн-курсы от ведущих университетов и организаций.
© Coursera Inc., 2018 Все права защищены.
PP
Fantastic course! I feel I have learnt a lot in few months. The CSS part is quite boring since there are a lot of options for styling, but it is definitely necessary. For sure, I 'll recommend it.