مبانی HTML، CSS + جاوا اسکریپت

دوره 8 هفته ای ما ترکیبی از مواد دیجیتال و فیزیکی را برای هر سبک یادگیری ارائه می دهد، حمایت از مربیان متخصص و ابزارهای فنی که در یک مکان نیاز به آن دارید.
آن را برای مبتدیان مطلق و کسانی که کد را می دانند، طراحی شده اند میخواهید با ایجاد سایت های واقعی اعتماد و درک کنید.
به سرعت خود بروید و در پایان، شما در ایجاد وب سایت های خود بدون کمک، راحت خواهید بود. خیلی سرد!

عنوان اصلی : Foundation HTML, CSS + Javascript

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

شبکه جهانی وب چیست؟
SuperHi چیست؟
نوشتن اولین HTML ما
نوشتن اولین CSS ما
عکاسی سالی هارت قسمت 1
عکاسی سالی هارت قسمت 2
عکاسی سالی هارت قسمت 3
عکاسی سالی هارت قسمت 4
نمای کلی و HTML اولیه
پرده، حاشیه و مدل جعبه
بلوک‌ها و حاشیه‌ها
ناوبری شناور می شود و حداکثر عرض
ریسپانسیو کردن وب سایت ما
نمای کلی پروژه و HTML اولیه
HTML بخش هدر و قهرمان
دریافت محتوا به ستون ها با استفاده از شناورهای CSS
استفاده از موقعیت پس زمینه و وسط عمودی متن
ستون های متعدد با استفاده از عرض درصد سیال
HTML باقی مانده و نگاهی سریع به نمادها
استایل دادن به بخش های نقل قول
گرد کردن گوشه ها با استفاده از شعاع حاشیه
به اشتراک گذاری کلاس های CSS بین عناصر
تعیین نقاط شکست پاسخگو
حذف شناورها و سبک‌های واکنش‌گرا
سبک‌های واکنش‌گرا و عناصر پنهان
افزودن چند پرسش رسانه ای و تنظیم دقیق
استایل دادن به عناصر خاص با استفاده از nth-child
تثبیت هدر و استفاده از سایه‌های دراپ
استفاده از ابزارهای برنامه‌نویس Chrome برای بازرسی وب‌سایت‌ها
نمای کلی پروژه
HTML اولیه
HTML ادامه یافت و CSS اولیه
موقعیت سرصفحه و سبک لینک فعال
معرفی عناصر بلوک درون خطی
عرض عناصر مختلف با استفاده از کلاس ها
سبک های پاورقی
سبک‌های هدر با استفاده از flexbox
سبک های شبکه عکس با استفاده از flexbox
موقعیت یابی عناصر با استفاده از موقعیت مطلق
تغییر شفافیت عنصر و رنگ
موقعیت مطلق را با استفاده از مقادیر منفی جبران کنید
انتقال هموار خصوصیات CSS
تغییر ترتیب لایه عنصر با استفاده از z-index
ترفندهای پاسخگو با استفاده از flexbox
انتقال‌ها را برای پیوندهای پیمایش نگه دارید
افزودن کاراکتر به انتقال با استفاده از زمان‌بندی
انتقال تصویر در مقیاس خاکستری با استفاده از فیلترهای CSS
افزودن صفحه نمایش فهرست و HTML اولیه
سبک‌های تصویر افکت شناور را مشاهده فهرست کنید
افزودن جداکننده لیست با استفاده از محتوای CSS
افکت شناور تصویر را با استفاده از انتقال فهرست کنید
نمای کلی پروژه
ساختار HTML با استفاده از ظروف بیرونی و داخلی
CSS اولیه و استفاده از دارایی های 2 برابری
موقعیت یابی پس زمینه قهرمان و ستون کپی
پیمایش نهایی و HTML محصولات
سبک ناوبری و محصولات با استفاده از flexbox
افزودن HTML و CSS اولیه همپوشانی محصول
قرار دادن همپوشانی با استفاده از مطلق و rgba
جلوه‌های شناور بازیگوش‌تر با استفاده از زمان‌بندی انتقال
نقطه شکست اولیه برای چیدمان رایانه لوحی
سبک‌های واکنش‌گرا برای تبلت به موبایل
سبک های پاسخگوی تلفن همراه
افزودن پیوند نمایش فیلترها
استفاده از عناصر لیست نامرتب برای استایل دادن به فیلترها
ترفندهای سبک لیست فیلتر نهایی
Javascript و jQuery چیست؟
چه نوع داده هایی در جاوا اسکریپت داریم؟
استفاده از کنسول Chrome Javascript
در حال پیوست کردن فایل‌های جاوا اسکریپت به صفحه
نمایش و پنهان کردن محتوا در رویداد کلیک
ساخت ضامن ناوبری با استفاده از jQuery
دریافت ویژگی ها و استفاده از متغیرها
استفاده از کلمه کلیدی this در جاوا اسکریپت
فیلتر کردن انتخاب محصولات با استفاده از jQuery
افزودن و حذف سبک پیوند فعال
نادیده گرفتن سبک های CSS با استفاده از !important
نمای کلی پروژه
نگاهی سریع به برچسب‌های سر و بدن
HTML اولیه
سبک‌های سربرگ و پیمایش
تراز عمودی ناوبری با استفاده از تبدیل
جلوه متنی افست با استفاده از مطلق
کارهای پایانی HTML
همپوشانی متن افست ادامه یافت
CSS بخش نهایی lookbook
چرخش صاف ابریشمی و تغییر مقیاس
استفاده از ترجمه، مقیاس و انتقال چندگانه روی یک عنصر
موقعیت یابی نماد همبرگر و z-index
تغییر حالت‌ها و کلاس‌های CSS با استفاده از jQuery
نمای کلی پروژه
تنظیم پروژه
ساخت یک تابع اسکرول که پیکسل ها را تا بالا می شمارد
پنهان کردن و نشان دادن سرصفحه در اسکرول
تنظیم رنگ پس‌زمینه روی اسکرول با استفاده از عبارات if/else توسعه یافته
نوار پیشرفت HTML و CSS
تنظیم نوار CSS با استفاده از jQuery
فهمیدن اینکه چقدر صفحه را به پایین پیمایش کرده ایم
تنظیم عرض نوار به صورت پویا
نمای کلی پروژه
تنظیم پروژه
CSS همپوشانی معین
افزایش منطقه قابل کلیک و تغییر مکان نما
موقعیت قرار دادن محتوای مودال در مرکز
پنهان کردن مدال و افزودن تگ های اسکریپت
نمایش مدال ما روی کلیک و مسدود کردن عملکرد پیوند پیش‌فرض
بستن مدال ما با استفاده از یک تابع جداگانه
دریافت و تنظیم HTML و استفاده از این کلمه کلیدی
استفاده از متغیرها برای تنظیم HTML
پاسخگو کردن طرح
نمای کلی پروژه
ساختار HTML
نگاهی به CSS
سرریز چه کاری انجام می دهد؟
انتقال اولیه با استفاده از توابع فاصله
کمی درباره آرایه ها در جاوا اسکریپت
انتقال به اسلاید بعدی به صورت پویا
قرار دادن عملکرد اسلاید در توابع جداگانه
پیدا کردن تعداد اسلایدهایی که با استفاده از .length داریم
سیم کشی دکمه های قبلی/بعدی و فواصل لغو
تنظیم متن برای فعلی مااسلاید t
ایجاد حلقه نمایش اسلاید
ارسال داده ها به توابع با استفاده از آرگومان ها
ایجاد تابعی برای جابجایی اسلاید
کارکردن کلیدهای پیکان برای پیمایش