Codage des interfaces utilisateur avec l'IA

Aperçu

The secret is out:

AI is changing everything about the way we work. Few things have changed more than the way we go from idea to code.

If you’re an MBA or a generalist of any sort, all this is very much working in your favor. While coding well is a lifelong pursuit like any other, getting started is now a lot easier.

This course will get you started with a product-first coding process that will both help you build great products yourself using AI as well as make yourself a better collaborator to your engineering-focused colleagues. In this first course, we’re going to focus on going from design to code for ‘Views’ or user interfaces (UI’s).

We’ll code in HTML & CSS, but mostly we’ll be focused on the underlying design and engineering principles for building user interfaces. This course was developed at the Darden School of Business at the University of Virginia and is taught by top-ranked faculty.

Programme

• Vues avec HTML
Préparez-vous à coder ! Comme vous le découvrirez, coder n’est pas une grande affaire, surtout avec l’IA. Le grand secret est que ce que les non-initiés pensent être du « codage » nécessite en réalité plusieurs activités assez distinctes pour bien fonctionner ensemble. Cette semaine, vous apprendrez à créer un focus comme un designer, à déployer des conceptions comme un architecte, à choisir la technologie comme un CTO et, oui, à coder comme un développeur. Et vous apprendrez à le faire avec l'IA. (Veuillez noter que si vous suivez ce cours en audit, seul le premier module est disponible et vous ne recevrez pas de certificat de cours.)
• Vues avec HTML & CSS
Construire des vues nécessite d'effectuer deux tâches principales : déclarer un élément et définir son apparence. Vous avez appris à déclarer des éléments de vue pour votre interface utilisateur avec HTML. Cette semaine, vous apprendrez à définir plus efficacement l'apparence et le comportement de ces éléments de vue en utilisant CSS.
• Débogage & Systèmes de grilles
Maintenant que vous avez pratiqué la construction de vues, nous allons travailler sur vos fondamentaux. Tout d'abord, nous nous concentrerons sur le débogage analytique. Déboguer, c'est coder, et être à l'aise avec le processus de débogage est peut-être l'élément le plus crucial pour « vraiment » apprendre à coder. Bonus : l'IA est géniale tant pour aider que pour expliquer dans ce domaine. Nous aborderons également le design réactif, une approche qui nous aide à nous assurer que notre UX fonctionne bien non seulement sur les ordinateurs, mais aussi sur les appareils mobiles, etc.
• Votre interface utilisateur fonctionnelle
Reprenons depuis le début ! Cette semaine, vous allez passer de l'idée au code pour une idée qui vous est propre. Cela vous aidera à mieux internaliser les quatre étapes que vous avez apprises et, espérons-le, à vous amuser un peu en cours de route.

Enseigné par

Alex Cowan and Yael Grushka-Cockayne

Matières

Computer Science