К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Coding User Interfaces with AI · LearnSpace
Назад в каталог
courseraБизнес

Coding User Interfaces with AI

Курс от University of Virginia
Начальный≈ 13.5 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

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.

Навыки, которые вы освоите

Responsive Web DesignHypertext Markup Language (HTML)Generative AICascading Style Sheets (CSS)DebuggingModel View ControllerHTML and CSSWeb Design and DevelopmentUser Interface (UI)Design and ProductUser Interface (UI) DesignProgram DevelopmentVibe codingWeb DesignUser Interface and User Experience (UI/UX) Design

Программа курса

4 модулей · 46 учебных материалов

01Views with HTML12 материалов

A New Technical You

Welcome to the Specialization!ВидеоWhy Learn to Code?ВидеоHow You'll Learn to CodeВидео

Prototyping with HTML

Understanding Your Stack with the MVCВидеоFocusing Your Design Intent

Учитесь у экспертов

Alex Cowan

Faculty & Batten Fellow

Yael Grushka-Cockayne

Associate Professor of Business Administration

Coding User Interfaces with AI
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 13.5 ч

4 модулей

Язык: Английский

Субтитры: Арабский, Французский, Итальянский, Бразильский португальский, Корейский, Немецкий, Испанский, Японский, Казахский

Часть программы вашего университета
Видео
Unpacking the ViewВидео
Intro to the Case & Sample Code Видео
Case - From Prototype to HTMLЧтение
Working with HTMLВидео
The Development Coach that Never RestsВидео
Case Solution - From Prototype to HTMLВидео
Week 1 Quiz - Views with HTMLЗадание
02Views with HTML & CSS11 материалов

Making HTML Manageable with CSS

Introduction to Week 2ВидеоIntro to the Case - Making HTML ManageableВидеоCase - Making HTML ManageableЧтениеAbout the Reading: Design Principle ConsistencyВидеоReading: Design Principle - Consistency by Anton NikolovЧтениеDesign Principle - ConsistencyОбсуждениеCSS: Why?ВидеоCSS: How?ВидеоUsing AI with HTML & CSSВидеоCase Solution - Making HTML ManageableВидеоWeek 2 Quiz - Views with HTML & CSSЗадание
03Debugging & Grid Systems13 материалов

Debugging HTML & CSS

Introduction to Week 3ВидеоAbout the ReadingВидеоAnalytical DebuggingВидеоDebugging Example: Fixing Different FontsВидеоDebugging Example: Fixing Line SpacingВидеоCase Intro - Debugging HTML & CSS ВидеоCase - Debugging HTML & CSSЧтениеCase Solution- Debugging HTML & CSSВидео

Lesson 2 - Responsive Design

Case Intro - A Four Corner DesignВидеоThe Job of Responsive DesignВидеоGrid Systems, FTWВидеоCase Solution- a Four Corner DesignВидеоWeek 3 Quiz - Debugging & Grid SystemsЗадание
04Your Working UI10 материалов

Preparing Your Design for Development

Introduction to Week 4ВидеоHow (and Why) to Write Great User StoriesЧтениеHow (and Why) to Write Great User StoriesОбсуждениеPractice: Focusing Your Design IntentВидеоPractice: Unpacking Into Codeable Steps ВидеоEditing the Prototypes in BalsamiqВидеоPractice: Effectuating Your Approach with AIВидеоCompleting a Portfolio EntryВидеоWhat's Next?ВидеоWeek 4 Quiz Задание