Ce cours fait partie de la Spécialisation Développement et conception d'un site Web dynamique

4.6
étoiles
1,921 évaluations

96 %

Dr Matthew Yee-King +3 enseignants de plus

83 032 déjà inscrits

Offert par

Université de Londres

Goldsmiths, Université de Londres

Spécialisation Développement et conception d'un site Web dynamiqueUniversité de Londres

À propos de ce cours

19 280 consultations récentes

In this course you will learn how to apply concepts from interaction design and human computer interaction in order to design and build an interactive, professional looking website. You will learn how to make your web page designs adapt to different screen sizes using responsive grid layouts. You will learn how to add navigation and other design elements, and you will learn how to separate data and display using JavaScript objects and templates. 
At the end of the course, you will be able to:
1. Explain why users need to know where they are, where they can go and what is on a web page
2. Create wireframe mockups of web pages 
3. Identify the key functional elements of web pages
4. Use Bootstrap components to realise page designs
5. Use JavaScript data structures such as arrays and objects to define the data used in a web page
6. Use the Handlebars template library to convert data to HTML 
7. Add interactivity to templates using JavaScript event listeners

In this course, you will complete:
1 website design assignment taking ~1 hour to complete
1 programming assignment taking ~1 hour to complete
4 quizzes, each taking ~20 minutes to complete
multiple practice quizzes, each taking ~5 minutes to complete

Participation in or completion of this online course will not confer academic credit for University of London programmes.

Dates limites flexibles

Réinitialisez les dates limites selon votre disponibilité.

Certificat partageable

Obtenez un Certificat lorsque vous terminez

100 % en ligne

Commencez dès maintenant et apprenez aux horaires qui vous conviennent.

Cours 2 sur 6 dans le

Spécialisation Développement et conception d'un site Web dynamique

Approx. 26 heures pour terminer

Anglais

Votre entreprise pourrait-elle bénéficier de la formation des employés à des compétences recherchées ?

Essayez Coursera pour les affaires

Compétences que vous acquerrez

Responsive Web Design
HTML
JavaScript
Cascading Style Sheets (CSS)

Dates limites flexibles

Réinitialisez les dates limites selon votre disponibilité.

Certificat partageable

Obtenez un Certificat lorsque vous terminez

100 % en ligne

Commencez dès maintenant et apprenez aux horaires qui vous conviennent.

Cours 2 sur 6 dans le

Spécialisation Développement et conception d'un site Web dynamique

Approx. 26 heures pour terminer

Anglais

Votre entreprise pourrait-elle bénéficier de la formation des employés à des compétences recherchées ?

Essayez Coursera pour les affaires

Enseignants

Évaluation de l'enseignant

4,47/5 (102 évaluations)

Offert par

Université de Londres

The University of London is a federal University which includes 17 world leading Colleges. With extensive experience in distance learning since 1858, University of London has enriched the lives of thousands of students, delivering high quality degrees across the globe. Today, University of London is a global leader in flexible study, offering degree programmes to over 45,000 students in over 190 countries, delivering world-leading research across the world. To find out more about University of London, visit www.london.ac.uk

Goldsmiths, Université de Londres

Championing research-rich degrees that provoke thought, stretch the imagination and tap into tomorrow’s world, at Goldsmiths we’re asking the questions that matter now in subjects as diverse as the arts and humanities, social sciences, cultural studies, computing, and entrepreneurial business and management. We are a community defined by its people: innovative in spirit, analytical in approach and open to all.

Découvrez comment les employés des entreprises prestigieuses maîtrisent des compétences recherchées

En savoir plus sur Coursera pour les affaires

Programme de cours : ce que vous apprendrez dans ce cours

Évaluation du contenu96%(39,834 évaluations)

Semaine

Semaine 1

1 heure pour terminer

Responsive Web Design: Course overview

In this course you will learn how to apply concepts from interaction design and human computer interaction in order to design and build an interactive, professional looking website. You will learn how to make your web page designs adapt to different screen sizes using responsive grid layouts. You will learn how to add navigation and other design elements, and you will learn how to separate data and display using Java

1 heure pour terminer

3 lectures

6 heures pour terminer

Web design principles

Welcome to the first module of 'Responsive Web Design'. By the end of this module you will be able to understand the basic concepts of usability and user experience and tell the user where they can go with navbars. In addition you will be able to tell the user what is here with effective layout and understand the high level requirements of creating an accessible website. We hope you enjoy the module!

6 heures pour terminer

