دوره یادگیری HTML, CSS, Sass

در این دوره آموزشی طراحی وب را بوسیله HTML, CSS و همچنین Sass بخوبی یاد گرفته و همراه با مدرس دوره تجربه و تمرین خواهید کرد. 

عنوان اصلی : Modern HTML and CSS from the Beginning (Including Sass)

سرفصل ها :

به دوره خوش آمدید
چگونه وب کار می کند (خلاصه)
نقش HTML و CSS در توسعه وب
راه اندازی با کد ویژوال استودیو
بخش معرفی
ایجاد و باز کردن صفحات HTML
Doctype & Basic Layout
راه اندازی سرور زنده (افزونه VSCode)
متا تگ ها و موتورهای جستجو
سرفصل ها، پاراگراف ها و تایپوگرافی
پیوندها، تصاویر و ویژگی ها
لیست ها و جداول
فرم ها و ورودی
عناصر سطح بلوک و درون خطی
Divs & Spans، Classs & ID
موجودیت های HTML
برچسب ها و چالش های معنایی HTML5
راه حل و جمع بندی معنایی HTML5
بخش معرفی
پیاده سازی CSS
انتخابگرهای اصلی CSS
Dev Tools معرفی
فونت ها در CSS
انواع رنگ
پس زمینه و مرزها
مدل جعبه، حاشیه و بالشتک
شناور و تراز
حالت پیوند و یک ظاهر طراحی دکمه
یک ظاهر طراحی منوی پیمایش
نمایش Inline، Block و Inline-Block Display
تثبیت موقعیت
چالش سبک فرم
راه حل سبک فرم
کنار: دید، نظم و حاشیه منفی
معرفی پروژه
کنار: طراحی و ایده
ساختار فایل و نوار ناوبری
اطلاعات ویترین و خانه
ویژگی ها و پاورقی
درباره صفحه
صفحه تماس
طراحی ریسپانسیو چیست؟
شروع با پرسش های رسانه ای
واحدهای Em & Rem
واحدهای Vh و Vw
ساخت وب سایت هتل به طور کامل واکنش گرا
فلکس باکس چیست؟
اصول فلکس
تراز و سفارش فلکس
معرفی پروژه
ساختار فایل و نوار ناوبری فلکس
سربرگ ویترین
بخش آنچه ما انجام می دهیم
ما چه کسی هستیم و بخش مشتریان
فرم تماس، نقشه و پاورقی
اسکرول صاف با JS
نمایش عریض و تبلت
نمای گوشی هوشمند
انواع میزبانی وب
راه اندازی ایمیل
سربرگ ویترین
سایت خود را از طریق FTP آپلود کنید
جایزه: ارسال فرم تماس (اسکریپت PHP)
انتخابگرهای هدفمند
انتخابگرهای شبه فرزند نهم
قبل و بعد از انتخابگرهای شبه
سایه های جعبه
سایه های متن
متغیرهای CSS (ویژگی های سفارشی)
انیمیشن Keyframe 1
انیمیشن Keyframe 2
انتقال CSS
پاداش: تبدیل ملک
وب سایت ارائه [1] - مقدمه و HTML
وب سایت ارائه [2] - صفحه CSS
وب سایت ارائه [3] - انیمیشن متن
پوشش منوی همبرگر [1] - HTML و CSS پایه
پوشش منوی همبرگر [2] - ایجاد همبرگر
پوشش منوی همبرگر [3] - متحرک کردن خطوط همبرگر
پوشش منوی همبرگر [4] - پوشش منو
جدول زمانی دانش [1] - HTML و CSS پایه
جدول زمانی دانش [2] - جعبه ها و فلش ها
جدول زمانی دانش [3] - پرسش های رسانه پاسخگو
جدول زمانی دانش [4] - اسکرول در انیمیشن
پروژه منوی کشویی سریع
CSS Grid چیست؟
مبانی شبکه و ستون ها
ردیف های شبکه
پوشا ستون و ردیف
تنظیم خودکار و حداقل حداکثر
مناطق الگوی شبکه
پرسش های رسانه و شبکه
معرفی پروژه
راه اندازی و فاویکون
سبک های اصلی، متغیرها و نوار ناوبری
ویترین با سبک های روکش و دکمه
صفحه اصلی شبکه مقالات
پاورقی با شبکه
درباره کانتینر صفحه و صفحه
صفحه مقاله
پرسش های رسانه ای پاسخگو
امتیاز: معرفی فتوشاپ (لوگوی NewsGrid)
چگونه کار می کند
Git & Pushing To Github
Netlify Deploy & Form Submission
نام دامنه سفارشی
ساس چیست؟
راه اندازی محیط با Node-Sass
کامپایلر Koala Sass - جایگزین رابط کاربری گرافیکی
متغیرها و جزئی ها
تودرتو و ساختار
وراثت و تضاد
توابع، ترکیبات و موارد دیگر
معرفی پروژه
راه اندازی پروژه
هدر و مسیر اصلی
بخش تخصصی و آمار
بخش فرآیند و پاورقی
بخش اطلاعات درباره صفحه
درباره لوگوها و گواهینامه های صفحه
گالری کاری با انتقال
صفحه تماس
پرسش های رسانه ای پاسخگو
استقرار و فرم تماس با فیلتر اسپم
از اینجا به کجا برویم