دوره توسعه وب 2022

توسعه وب عملی با اصول اولیه، نمونه ها و پروژه های کامل - ساخت 5 وب سایت

عنوان اصلی : The Ultimate 2022 Web Development Course

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

مقدمه:
منابع برای دانلود
چگونه از این دوره بهترین بهره را ببرید
تنظیم:
تنظیم محیط
دوره خرابی HTML:
مقدمه
WWW - وب جهانی چگونه کار می کند
زبان های کلیدی برای توسعه وب
منابع یادگیری HTML
ساختار صفحه وب
عناصر و برچسب های HTML
عناصر متن - قسمت 1
عناصر متن - قسمت 2
هایپرلینک ها
عناصر چیدمان
تصاویر در HTML
ویدئو و صدا در HTML
جدول HTML
فرم های HTML
نتیجه گیری
آزمون - دوره خرابی HTML
CSS Crash Crouse:
CSS چیست؟
CSS چگونه کار می کند
انتخابگرهای CSS
وراثت و ویژگی آبشاری
مدل جعبه
حاشیه ها و حاشیه ها
پس زمینه - قسمت 1
پس زمینه - قسمت 2
محتوای سرریز
مقادیر و واحدهای CSS
سبک قلم - قسمت 1
سبک قلم - قسمت 2
استفاده از نمادها
CSS Transitions
انیمیشن های CSS
امتحان - CSS
Layouts با CSS Floats:
مقدمه - CSS Layouts
CSS Floats
قرار دادن مطالب در کنار هم
Navbar
بخش ها - تصویر قهرمان و درباره ما
بخش خدمات
بخش ها - نظرات و پاورقی
مسابقه - CSS Floats
[PROJECT # 1] مشاوران داده - CSS Floats:
تنظیم پروژه
نوار لوگو - قسمت 1
نوار لوگو - قسمت 2
Nav Bar
تصویر قهرمان
بخش کارتها
درباره ما - قسمت 1
درباره ما - قسمت 2
بخش خدمات ما
بخش نقل قول
بخش اعداد کلیدی
با تیم ما آشنا شوید - قسمت 1
با تیم ما آشنا شوید - قسمت 2
گوشت تیم ما - قسمت 3
بخش نظرات مشتریان
فرم تماس با ما - قسمت 1
فرم تماس با ما - قسمت 2
فرم تماس با ما - قسمت 3
پاورقی - قسمت 1
پاورقی - قسمت 2
پاورقی - قسمت 3
نتیجه گیری
دوره Crash Flex Box:
معرفی فلکس باکس
Flex Direction
Flex Wrap
مطالب را توجیه کنید
موارد را تراز کنید
تراز کردن محتوا
Flex Grow - Flex Shrink - Flex Basis - Flex
خود را تراز کنید
برگ تقلب فلکس
امتحان - CSS Flexbox
[PROJECT # 2] DRIVE EASY - Flex Box:
تنظیم پروژه
نوار لوگو - قسمت 1
نوار لوگو - قسمت 2
Nav Bar
تصویر قهرمان
ثبت نام آسان - قسمت 1
ثبت نام آسان - قسمت 2
ثبت نام آسان - قسمت 3
ثبت نام آسان - قسمت 4
چه چیزی ما را متفاوت می کند
اعداد کلیدی
نقل قول بخش
بسته - قسمت 1
بسته - قسمت 2
بسته - قسمت 3
بسته - قسمت 4
بسته - قسمت 5
فرم تماس با ما
پاورقی
نتیجه گیری
دوره CSS Grid Crash :
مقدمه
ستون‌های الگوی شبکه
شکاف ردیف ستون
مطالب را توجیه کنید
تراز کردن محتوا
ردیف‌ها و ستون‌های خودکار شبکه‌ای
پروژه تخته شطرنج
راه حل تخته شطرنج
شروع و پایان ردیف ستون شبکه
منطقه شبکه
مناطق الگوی شبکه
طرح شبکه
برگ تقلب شبکه CSS
مسابقه - شبکه CSS
[PROJECT # 3] HOME SERVICES GROUP - CSS Grid:
تنظیم پروژه
سربرگ
شبکه CSS - نوار منو
متن و دکمه های سرصفحه
نوار متحرک - قسمت 1
نوار متحرک - قسمت 2
نوار متحرک - قسمت 3
منوی کناری ثابت - قسمت 1
منوی کناری ثابت - قسمت 2
خدمات - قسمت 1
خدمات - قسمت 2
کارت های متحرک
تعالی در اعداد
خدمات یکپارچه - قسمت 1
خدمات یکپارچه - قسمت 2
خدمات یکپارچه - قسمت 3
خدمات یکپارچه - قسمت 4
شرکای ما - CSS Auto Scrolling Animation
پاورقی
نتیجه گیری
RWD - طراحی وب سایت واکنشگرا:
مقدمه - پرسش های رسانه ای
مثال 1 - نقاط انفصال طراحی اول دسکتاپ
مثال 2 - نقاط شکست طراحی موبایل اول
مثال 3 - ویژگی نمایش
مثال 4 - طرح بندی شناور
مثال 5 - طرح بندی فلکس
مثال 6 - طرح بندی شبکه ای
آزمون - پرسش‌های رسانه‌ای CSS
[PROJECT # 1 - Continued] RWD - Data Consultants:
نوار لوگو
Navbar
تصویر قهرمان
کارت
درباره ما
بخش خدمات
بخش نقل قول
اعداد کلیدی
بخش تیم
با ما تماس بگیرید
پاورقی
CSS پیشوند خودکار
[PROJECT # 2 ادامه دارد] RWD - Drive Easy:
نوار لوگو
Navbar
تصویر قهرمان
بخش ثبت نام
بخش متفاوت
نقل قول بخش
بسته ها
با ما تماس بگیرید
پاورقی
پیوند کردن CSS
[PROJECT # 3 - Continued] RWD - Home Services Group :
Navbar
نوار متحرک
آنچه ما انجام می دهیم
بخش کارتها
تعالی در اعداد
خدمات یکپارچه
پاورقی
پیوند کردن CSS
دوره سقوط SASS:
معرفی SASS
نصب SASS با بسته SASS
نصب node-sass
کامپایلر Live Sass
انتشارات SASS
Sass Syntax - SCSS
SASS Syntax - Sass
قوانین و جزئی
متغیرهای SASS
SASS Nesting
ترکیبات
تمدید کنید
توابع
درون یابی کنترل جریان و اشکال زدایی SASS
مثال - درون یابی کنترل جریان و اشکال زدایی Sass
ماژول های ساخته شده - Sass Color
ماژول های ساخته شده - فهرست Sass
ماژول های ساخته شده - نقشه Sass
ماژول های ساخته شده - Sass Math
ماژول های ساخته شده - Sass Meta
ماژول های داخلی - انتخابگر Sass
ماژول های ساخته شده - Sass String
نتیجه گیری
کوئیز - Sass
[PROJECT # 4] مبلمان چوبی - SASS :
تنظیم پروژه
HTML Reset
نوار لوگو
Navbar
تصویر قهرمان
کاتالوگ - قسمت 1
کاتالوگ - قسمت 2
معاملات روز - قسمت 1
معاملات روز - قسمت 2
معاملات روز - قسمت 3
خدمات ما
بازخورد مشتریان
پاورقی - قسمت 1
پاورقی - قسمت 2
نتیجه گیری
[PROJECT # 4 - ادامه] RWD - Wood Furniture :
Navbar
تصویر قهرمان
کاتالوگ
معاملات روز
خدمات
بازخورد مشتریان
پاورقی
پیوند کردن CSS
نتیجه گیری
جاوا اسکریپت - دوره خرابی:
مقدمه
شروع با جاوا اسکریپت
متغیرها
سیستم شماره
اپراتورها
آرایه ها - قسمت 1
آرایه ها - قسمت 2
کنترل جریان و مدیریت خطا
حلقه ها و تکرارها
توابع - قسمت 1
توابع - قسمت 2
توابع پیکان
تکرار آرایه
اشیاء
شیء تاریخ
نقشه ها و مجموعه ها
شیء ریاضی
DOM - مدل شیء سند
شیء سند - قسمت 1
شئ سند - قسمت 2
رویدادهای DOM
شنونده رویدادها
گره های DOM
ایجاد و به روز رسانی گره ها
نتیجه گیری
آزمون - جاوا اسکریپت
[پروژه شماره 5] فروش قرارداد - جاوا اسکریپت:
تنظیم پروژه
نوار بالا
Navbar
منوی کشویی
هرو اسلایدر - قسمت 1
هرو اسلایدر - قسمت 2
هرو اسلایدر - قسمت 3
هرو اسلایدر - قسمت 4
کاهش بیشتر - تایمر شمارش معکوس - قسمت 1
کاهش بیشتر - تایمر شمارش معکوس - قسمت 2
تخفیف های آکاردئون - قسمت 1
آکاردئون تخفیف - قسمت 2
تخفیف های آکاردئون - قسمت 3
آکاردئون تخفیف - قسمت 4
اعداد کلیدی - زنده - قسمت 1
Key Numbers - Live - Part 2
تخفیف های کشویی
بازخورد مشتری - کشویی - قسمت 1
بازخورد مشتری - کشویی - قسمت 2
پاورقی - قسمت 1
پاورقی - قسمت 2
پاورقی - قسمت 3
پاورقی - قسمت 4
پاورقی - قسمت 5
از اینجا به کجا برویم:
مراحل بعدی - از اینجا به کجا برویم