8 vidéos (Total 44 min), 6 lectures, 8 quiz

8 vidéos

Overview32s

Usability and user experience2 min

Where can you go?6 min

What is here?3 min

Accessibility4 min

Guidelines for design10 min

Design examples16 min

Summary28s

6 lectures

Lecture slides10 min

URL for this lesson10 min

URLs for this lesson10 min

Lecture slides10 min

URL for this lesson10 min

Lecture slides10 min

7 exercices pour s'entraîner

Usability and user experience30 min

Where can you go?30 min

What is here?30 min

Accessibility30 min

Guidelines for design30 min

Design examples30 min

Web design principles summary quiz30 min

Semaine

Semaine 2

7 heures pour terminer

Realising design principles in code

7 heures pour terminer

9 vidéos (Total 67 min), 7 lectures, 9 quiz

9 vidéos

Overview42s

Basic Bootstrap set up7 min

Where can you go?6 min

Collapsible navbars8 min

Building out the site12 min

Where am I?10 min

Responsive grid15 min

Bootstrap themes4 min

Summary35s

7 lectures

Code for this module10 min

URL for this lesson10 min

Basic Bootstrap starter code (inc. images)10 min

URL for this lesson10 min

URLs for this lesson10 min

8 exercices pour s'entraîner

Basic Bootstrap set up30 min

Where can you go?30 min

Collapsible navbars30 min

Building out the site30 min

Where am I?30 min

Responsive grid30 min

Bootstrap themes30 min

Realising design principles in code summary quiz30 min

Semaine

Semaine 3

6 heures pour terminer

Adding content to websites

Welcome to the third module of 'Responsive Web Design' By the end of this module, you will be able to separate page structure from page content, use JavaScript objects and implement JavaScript templates with Handlebars as well as being able to display different data with the same template and the same data with different templates. Finally we will be looking at using a Bootstrap modal. We hope you enjoy the module!

6 heures pour terminer

8 vidéos (Total 49 min), 5 lectures, 8 quiz

8 vidéos

Overview38s

Separating structure and content6 min

JavaScript objects6 min

JavaScript templates with Handlebars7 min

Putting data into templates6 min

Displaying different data with the same template7 min

Displaying the same data with different templates, Use a Bootstrap modal11 min

Summary53s

5 lectures

URL for this module10 min

URL for this lesson10 min

Source Code10 min

7 exercices pour s'entraîner

Separating structure and content30 min

JavaScript objects30 min

JavaScript templates with Handlebars30 min

Putting data into templates30 min

Displaying different data with the same template30 min

Displaying the same data with different templates, Use a Bootstrap modal30 min

Adding content to websites summary quiz30 min

Semaine

Semaine 4

6 heures pour terminer

Building a full gallery app

6 heures pour terminer

8 vidéos (Total 60 min), 4 lectures, 8 quiz

8 vidéos

Overview55s

JavaScript arrays5 min

Storing objects in arrays and displaying them with a template6 min

Dynamically displaying single images from an array8 min

Implementing a search function12 min

Data structure for a complete image gallery6 min

Writing the templates for the gallery7 min

Switching displays in the gallery12 min

4 lectures

Source Code for this module10 min

URL for this lesson10 min

Source Code10 min

Source code for the gallery10 min

7 exercices pour s'entraîner

JavaScript arrays30 min

Storing objects in arrays and displaying them with a template30 min

Dynamically displaying single images from an array30 min

Implementing a search function30 min

Data structure for a complete image gallery30 min

Writing the templates for the gallery30 min

Building a full gallery app summary quiz30 min

Avis

4.6

415 avis

5 stars
69,13 %
4 stars
22,12 %
3 stars
5,93 %
2 stars
1,45 %
1 star
1,35 %

Meilleurs avis pour RESPONSIVE WEB DESIGN

par AB29 mars 2018

Everything was great but it should be notified that "This course would contain some Jquery" as last 2 weeks were pain in my back. Thank you very much.

par SS16 nov. 2015

Brilliant - would be even better if the grading can somehow be automated in addition to peer review. This way lazy submitters who finish before course completion can also get a grade.

par MR11 déc. 2015

difficult at times - particularly wrestling with Handlebars the template library- but well worth the time devoted to understanding and using what is taught here.

par JV29 avr. 2018

Thank you for an excellent course! I learned a lot. In my opinion assignments could be more challenging, especially the last one with the gallery.

Voir tous les avis

À propos du Spécialisation Développement et conception d'un site Web dynamique

