Do I need prior coding experience?

No, you do not. There are ample resources for you to get started as a beginner.

Is this hands-on or theoretical?

It is very much hands-on. You will be coding (as well as designing).

When will I have access to the lectures and assignments?

To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.

What will I get if I subscribe to this Specialization?

When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.

Is financial aid available?

Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.

Coding User Interfaces with AI

Coding User Interfaces with AI

This course is part of Coding with AI for MBAs Specialization

Instructors: Alex Cowan

Included with

Learn more

4 modules

Gain insight into a topic and learn the fundamentals.

Beginner level

No prior experience required

1 week to complete

at 10 hours a week

Flexible schedule

Learn at your own pace

4 modules

Gain insight into a topic and learn the fundamentals.

Beginner level

No prior experience required

1 week to complete

at 10 hours a week

Flexible schedule

Learn at your own pace

What you'll learn

How to transition ideas to designs, and how to translate those designs to code
How to build end user interfaces using HTML and CSS (with a transition to Javascript in course 2).
How to use analytical debugging to take the guess work and anxiety out of coding
How to use digital literacy to enhance your team's practice of agile

Skills you'll gain

Tools you'll learn

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

4 assignments

Taught in English

91% of learners achieved a positive career outcome

See how employees at top companies are mastering in-demand skills

Learn more about Coursera for Business

logos of Petrobras, TATA, Danone, Capgemini, P&G and L'Oreal

Build your subject-matter expertise

This course is part of the Coding with AI for MBAs Specialization

When you enroll in this course, you'll also be enrolled in this Specialization.

Learn new concepts from industry experts
Gain a foundational understanding of a subject or tool
Develop job-relevant skills with hands-on projects
Earn a shareable career certificate

There are 4 modules in this course

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.

Module details

Get ready to code! As you’ll find, coding itself is no big thing, especially with AI. The big secret is that what outsiders think of as ‘coding’ actually requires a few fairly distinct activities to all work well together. This week, you’ll learn how to create focus like a designer, unfold designs like an architect, choose technology like a CTO, and, yes, code like a developer. And you’ll learn how to do it with AI. (Please note that if you audit this course, only the first module is available and you will not earn a course certificate.)

What's included

10 videos1 reading1 assignment

10 videosTotal 62 minutes

Welcome to the Specialization!1 minute
Why Learn to Code?7 minutes
How You'll Learn to Code7 minutes
Understanding Your Stack with the MVC7 minutes
Focusing Your Design Intent6 minutes
Unpacking the View7 minutes
Intro to the Case & Sample Code 7 minutes
Working with HTML8 minutes
The Development Coach that Never Rests6 minutes
Case Solution - From Prototype to HTML6 minutes

1 readingTotal 150 minutes

Case - From Prototype to HTML150 minutes

1 assignmentTotal 30 minutes

Week 1 Quiz - Views with HTML30 minutes

Building Views requires us to do two main jobs: declare an element and define its appearance. You learned how to declare View elements for your UI with HTML. This week, you’ll learn how to more effectively define the appearance and behavior of those View elements using CSS.

What's included

7 videos2 readings1 assignment1 discussion prompt

7 videosTotal 29 minutes

Introduction to Week 21 minute
Intro to the Case - Making HTML Manageable3 minutes
About the Reading: Design Principle Consistency2 minutes
CSS: Why?4 minutes
CSS: How?8 minutes
Using AI with HTML & CSS3 minutes
Case Solution - Making HTML Manageable8 minutes

2 readingsTotal 165 minutes

Case - Making HTML Manageable150 minutes
Reading: Design Principle - Consistency by Anton Nikolov15 minutes

1 assignmentTotal 30 minutes

Week 2 Quiz - Views with HTML & CSS30 minutes

1 discussion promptTotal 10 minutes

Design Principle - Consistency10 minutes

Now that you have some practice building Views, we’re going to work on your fundamentals. First, we’ll focus on analytical debugging. To debug is to code, and comfort with the debugging process may be the most crucial component to ‘really’ learning how to code. Bonus item: AI is great both at helping and explaining in this area. We’ll also be looking at responsive design, an approach that helps us make sure our UX works well not just on computers, but also on mobile devices, etc.

What's included

11 videos1 reading1 assignment

11 videosTotal 40 minutes

Introduction to Week 31 minute
About the Reading1 minute
Analytical Debugging3 minutes
Debugging Example: Fixing Different Fonts6 minutes
Debugging Example: Fixing Line Spacing2 minutes
Case Intro - Debugging HTML & CSS 3 minutes
Case Solution- Debugging HTML & CSS6 minutes
Case Intro - A Four Corner Design2 minutes
The Job of Responsive Design3 minutes
Grid Systems, FTW7 minutes
Case Solution- a Four Corner Design5 minutes

1 readingTotal 150 minutes

Case - Debugging HTML & CSS150 minutes

1 assignmentTotal 30 minutes

Week 3 Quiz - Debugging & Grid Systems30 minutes

Let’s take it from the top! This week you’re going to go from idea to code for an idea of your own. This will help you more fully internalize the four steps you’ve learned and, we hope, have some fun along the way.