Dieser Kurs ist Teil der Spezialisierung Spezialisierung Web Design for Everybody: Basics of Web Development & Coding

4.7
Sterne
4,323 Bewertungen

98 %

Colleen van Lent, Ph.D. +1 weiterer Dozent

105.959 bereits angemeldet

von

Spezialisierung Web Design for Everybody: Basics of Web Development & CodingUniversity of Michigan

Über diesen Kurs

80.093 kürzliche Aufrufe

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.

Flexible Fristen

Setzen Sie Fristen gemäß Ihrem Zeitplan zurück.

Zertifikat zur Vorlage

Erhalten Sie nach Abschluss ein Zertifikat

100 % online

Beginnen Sie sofort und lernen Sie in Ihrem eigenen Tempo.

Kurs 4 von 5 in

Spezialisierung Web Design for Everybody: Basics of Web Development & Coding

Ca. 12 Stunden zum Abschließen

Englisch

Könnte Ihr Unternehmen von Mitarbeiterweiterbildungen für gefragte Kompetenzen profitieren?

Probieren Sie Coursera for Business aus

Kompetenzen, die Sie erwerben

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

Flexible Fristen

Setzen Sie Fristen gemäß Ihrem Zeitplan zurück.

Zertifikat zur Vorlage

Erhalten Sie nach Abschluss ein Zertifikat

100 % online

Beginnen Sie sofort und lernen Sie in Ihrem eigenen Tempo.

Kurs 4 von 5 in

Spezialisierung Web Design for Everybody: Basics of Web Development & Coding

Ca. 12 Stunden zum Abschließen

Englisch

Könnte Ihr Unternehmen von Mitarbeiterweiterbildungen für gefragte Kompetenzen profitieren?

Probieren Sie Coursera for Business aus

Dozenten

Dozentenbewertung

4,82/5 (355 Bewertungen)

Colleen van Lent, Ph.D.

Lecturer

School of Information

610.179 Lernende

11 Kurse

Charles Russell Severance

Clinical Professor

School of Information

3.778.611 Lernende

56 Kurse

von

University of Michigan

Erfahren Sie, wie Mitarbeiter führender Unternehmen gefragte Kompetenzen erwerben.

Weitere Informationen zu Coursera für Unternehmen

Lehrplan - Was Sie in diesem Kurs lernen werden

Inhaltsbewertung98%(12,540 Bewertungen)

Woche1

Woche 1

3 Stunden zum Abschließen

Week One: Style with Responsive Design

3 Stunden zum Abschließen

6 Videos (Gesamt 37 min), 9 Lektüren, 1 Quiz

6 Videos

Introduction to Responsive Design7mWhat is Responsive Design?5mTesting Existing Sites6mBenefits of Responsive Design4mFluid Measurements7mCode With Me: Fluid Measurements5m

9 Lektüren

Syllabus10mResources10mFrequently Asked Questions (FAQ)5mHelp us learn more about you!10mFluid Measurements background readings5mNotice for Auditing Learners: Assignment Submission10mPixel to Em conversion tool2mDynamically change the size of font with sliders3mOptional: CSS definitions of relative and absolute2m

1 praktische Übung

Basic Concepts in Responsive Design approaches30m

Woche2

Woche 2

3 Stunden zum Abschließen

Week Two: Basic Concepts

3 Stunden zum Abschließen

6 Videos (Gesamt 43 min), 1 Lektüre, 3 Quiz

Woche3

Woche 3

3 Stunden zum Abschließen

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 Stunden zum Abschließen

7 Videos (Gesamt 55 min), 1 Lektüre, 3 Quiz

Woche4

Woche 4

4 Stunden zum Abschließen

Week Four: Experiment!

4 Stunden zum Abschließen

9 Videos (Gesamt 60 min), 5 Lektüren, 2 Quiz

9 Videos

