آموزش عمیق HTML و CSS - آخرین آپدیت

آموزش عمیق HTML HTML in depth

• مقدمه‌ای بر دوره Introduction to the Program

• مقدمه‌ای بر آموزش عمیق HTML و CSS Introduction to HTML and CSS in depth

• نحوه استفاده از HTML و CSS در دنیای واقعی How are HTML and CSS used in the real world?

• مرور کلی: آنچه درباره HTML و CSS می‌دانید Recap: What you know about HTML and CSS

• تگ‌های معنایی (Semantic) و چرایی نیاز به آن‌ها Semantic tags and why we need them

• نمونه عملی تگ‌های معنایی Semantic tags in action

• متادیتا (Metadata) Metadata

• چیدمان پایه و اساسی Bare bones layout

• تجربه کاربری (UX) با متاتگ‌ها UX with meta tags

• راه‌اندازی کارت شبکه‌های اجتماعی Setting up a social media card

• فرم‌ها و اعتبارسنجی Forms and validation

• ایجاد یک فرم Creating a form

• بهره‌گیری حداکثری از اعتبارسنجی سمت کاربر Making the most of client-side validation

• دکمه‌های رادیویی (Radio buttons) Radio buttons

• استفاده از عناصر تعاملی فرم Using interactive form elements

• ارسال فرم Form submission

• تفاوت‌های مرورگرها Browser differences

• ویدیو و صوت Video and audio

• پخش‌کننده‌های جاسازی شده Embedded players

• آی‌فریم‌ها (iFrames) iFrames

• استفاده از iFrame به عنوان تصویر iFrame as a picture

• عنصر Canvas The canvas element

• خلاصه ماژول: آموزش عمیق HTML Module summary: HTML deep dive

CSS تعاملی Interactive CSS

• چیدمان وب با CSS CSS web layout

• مبانی Flexbox Basic flexbox

• نمودارهای Flex Flex charts

• شبکه‌های CSS (CSS Grids) CSS grids

• نمایش قابلیت‌های Grid Grid showcase

• مطالعه موردی: چگونه Meta ساخت‌های واکنش‌گرا ایجاد می‌کند Case study: How Meta creates responsive builds

• انتخاب‌گرهای (Selectors) پرکاربرد Widely used selectors

• انتخاب‌گرهای ترکیبی Combination selectors

• شبه‌کلاس‌ها (Pseudo classes) Pseudo-classes

• استفاده عملی از شبه‌کلاس‌ها Practical use of pseudo

• اثر (Effect) چیست؟ What is an effect

• جلوه‌های متنی Text effects

• تبدیل‌ها (Transforms) و انتقال‌ها (Transitions) در CSS CSS Transforms and transitions

• انیمیشن در CSS CSS animation

• نمونه‌های انیمیشن Animation examples

• خطاهای رایج Common errors

• مدیریت خطاها Handling errors

• ابزارهای عیب‌یابی Debugging tools

• CSS مختص به مرورگر Browser-specific CSS

• تست رابط کاربری (UI testing) UI testing

• مطالعه موردی: نحوه تست فرانت‌اند در Meta Case study: How Meta performs front-end testing

• خلاصه ماژول: CSS تعاملی Module summary: Interactive CSS

ارزیابی نهایی Graded Assessment

• مرور کلی دوره Course recap

• انتخاب موضوع و تعیین چیدمان Selecting the subject and working out the layout

• مکان‌یابی عناصر و ایجاد نگهدارنده‌ها (Placeholders) Positioning the elements, creating placeholders

• برنامه‌ریزی تجربه کاربری Planning the user experience

• نمونه الگو: تا اینجا همه چیز خوب است Exemplar: So far so good

• تبریک! شما آموزش عمیق HTML و CSS را به پایان رساندید! Congratulations, you have completed HTMLS and CSS in depth!