DVD آموزشی فرانت اند طراحی وب سایت به صورت پروژه محور

آموزش طراحی وب سایت به صورت پروژه محور

(HTML – CSS- Bootstrap-Java Script- JQuery)

پروژه ها:

1. طراحی سایت آنیا
2. طراحی سایت فروش عطر
3. طراحی سایت اطلسی ها
4. طراحی سایت سالن زیبایی

قسمت اول پکیج آموزشی در لینک زیر مشاهده شود:

مشاهده قسمت اول

 فهرست مطالب

• پوشه شماره 1:
  • نحوه استفاده از آموزش ها
  • معرفی استاد و دوره
  • ابزار کد نویسی
  • ذخیره کدها
  • Html چیست؟
  • چگونه تگ بسازیم
  • تگ ها بخش اول هدینگ ها پاراگراف و break
  • تگ ها بخش دوم تگ درج عکس و لینک  و hr
  • ساختار پوشه در وب
  • تگ نقل قول  و آدرس و کامنت
  • آدرس دهی در html
• پوشه شماره 2:
  • تگ های بلاک و اینلاین
  • انواع لیست ها
  • تگ جدول
  • Iframe
  • تگ div
  • درج فیلم و صوت در وب
  • کاراکترهای خاص در وب
  •  درج استایل بخش اول بک گراند ، جهت متن،
  • استایل ها بخش دوم استایل دهی خارجی
  •  معرفی css
• پوشه شماره 3:
  • Id و class
  • استایل دادن به border بخش اول
  • استایل border بخش دوم
  • استایل به border بخش سوم
  • رنگ ها در استایل
  • واحدهای اندازه گیری در css
  • تگ های سمانتیک تکمیلی
• پوشه شماره 4:
  • صفتهای تگ a
  • یادآوری لیستها
  • لیست های تو در تو
  • انتخابگر های مقدماتی
  • انتخابگرها در css
• پوشه شماره 5:
  • انتخابگرهای در css بخش دوم
  • انتخابگرها در css بخش سوم
  • استایل دهی به جدول
  • پارالکس در css
• پوشه شماره 6:
  • تعریف سایز در css
  • استایل دادن به لیست ها
  • Float
  • تعیین جایگاه عناصر در css
• پوشه شماره 7:
  • فلکس بخش اول
  • فلکس بخش دوم
  • چیدمان عناصر با فلکس بخش سوم
  • وسط چین کردن عناصر با فلکس
  • مدیا کوئری در css
  • بخش بندی سایت
• پوشه شماره 8:
  • گرید بندی
  • تعیین نحوه نمایش عناصر در css
  • Overflow در css
  • انیمیشن در وب transform
  • انیمیشن در وب transition
  • متحرک سازی با css
  • متحرک سازی با css بخش دوم
  • لایه ها در انیمیشن z-index
• پوشه شماره 9:
  • ساخت drop down یا منوی بازشونده
  • درج sprite
  • اولویت در css
  • محاسبات ریاضی در css
  • شیب رنگ در css
  • سایه در css
•  پوشه شماره 10:
  • تغییر مود نوشتن در css
  • انتخاب فونت در وب
  • متغییر ها در css
  • تمرین: طراحی سایت آنیا بصورت کامل - 1
  • تمرین: طراحی سایت آنیا بصورت کامل – 2
  • تمرین: طراحی سایت آنیا بصورت کامل – 3
  • تمرین: طراحی یک سایت ساده
• پوشه شماره 11:
  • تمرین: طراحی سایت فروش عطر ساده – 1
  • تمرین: طراحی سایت فروش عطر ساده – 2
  • تمرین: طراحی سایت فروش عطر ساده – 3
  • تمرین: طراحی سایت فروش عطر ساده –4
  • تمرین: طراحی سایت فروش عطر ساده –5
• پوشه شماره 12:
  • نصب زمپ
• پوشه شماره 13:
  • بوت استرپ مقدمه
  • گرید ها در بوت استرپ
  • بوت استرپ آکاردئون
  • بوت استرپ آلرت ها
  • بوت استرپ بج
  • بوت استرپ مسیر صفحات
  • بوت استرپ دکمه ها
  • بوت استرپ کارت ها
  • کلپس Collapse
  • منو های باز شو در بوت استرپ
  • مُدال ها
  • منو های بوت استرپ
  • صفحه بندی در بوت استرپ
• پوشه شماره 14:
  • تمرین وسط چین کردن
  • طراحی سایت اطلسی ها -1
  • طراحی سایت اطلسی ها -2
  • طراحی سایت اطلسی ها -3
  • طراحی سایت اطلسی ها -4
  • طراحی سایت اطلسی ها -5
  • طراحی سایت اطلسی ها -6
  • طراحی سایت اطلسی ها -7
  • طراحی سایت اطلسی ها -8
•  پوشه شماره 15:
  • طراحی سایت بیوتی -1
  • طراحی سایت بیوتی -2
  • طراحی سایت بیوتی -3
• پوشه شماره 16:
  • مقدمه ای بر js
  • DOM چیست؟
  • خواندن اطلاعات در JS
  • نوشتن اطلاعات در JS
  • حذف تگ ها با JS
  • ایجاد تگ با JS
  • محاسبه ریاضی با JS
  • فانکشن ها در JS
  • رخدادها در JS
  • متغییرها در JS
  • اشیاء در JS بخش 1
  • اشیاء در JS بخش 2
  • اشیاء در JS متودها
  • Getter & setter
• پوشه شماره 17:
  • جملات شرطی در js
  • کلاس ها در js
  • حلقه های for
  • حلقه ها while
  • عملگرها
  • توابع ریاضی Math در js
  • توابع متنی در js
  • فرق بین find و indexOf
  • Substring
  • Json
• پوشه شماره 18:
  • Jquery
  • ساخت سایت اطلسی ها
  • پروژه نهایی
  •  ساخت سایت بیوتی-1
  •  ساخت سایت بیوتی-2
  •  ساخت سایت بیوتی-3
  •  ساخت سایت بیوتی-4