طراحی و کد صفحه اصلی توییتر با JavaScript ، CSS & FIGMA

طراحی UI UX را به اجزای توسعه وب بومی جلوی با HTML ، CSS ، JavaScript ، Lit JS و FIGMA
انتقال دهید.

عنوان اصلی : Design & Code Twitter Home Page with JavaScript, CSS & Figma

سرفصل های دوره :

بررسی اجمالی دوره و مواد:
میانبرهای مشترک قبل از شروع
لیست افزونه ها
بارگیری مطالب درسی
توییتر UI - FIGMA:
ناوبری نوار کناری - فیگما
مشخصات نوار کناری - FIGMA
کشویی نوار کناری - FIGMA
مؤلفه هدر خانه - FIGMA
مؤلفه توییت - FIGMA
فید خبری - فیگما
اجزای کاوش - FIGMA
مؤلفه اعلان - FIGMA
مؤلفه پیام - FIGMA
مؤلفه نشانک - FIGMA
مؤلفه لیست - FIGMA
مؤلفه پروفایل - FIGMA
مؤلفه نوار کناری توییتر:
توسعه جاوا اسکریپت
در مقابل کد تنظیم تنظیم شده
میزبان CSS استاتیک
سبک های تایپوگرافی را اصلاح کنید
به طور مشروط رندر - JavaScript
CSS مشترک در JavaScript
اجزای دکمه نوار کناری - JavaScript
آرم نوار کناری - JavaScript
مؤلفه دکمه - JavaScript
نام کاربری نوار کناری - JavaScript
اصلاح مجدد روش SVG
مؤلفه تایپوگرافی تو در تو - JavaScript
نوار کناری نهایی - CSS
رفع پایه نوار کناری - CSS
کشویی نوار کناری - CSS
مشخصات نوار کناری - CSS
شنونده رویداد Sidebar - JavaScript
رفع شنونده رویداد - JavaScript
CSS و JavaScript را تمیز کنید
مؤلفه خبری توییتر:
ماژول های JavaScript را سازماندهی کنید
منطق جاوا اسکریپت Refactor
مؤلفه استفاده مجدد - JavaScript
مؤلفه اطلاعات گرایش - JavaScript
چیدمان خبری - CSS
اصلاح سبک پیمایش - CSS
پاسخگو اخبار - CSS
نوار کناری اصلاح جزئی - CSS
پوشه داده جدید
محتوای پویا - JavaScript
مؤلفه خانه توییتر:
انواع FIGMA - JavaScript
دکمه نماد - JavaScript
مؤلفه خانه - HTML
دکمه های نماد توییت - SVG
طرح کارت توییت - CSS
طرح CSS را تمیز کنید
داده های کارت توییت
کارت توییت پویا - JavaScript
افکار نهایی
سخنرانی جایزه:
جایزه