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.
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.)
涵盖的内容
10个视频1篇阅读材料1个作业
显示有关单元内容的信息
10个视频•总计62分钟
Welcome to the Specialization!•1分钟
Why Learn to Code?•7分钟
How You'll Learn to Code•7分钟
Understanding Your Stack with the MVC•7分钟
Focusing Your Design Intent•6分钟
Unpacking the View•7分钟
Intro to the Case & Sample Code •7分钟
Working with HTML•8分钟
The Development Coach that Never Rests•6分钟
Case Solution - From Prototype to HTML•6分钟
1篇阅读材料•总计150分钟
Case - From Prototype to HTML•150分钟
1个作业•总计30分钟
Week 1 Quiz - Views with HTML•30分钟
Views with HTML & CSS
第 2 单元•小时 后完成
单元详情
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.
涵盖的内容
7个视频2篇阅读材料1个作业1个讨论话题
显示有关单元内容的信息
7个视频•总计29分钟
Introduction to Week 2•1分钟
Intro to the Case - Making HTML Manageable•3分钟
About the Reading: Design Principle Consistency•2分钟
CSS: Why?•4分钟
CSS: How?•8分钟
Using AI with HTML & CSS•3分钟
Case Solution - Making HTML Manageable•8分钟
2篇阅读材料•总计165分钟
Case - Making HTML Manageable•150分钟
Reading: Design Principle - Consistency by Anton Nikolov•15分钟
1个作业•总计30分钟
Week 2 Quiz - Views with HTML & CSS•30分钟
1个讨论话题•总计10分钟
Design Principle - Consistency•10分钟
Debugging & Grid Systems
第 3 单元•小时 后完成
单元详情
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.
涵盖的内容
11个视频1篇阅读材料1个作业
显示有关单元内容的信息
11个视频•总计40分钟
Introduction to Week 3•1分钟
About the Reading•1分钟
Analytical Debugging•3分钟
Debugging Example: Fixing Different Fonts•6分钟
Debugging Example: Fixing Line Spacing•2分钟
Case Intro - Debugging HTML & CSS •3分钟
Case Solution- Debugging HTML & CSS•6分钟
Case Intro - A Four Corner Design•2分钟
The Job of Responsive Design•3分钟
Grid Systems, FTW•7分钟
Case Solution- a Four Corner Design•5分钟
1篇阅读材料•总计150分钟
Case - Debugging HTML & CSS•150分钟
1个作业•总计30分钟
Week 3 Quiz - Debugging & Grid Systems•30分钟
Your Working UI
第 4 单元•小时 后完成
单元详情
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.
A premier institution of higher education, The University of Virginia offers outstanding academics, world-class faculty, and an inspiring, supportive environment. Founded by Thomas Jefferson in 1819, the University is guided by his vision of discovery, innovation, and development of the full potential of students from all walks of life. Through these courses, global learners have an opportunity to study with renowned scholars and thought leaders.
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.