Responsive web design is all about creating the best user experience regardless of whether a user is accessing your site from a desktop computer, a mobile phone, or a tablet.

This Specialisation covers the basics of modern full stack web development, from UX design to front-end coding to custom databases. You’ll build foundational skills in a full range of technologies, including HTML/CSS, Javascript, and MongoDB, and you’ll learn to implement a reactive, multi-user web application using the meteor.js framework. We’ll also touch on more advanced topics, such as APIs, data visualization, and animation. You will add several projects to your portfolio to demonstrate your skill and growth throughout this Specialisation. You will create web pages using basic elements to control layout and style, use responsive web design principles to take a site from wireframe to website, implement security features, and create collaborative multi-user experiences. Just like any professional full stack web developer, you will build accessibility and usability into your responsive websites.

Développement et conception d'un site Web dynamique

Foire Aux Questions

Quand aurai-je accès aux vidéos de cours et aux devoirs ?
L’accès à des vidéos de cours et des devoirs dépend de votre type d’inscription. Si vous suivez un cours en mode auditeur libre, vous pourrez voir la plupart des contenus de cours gratuitement. Pour accéder aux devoirs notés et obtenir un certificat, vous devrez acheter une expérience de certificat, pendant ou après avoir assister au cours en tant qu’auditeur libre. Si vous ne visualisez pas l’option auditeur libre :
Il est possible que le cours ne propose pas d’option auditeur libre. Vous pouvez en revanche accéder à un essai gratuit ou faire une demande d'aide financière.
Le cours propose peut-être « Cours complet, aucun certificat » à la place. Cette option vous permet de voir tous les contenus de cours, de soumettre les évaluations requises et d'obtenir une note finale. Cependant, vous ne pourrez pas acheter une expérience de certificat.
À quoi ai-je droit si je m'abonne à cette Spécialisation ?
Lorsque vous vous inscrivez au cours, vous bénéficiez d'un accès à tous les cours de la Spécialisation, et vous obtenez un Certificat lorsque vous avez réussi. Votre Certificat électronique est alors ajouté à votre page Accomplissements. À partir de cette page, vous pouvez imprimer votre Certificat ou l'ajouter à votre profil LinkedIn. Si vous souhaitez seulement lire et visualiser le contenu du cours, vous pouvez accéder gratuitement au cours en tant qu'auditeur libre.
Une aide financière est-elle possible ?
Oui. Dans certains programmes d’apprentissage, vous pouvez demander une aide financière ou une bourse d’études si vous ne pouvez pas payer les frais d’inscription. Si une aide financière ou une bourse d’études est disponible pour le programme d’apprentissage choisi, vous trouverez un lien pour faire une demande sur la page de description.

D'autres questions ? Visitez le Centre d'Aide pour les Étudiants.

Développez les compétences de vos employés, obtenez des résultats commerciaux

Découvrez Coursera pour les affaires

Responsive Web Design

À propos de ce cours

Compétences que vous acquerrez

Enseignants

Dr Matthew Yee-King

Dr Kate Devlin

Prof Marco Gillies

Dr Mick Grierson

Offert par

Université de Londres

Goldsmiths, Université de Londres

Programme de cours : ce que vous apprendrez dans ce cours

Responsive Web Design: Course overview

Web design principles

Realising design principles in code

Adding content to websites

Building a full gallery app

Avis

Meilleurs avis pour RESPONSIVE WEB DESIGN

À propos du Spécialisation Développement et conception d'un site Web dynamique

Foire Aux Questions

Commencez ou faites progresser votre carrière

Cours et certifications populaires

Collections et articles populaires

Obtenez un diplôme ou un certificat en ligne

Coursera

Communauté

Plus

Responsive Web Design

À propos de ce cours

Compétences que vous acquerrez

Enseignants

Dr Matthew Yee-King

Dr Kate Devlin

Prof Marco Gillies

Dr Mick Grierson

Offert par

Université de Londres

Goldsmiths, Université de Londres

Programme de cours : ce que vous apprendrez dans ce cours

Responsive Web Design: Course overview

Web design principles

Realising design principles in code

Adding content to websites

Building a full gallery app

Avis

Meilleurs avis pour RESPONSIVE WEB DESIGN

À propos du Spécialisation Développement et conception d'un site Web dynamique

Foire Aux Questions

Coursera Footer

Commencez ou faites progresser votre carrière

Cours et certifications populaires

Collections et articles populaires

Obtenez un diplôme ou un certificat en ligne

Coursera

Communauté

Plus