آموزش کدنویسی رابط کاربری با هوش مصنوعی - آخرین آپدیت

نماها با HTML Views with HTML

• خوش‌آمدگویی به تخصص! Welcome to the Specialization!

• چرا کدنویسی یاد بگیریم؟ Why Learn to Code?

• چگونه کدنویسی خواهید آموخت How You'll Learn to Code

• درک استک تکنولوژی با MVC Understanding Your Stack with the MVC

• تمرکز بر هدف طراحی Focusing Your Design Intent

• کالبدشکافی نما (View) Unpacking the View

• مقدمه‌ای بر مورد مطالعاتی و نمونه کد Intro to the Case & Sample Code

• کار با HTML Working with HTML

• مربی توسعه‌ای که هرگز نمی‌خوابد The Development Coach that Never Rests

• راهکار مورد مطالعاتی: از پروتوتایپ تا HTML Case Solution - From Prototype to HTML

نماها با HTML و CSS Views with HTML & CSS

• مقدمه‌ای بر هفته دوم Introduction to Week 2

• مقدمه مورد مطالعاتی: مدیریت‌پذیر کردن HTML Intro to the Case - Making HTML Manageable

• درباره مطالعه: اصل ثبات در طراحی About the Reading: Design Principle Consistency

• سی‌اس‌اس (CSS): چرا؟ CSS: Why?

• سی‌اس‌اس (CSS): چگونه؟ CSS: How?

• استفاده از هوش مصنوعی با HTML و CSS Using AI with HTML & CSS

• راهکار مورد مطالعاتی: مدیریت‌پذیر کردن HTML Case Solution - Making HTML Manageable

دیباگینگ و سیستم‌های گرید Debugging & Grid Systems

• مقدمه‌ای بر هفته سوم Introduction to Week 3

• درباره مطالعه About the Reading

• دیباگینگ تحلیلی Analytical Debugging

• مثال دیباگینگ: اصلاح فونت‌های مختلف Debugging Example: Fixing Different Fonts

• مثال دیباگینگ: اصلاح فاصله خطوط Debugging Example: Fixing Line Spacing

• مقدمه مورد مطالعاتی: دیباگینگ HTML و CSS Case Intro - Debugging HTML & CSS

• راهکار مورد مطالعاتی: دیباگینگ HTML و CSS Case Solution- Debugging HTML & CSS

• مقدمه مورد مطالعاتی: طراحی چهار گوشه Case Intro - A Four Corner Design

• نقش طراحی ریسپانسیو The Job of Responsive Design

• سیستم‌های گرید برای پیروزی Grid Systems, FTW

• راهکار مورد مطالعاتی: طراحی چهار گوشه Case Solution- a Four Corner Design

رابط کاربری عملیاتی شما Your Working UI

• مقدمه‌ای بر هفته چهارم Introduction to Week 4

• تمرین: تمرکز بر هدف طراحی Practice: Focusing Your Design Intent

• تمرین: تبدیل به مراحل قابل کدنویسی Practice: Unpacking Into Codeable Steps

• ویرایش پروتوتایپ‌ها در Balsamiq Editing the Prototypes in Balsamiq

• تمرین: عملیاتی کردن رویکرد شما با هوش مصنوعی Practice: Effectuating Your Approach with AI

• تکمیل یک مورد برای پورتفولیو Completing a Portfolio Entry

• گام بعدی چیست؟ What's Next?