آموزش ساخت یک کپی از Twitter با برنامه نویسی Front End

با مشاهده این کورس آموزشی از طریق انجام پروژه های واقعی و به زبانی بسیار ساده مطالب فراوانی را در رابطه با کدنویسی فرانت اند یاد می گیرید.

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

سرفصل ها :

خوش آمدی:
معرفی
برپایی
دوره آموزشی خرابی HTML:
HTML چیست
سند پایه HTML
سرفصل ها، پاراگراف ها و موارد دیگر
لیست ها
پیوندها
تصاویر
فرم ها - قسمت 1
فرم ها - قسمت 2
عناصر معنایی HTML5
دوره CSS Crash:
CSS چیست و چگونه آن را بنویسیم
انتخابگرهای CSS
رنگ ها در CSS
قالب بندی متن
فونت ها
مدل جعبه
کلاس های شبه
عناصر شبه
واحدهای اندازه گیری - قسمت 1
واحدهای اندازه گیری - قسمت 2
موقعیت ها - قسمت 1
موقعیت ها - قسمت 2
شناورها
پس زمینه - قسمت 1
پس زمینه - قسمت 2
سایه ها
انتقال ها
تبدیل - قسمت 1
تبدیل - قسمت 2
CSS Flexbox:
مقدمه ای بر CSS Flexbox
خواص ظروف فلکس
ویژگی های مورد فلکس
شبکه CSS:
CSS Grid معرفی
برپایی
نحوه ایجاد گرید
واحد کسری
نحوه قرار دادن اقلام شبکه
نامگذاری اقلام شبکه - قسمت 1
نامگذاری اقلام شبکه - قسمت 2
نامگذاری مناطق شبکه
شبکه های صریح و ضمنی
تراز کردن موارد شبکه
تراز کردن مسیر شبکه
max-content، min-content، minmax()
پر کردن خودکار و تنظیم خودکار
پروژه - ساخت کلون توییتر (صفحه اصلی):
بررسی اجمالی پروژه
ایجاد ساختار صفحه اصلی
یک ظاهر طراحی صفحه اصلی - قسمت 1
طراحی صفحه اصلی - قسمت 2
یک ظاهر طراحی عنصر فرم
یک ظاهر طراحی بنر
یک ظاهر طراحی شده برای پاورقی
پروژه - ساخت کلون توییتر (صفحه ورود):
ایجاد ساختار صفحه ورود
طرح بندی صفحه
سبک ناوبری
سبک ورود - قسمت 1
سبک ورود - قسمت 2
پروژه - ساخت کلون توییتر (صفحه خبر):
ایجاد ساختار ناوبری
سبک ناوبری
ساختار سربرگ فید خبری را ایجاد کنید
طراحی سربرگ فید خبری - قسمت 1
سبک سازی سربرگ فید خبری - قسمت 2
ایجاد ساختار پست ها
استایل بندی پست ها
ایجاد ساختار بخش - "چه کسی باید دنبال شود"
حالت دادن به بخش "چه کسی دنبال شود".
دکمه ایجاد پست
دوره آموزشی خرابی جاوا اسکریپت:
جاوا اسکریپت چیست؟
متغیرها در جاوا اسکریپت
انواع داده جاوا اسکریپت
اپراتورها
نوع اجبار
اظهارات مشروط
کارکرد
توابع پیکان
آرایه ها
اشیاء
حلقه ها
رشته های الگو
دوره Crash DOM:
DOM چیست؟
عناصر را انتخاب و دستکاری کنید - قسمت 1
عناصر را انتخاب و دستکاری کنید - قسمت 2
سبک ها و کلاس های DOM
مناسبت ها
صفات را دستکاری کنید
ناوبری DOM
نحوه ایجاد عناصر در DOM
پروژه - ساخت کلون توییتر (جاوا اسکریپت را به صفحه اصلی و ورود اضافه کنید:
به صفحه ورود بروید
اعتبار سنجی صفحه اصلی
جعبه مدال را ایجاد کنید
اعتبار سنجی صفحه ورود
پروژه - ساخت کلون توییتر (جعبه مدال پست):
ساختار Post Modal را ایجاد کنید
استایلینگ پست مدال - قسمت 1
استایلینگ پست مدال - قسمت 2
Post Modal Work
پروژه - ساخت کلون توییتر (نوار کناری):
ایجاد ساختار نوار کناری
یک ظاهر طراحی شده نوار کناری - قسمت 1
یک ظاهر طراحی شده نوار کناری - قسمت 2
نوار کناری کار کند
پروژه - ساخت کلون توییتر (حالت تاریک):
یک دکمه جابجایی ایجاد کنید
تغییر به حالت تاریک - قسمت 1
تغییر به حالت تاریک - قسمت 2
پروژه - ساخت کلون توییتر (طراحی وب واکنشگرا):
صفحه اصلی را ریسپانسیو کنید
صفحه ورود را پاسخگو کنید
صفحه فید خبری را پاسخگو کنید