Northeastern University
Conception de sites web et ingénierie de l'expérience utilisateur - Partie 2

Débloquez l'accès à plus de 10 000 cours avec Coursera Plus. Essai gratuit de 7 jours.

Northeastern University

Conception de sites web et ingénierie de l'expérience utilisateur - Partie 2

Brett Ritter

Instructeur : Brett Ritter

Inclus avec Coursera Plus

Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.
niveau Débutant
Aucune connaissance prérequise
2 semaines à compléter
à 10 heures par semaine
Planning flexible
Apprenez à votre propre rythme
Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.
niveau Débutant
Aucune connaissance prérequise
2 semaines à compléter
à 10 heures par semaine
Planning flexible
Apprenez à votre propre rythme

Compétences que vous acquerrez

  • Catégorie : Conception de l'interface et de l'expérience utilisateur (UI/UX)
  • Catégorie : Wireframing
  • Catégorie : Conception de sites web réactifs
  • Catégorie : Déploiement des applications
  • Catégorie : Javascript
  • Catégorie : Règles pour l’accessibilité des contenus Web
  • Catégorie : Méthodologie agile
  • Catégorie : Conception et développement de sites web
  • Catégorie : Développement Web Front-End
  • Catégorie : HTML et CSS
  • Catégorie : React.js
  • Catégorie : Applications Web

Détails à connaître

Certificat partageable

Ajouter à votre profil LinkedIn

Récemment mis à jour !

août 2025

Évaluations

9 devoirs

Enseigné en Anglais

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

 logos de Petrobras, TATA, Danone, Capgemini, P&G et L'Oreal

Il y a 7 modules dans ce cours

Ce module se concentre sur la création d'éléments Web accessibles et interactifs à l'aide de JavaScript, en mettant l'accent sur la compatibilité avec les lecteurs d'écran et les technologies d'assistance (TA). Vous explorerez les concepts clés de l'accessibilité comme ARIA, les outils d'accessibilité et les meilleures pratiques pour améliorer l'expérience utilisateur. Ce module couvre également les composants interactifs populaires tels que les accordéons, les modales, les carrousels et les menus hamburger, en discutant de leur conception et de leur fonctionnalité. Grâce aux lectures, aux démonstrations et aux quiz de cette semaine, vous approfondirez votre compréhension de la mise en œuvre de ces fonctionnalités.

Inclus

17 lectures3 devoirs1 sujet de discussion

Ce module vous présente React, une bibliothèque JavaScript populaire pour la construction d'interfaces utilisateur. Vous commencerez par vous familiariser avec la syntaxe JSX et par utiliser Vite pour mettre en place votre première application React. Au fur et à mesure de votre progression, vous explorerez la façon dont React traite les événements et gère l'état au sein des composants, en acquérant une compréhension plus approfondie du cycle de rendu de l'état. Grâce à des démonstrations pratiques, telles que la construction d'un jeu Pierre-Papier-Ciseaux, vous solidifierez vos connaissances. À la fin de ce module, vous serez équipé pour créer des applications dynamiques et interactives en utilisant les fonctionnalités de base de React.

Inclus

3 vidéos8 lectures2 devoirs

Cette semaine, vous allez plonger dans la construction d'applications à page unique (SPA) avec React, en vous concentrant sur la gestion des "pages" au sein d'une application React. Vous apprendrez à créer et à gérer des formulaires dans React, en couvrant des concepts clés tels que les composants contrôlés et non contrôlés, la gestion des événements et la validation des formulaires. En outre, vous explorerez l'utilisation de l'accessoire children, les composants wrappers et la façon de créer des boutons et des cartes réutilisables. Le hook useRef sera également présenté pour gérer les références dans React. À la fin de cette semaine, vous appliquerez ces concepts à travers un devoir impliquant des modales et des composants de carte dans un projet React.

Inclus

6 lectures1 devoir