Responsive Images9mBootstrap Tables8mCode With Me: Advanced Navigation5mWhat Are Templates?6mOptional Interview: M W7mOptional Interview: H W6mOptional: Interview with H N9mBootstrap 43mConclusion1m

5 Lektüren

Optional: The Evolution of the Airbnb front-end deveopment3mOPTIONAL - Debugging your style2mOPTIONAL - More resources for learning to debug/develop2mPost-course Survey10mKeep Learning with Michigan Online10m

1 praktische Übung

Responsive Design Final Assessment30m

Bewertungen

4.7

789 Bewertungen

5 stars
77,93 %
4 stars
17,57 %
3 stars
3,53 %
2 stars
0,74 %
1 star
0,20 %

Top-Bewertungen von FORTSCHRITTLICHE GESTALTUNG MIT RESPONSIVEM DESIGN

von S7. Mai 2020

To learn about responsive designs and why it is important is all provided in this course.It imparts us with greater understanding of how media queries and bootstrap works.

von VR14. Sep. 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.

von MA19. Juli 2019

I enjoyed the course very much. Learn a lot of things. And find that in web designing good practices are more important. I have to read articles, blog to update my knowledge and to learn new things.

von PL23. Apr. 2018

I have designed numerous websites over the last 7 years and this course has enhanced my knowledge and encouraged me to move forward in my web development career.

Alle Bewertungen anzeigen

Über den Spezialisierung 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.

Häufig gestellte Fragen

Wann erhalte ich Zugang zu den Vorträgen und Aufgaben?
Der Zugang zu Vorlesungen und Aufgaben hängt von der Art Ihrer Anmeldung ab. Wenn Sie einen Kurs im Gastmodus belegen, können Sie die meisten Kursmaterialien kostenlos einsehen. Um auf benotete Aufgaben zuzugreifen und ein Zertifikat zu erhalten, müssen Sie während oder nach Ihrer Gastphase das Zertifikat erwerben. Wenn Sie die Gastoption nicht sehen:
Der Kurs bietet möglicherweise keine Gastoption an. Sie können stattdessen eine kostenlose Testversion ausprobieren oder finanzielle Unterstützung beantragen.
Der Kurs kann stattdessen "Vollständiger Kurs ohne Zertifikat" anbieten. Mit dieser Option können Sie alle Kursmaterialien einsehen, die erforderlichen Aufgaben einreichen und eine Endnote erhalten. Dies bedeutet auch, dass Sie kein Zertifikat erwerben können.
Was bekomme ich, wenn ich diese Spezialisierung abonniere?
Wenn Sie sich für den Kurs anmelden, erhalten Sie Zugriff auf alle Kurse der Spezialisierung und Sie erhalten nach Abschluss aller Arbeiten ein Zertifikat. Ihr elektronisches Zertifikat wird zu Ihrer Seite „Errungenschaften“ hinzugefügt – von dort können Sie Ihr Zertifikat ausdrucken oder es zu Ihrem LinkedIn Profil hinzufügen. Wenn Sie nur lesen und den Inhalt des Kurses anzeigen möchten, können Sie kostenlos als Gast an dem Kurs teilnehmen.
Ist finanzielle Unterstützung möglich?
Ja. Für ausgewählte Lernprogramme können Sie finanzielle Unterstützung oder ein Stipendium beantragen, wenn Sie sich die Anmeldegebühr nicht leisten können. Wenn für das von Ihnen gewählte Lernprogramm finanzielle Unterstützung oder ein Stipendium verfügbar ist, wird auf der Beschreibungsseite ein Link zu einem solchen Antrag angezeigt.

Haben Sie weitere Fragen? Besuchen Sie das Learner Help Center.

Fördern Sie Mitarbeiterkompetenzen für bessere Geschäftsergebnisse

Entdecken Sie Coursera für Unternehmen

Fortschrittliche Gestaltung mit responsivem Design

Über diesen Kurs

Kompetenzen, die Sie erwerben