یادگیری Front-End : ساخت یک کپی از توئیتر ( Twitter )

با استفاده از HTML ، CSS ، CSS Flexbox ، CSS Grid و JavaScript یک کلون توییتر بسازید. مهارت های توسعه دهنده وب جلوی خود را تسلط دهید

عنوان اصلی : Front End Web Development Bootcamp - Build a Twitter Clone

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

خوش آمدید:
پرونده های منبع
دوره سقوط HTML:
سند اساسی HTML
عناوین ، پاراگراف ها و موارد دیگر ...
لیست ها
پیوندها
تصاویر
فرم - قسمت 1
فرم - قسمت 2
عناصر معنایی HTML5
دوره CSS CRACT:
انتخاب کنندگان CSS
رنگ در CSS
قالب بندی متن
قلم ها
مدل جعبه
کلاسهای شبه
عناصر شبه
واحدهای اندازه گیری - قسمت 1
واحدهای اندازه گیری - قسمت 2
موقعیت ها - قسمت 1
موقعیت ها - قسمت 2
شناورها
زمینه ها - قسمت 1
زمینه ها - قسمت 2
سایه ها
انتقال
تبدیل - قسمت 1
تبدیل - قسمت 2
css flexbox:
مقدمه ای بر CSS Flexbox
خصوصیات کانتینر فلکس
خصوصیات مورد فلکس
شبکه CSS:
معرفی شبکه CSS
راه اندازی
نحوه ایجاد شبکه
واحد کسری
نحوه قرار دادن موارد شبکه
نامگذاری موارد شبکه - قسمت 1
نامگذاری موارد شبکه - قسمت 2
نامگذاری مناطق شبکه
شبکه های صریح و ضمنی
تراز کردن موارد شبکه
تراز کردن مسیر شبکه
Max-Content ، Min-Content ، Minmax ()
پر کردن خودکار و مناسب خودکار
پروژه - ساخت یک کلون توییتر (صفحه اصلی):
ساختار صفحه اصلی را ایجاد کنید
یک ظاهر طراحی شده از صفحه اصلی - قسمت 1
یک ظاهر طراحی شده از صفحه اصلی - قسمت 2
یک ظاهر طراحی عنصر فرم
یک ظاهر طراحی بنر
یک ظاهر طراحی شده از پاورقی
پروژه - ساخت یک کلون توییتر (صفحه ورود به سیستم):
ساختار صفحه ورود به سیستم
طرح صفحه
یک ظاهر طراحی ناوبری
یک ظاهر طراحی ورود به سیستم - قسمت 1
یک ظاهر طراحی ورود به سیستم - قسمت 2
پروژه - ساخت یک کلون توییتر (صفحه خوراک خبری):
ساختار ناوبری را ایجاد کنید
یک ظاهر طراحی ناوبری
ساختار هدر خوراک خبری را ایجاد کنید
یک ظاهر طراحی شده از عنوان فید خبری - قسمت 1
یک ظاهر طراحی شده از عنوان فید خبری - قسمت 2
ساختار پست ها را ایجاد کنید
یک ظاهر طراحی پست ها
ساختار بخش را ایجاد کنید - "چه کسی را دنبال کنید"
یک ظاهر طراحی شده از بخش "چه کسی را دنبال کنید"
ایجاد دکمه پست
دوره سقوط JavaScript:
متغیرهای جاوا اسکریپت
انواع داده JavaScript
اپراتورها
نوع اجبار
اظهارات مشروط
توابع
توابع فلش
آرایه ها
اشیاء
حلقه ها
رشته های الگو
دوره سقوط DOM:
عناصر را انتخاب و دستکاری کنید - قسمت 1
عناصر را انتخاب و دستکاری کنید - قسمت 2
سبک ها و کلاس های DOM
وقایع
ویژگی ها را دستکاری کنید
ناوبری DOM
نحوه ایجاد عناصر در DOM پروژه
- ساخت یک کلون توییتر (اضافه کردن JavaScript به صفحه اصلی و ورود به سیستم):
به صفحه ورود به سیستم بروید
اعتبار سنجی صفحه اصلی
جعبه معین ایجاد کنید
اعتبار سنجی صفحه ورود
پروژه - ساخت یک کلون توییتر (جعبه معین):
ساختار پس از معین
یک ظاهر طراحی شده از معین - قسمت 1
یک ظاهر طراحی شده از معین - قسمت 2
کار معین را انجام دهید
پروژه - ساخت یک کلون توییتر (نوار کناری):
ساختار نوار کناری را ایجاد کنید
یک ظاهر طراحی نوار کناری - قسمت 1
یک ظاهر طراحی نوار کناری - قسمت 2
نوار کناری کار کنید
پروژه - ساخت یک کلون توییتر (حالت تاریک):
یک دکمه ضامن ایجاد کنید
سوئیچینگ به حالت تاریک - قسمت 1
سوئیچینگ به حالت تاریک - قسمت 2
پروژه - ساخت یک کلون توییتر (طراحی وب پاسخگو):
صفحه اصلی پاسخگو است
صفحه ورود به سیستم پاسخگو است
صفحه خوراک خبری را پاسخگو باشید
جایزه:
سخنرانی جایزه