Cette semaine, nous nous concentrerons sur l'utilisation du hook `useEffect` dans React, qui vous permet de gérer les effets de bord comme la récupération de données ou la manipulation du DOM. Nous explorerons les applications pratiques de `useEffect` à travers des lectures et des démonstrations, y compris la construction d'un composant de compteur. De plus, nous plongerons dans le concept de lien profond au sein des applications à page unique (SPA), couvrant son importance pour la navigation, l'API de l'historique du navigateur, et les différentes méthodes de routage comme le routage basé sur le chemin et le routage basé sur le hachage. Vous apprendrez pourquoi la compréhension de ces concepts est cruciale, même sans implémentation directe. À la fin de cette semaine, vous appliquerez ces techniques dans un devoir où vous créerez une SPA React à liens profonds.

Inclus

5 lectures

Cette semaine, nous allons explorer les concepts essentiels du concepteur UI, notamment les wireframes, les mockups, les redlines et les prototypes. Vous apprendrez comment ces éléments s'intègrent dans le processus de conception visuelle, avec des exemples visuels et une démo sur l'évaluation des propositions de projet. Nous aborderons également la dynamique du travail avec des équipes pluridisciplinaires, en nous concentrant sur les rôles tels que les PM, les développeurs, les concepteurs et l'assurance qualité. En outre, nous nous pencherons sur l'amélioration progressive et la dégradation élégante, des approches clés pour construire des expériences web résilientes. Enfin, nous présenterons les méthodologies Agile, y compris la façon dont les sprints fonctionnent dans les projets du monde réel. À la fin du module, vous aurez réalisé un travail identifiant les questions clés qui se posent lors de l'examen d'une maquette pour une tâche d'UI.

Inclus

6 lectures1 devoir

Cette semaine, nous nous concentrerons sur les dernières étapes du développement web et sur la préparation à la carrière. Vous apprendrez à déployer des pages web sur un hébergeur, en couvrant les bases de la mise en place et de la gestion d'un site web vivant. Nous nous pencherons également sur le processus de recherche d'emploi avec des lectures et une démo sur la déconstruction des offres d'emploi afin de mieux adapter vos candidatures. En outre, nous aborderons les stratégies d'entretien, de négociation des offres d'emploi et de gestion de la croissance de votre carrière.

Inclus

3 lectures

Félicitations pour avoir atteint la fin du cours ! La dernière semaine du cours se terminera par un quiz de révision complet. Nous espérons que vous avez apprécié ce cours !

Inclus

2 lectures2 devoirs

Instructeur

Brett Ritter
Northeastern University
3 Cours257 apprenants

Offert par

En savoir plus sur Développement mobile et web

Pour quelles raisons les étudiants sur Coursera nous choisissent-ils pour leur carrière ?

Felipe M.
Étudiant(e) depuis 2018
’Pouvoir suivre des cours à mon rythme à été une expérience extraordinaire. Je peux apprendre chaque fois que mon emploi du temps me le permet et en fonction de mon humeur.’
Jennifer J.
Étudiant(e) depuis 2020
’J'ai directement appliqué les concepts et les compétences que j'ai appris de mes cours à un nouveau projet passionnant au travail.’
Larry W.
Étudiant(e) depuis 2021
’Lorsque j'ai besoin de cours sur des sujets que mon université ne propose pas, Coursera est l'un des meilleurs endroits où se rendre.’
Chaitanya A.
’Apprendre, ce n'est pas seulement s'améliorer dans son travail : c'est bien plus que cela. Coursera me permet d'apprendre sans limites.’
Coursera Plus

Ouvrez de nouvelles portes avec Coursera Plus

Accès illimité à 10,000+ cours de niveau international, projets pratiques et programmes de certification prêts à l'emploi - tous inclus dans votre abonnement.

Faites progresser votre carrière avec un diplôme en ligne

Obtenez un diplôme auprès d’universités de renommée mondiale - 100 % en ligne

Rejoignez plus de 3 400 entreprises mondiales qui ont choisi Coursera pour les affaires

Améliorez les compétences de vos employés pour exceller dans l’économie numérique

Foire Aux Questions