طراحی وب پیشرفته + 12 پروژه عملی

طراحی وب پیشرفته + 12 پروژه عملی

قطعا همه کسانی که شروع به یادگیری میکنن حالا این یادگیری میتونه توی هر حوزه ای باشه به دنبال آموزش های پروژه محور میگردنچرا؟ چون به صورت ع

تریلر دوره

توضیحات کامل دوره

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

طراحی وب پیشرفته + 12 پروژه عملی

 

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

چرا؟ چون به صورت عملی یاد میگیرین چجوری باید اون کار بخصوص رو انجام بدن,

خب دنیای وب هم مستثنی از این موضوع نیست.

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

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

خب آموزش های زیادی در سطح وب هستن به شکل های متفاوت

اما ما در این آموزش سعی خواهیم کرد به بهترین شکل ممکن مفاهیم رو یاد بگیریم

ما در این دوره یک پکیج کامل رو خواهیم داشت  

ما فقط از  Html و Css استفاده نخواهیم کرد

 

- ما در کنار این دو زبان از جاوااسکریپت , جی کوئری, بوت استرپ , تکنولوژی مدیا کوئری در css استفاده خواهیم کرد تا بتونیم بهترین عملکرد رو در طراحی قالب های خودمون داشته باشیم.

 

- ما در کنار طراحی کردن قالب های خودمون میایم و ویدیو های آموزشی کوتاهی قرار خواهیم داد و راجب بخش های مختلف توضیحات جامعی رو میدیم به عنوان مثال راجب فلوت ها صحبت میکنیم راجب پوزیشن ها و همچنین راجب فلکس باکس ها و انیمیشن ها و و و

 

پیش نیاز های دوره :

 

- Html و css رو باید به صورت متوسطه بلد باشید.

 

- javascript و jquery رو هم باید متوسطه حداقل درک کنید کدهاشو

 

- bootstrap و media query هم آشنایی مختصر کافیه

 

اما همه این ها دلیل نمیشه ما کدهای خودمون رو نشکافیم و توضیحات کامل ندیم

 

قطعا راجب همه کدهایی که نوشته خواهد شد توضیحات کامل داده میشه و جای نگرانی نیست

 

پس بیاین با هم شروع کنیم :)


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

  • معرفی دوره
    رایگان 00:31:00
  • آماده سازی ادیتور و وارد کردن فونت
    رایگان 00:13:25
  • قالب اول - طراحی بخش header - قسمت اول
    رایگان 00:31:34
  • قالب اول - طراحی بخش header - قسمت دوم
    رایگان 00:13:18
  • قالب اول - طراحی بخش دوم (our-story)
    رایگان 00:11:19
  • قالب اول - طراحی بخش سوم ( sweet )
    00:11:38
  • قالب اول - طراحی بخش چهارم (menu)
    00:16:38
  • کلاس جبرانی - width و height
    00:07:09
  • قالب اول - طراحی بخش پنجم (hot)
    00:11:32
  • کلاس جبرانی - Float
    00:07:52
  • قالب اول - طراحی بخش ششم (delight)
    00:12:44
  • قالب اول - طراحی بخش footer (قسمت اول)
    00:21:39
  • قالب اول - طراحی بخش footer (قسمت دوم)
    00:15:10
  • کلاس جبرانی - position
    00:17:51
  • ریسپانسیو سازی قالب اول - (قسمت اول)
    00:33:10
  • ریسپانسیو سازی قالب اول - (قسمت دوم)
    00:25:16
  • ریسپانسیو سازی قالب اول - (قسمت سوم)
    00:25:07
  • قالب دوم - طراحی بخش nav
    00:28:36
  • قالب دوم - طراحی بخش slider
    00:20:21
  • قالب دوم - طراحی بخش hanging-lamp
    00:27:22
  • قالب دوم - طراحی بخش hanging-lamp-two
    00:21:22
  • قالب دوم - طراحی بخش sofa
    00:12:15
  • قالب دوم - طراحی بخش sofa-two
    00:09:15
  • قالب دوم - طراحی بخش counter
    00:18:03
  • قالب دوم - طراحی بخش footer
    00:12:46
  • ریسپانسیو سازی قالب دوم - (قسمت اول)
    00:33:50
  • ریسپانسیو سازی قالب دوم - (قسمت دوم)
    00:30:44
  • ریسپانسیو سازی قالب دوم - (قسمت سوم)
    00:07:02
  • کلاس جبرانی - flexbox (قسمت اول)
    00:05:47
  • قالب سوم - اجرای پلاگین و طراحی بخش header
    00:16:12
  • قالب سوم - طراحی بخش nav
    00:06:52
  • قالب سوم - طراحی بخش wolf (قسمت اول)
    00:12:12
  • قالب سوم - طراحی بخش wolf (قسمت سوم)
    00:06:49
  • قالب سوم - طراحی بخش wolf (قسمت سوم)
    00:12:18
  • قالب سوم - طراحی بخش Monkey
    00:10:15
  • قالب سوم - طراحی بخش footer
    00:21:26
  • ریسپانسیو سازی قالب سوم (قسمت اول)
    00:29:33
  • ریسپانسیو سازی قالب سوم (قسمت دوم)
    00:08:17
  • رفع ایراد قالب اول و دوم (فونت و استایل)
    00:10:53
  • قالب چهارم - طراحی بخش (header-top)
    00:16:39
  • قالب چهارم - طراحی بخش (info)
    00:18:14
  • قالب چهارم - طراحی بخش (slider)
    00:18:39
  • قالب چهارم - طراحی بخش(nav)
    00:22:11
  • قالب چهارم - طراحی بخش (base-story)
    00:17:08
  • قالب چهارم - طراحی بخش base-story (قسمت دوم)
    00:21:51
  • قالب چهارم - طراحی بخش (base-story) قسمت سوم
    00:05:54
  • قالب چهارم - طراحی بخش service (قسمت اول)
    00:10:29
  • قالب چهارم - طراحی بخش service (قسمت دوم)
    00:15:50
  • قالب چهارم - طراحی بخش service (قسمت سوم)
    00:17:00
  • قالب چهارم - طراحی بخش service (قسمت چهارم)
    00:19:32
  • قالب چهارم - طراحی بخش (about)
    00:15:10
  • قالب چهارم - طراحی بخش (about)
    00:10:02
  • قالب چهارم - طراحی بخش about (قسمت سوم)
    00:15:11
  • قالب چهارم - طراحی بخش beautitext
    00:05:55
  • قالب چهارم - طراحی بخش project (قسمت اول)
    00:10:59
  • قالب چهارم - طراحی بخش project (قسمت دوم)
    00:15:44
  • قالب چهارم - طراحی بخش article (قسمت اول)
    00:11:00
  • قالب چهارم - طراحی بخش article (قسمت دوم)
    00:23:13
  • قالب چهارم - طراحی بخش partner
    00:11:56
  • قالب چهارم - طراحی بخش footer (قسمت اول)
    00:11:51
  • قالب چهارم - طراحی بخش footer (قسمت دوم)
    00:09:31
  • قالب چهارم - طراحی بخش footer (قسمت سوم)
    00:11:52
  • قالب چهارم - طراحی بخش footer (قسمت چهارم)
    00:18:29
  • قالب چهارم -طراحی صفحه single (قسمت اول)
    00:23:00
  • قالب چهارم - طراحی صفحه single (قسمت دوم)
    00:16:52
  • قالب چهارم - طراحی صفحه single (قسمت سوم)
    00:18:44
  • قالب چهار - ریسپانسیو سازی (قسمت اول)
    00:20:36
  • قالب چهارم - ریسپانسیو سازی (قسمت دوم)
    00:24:52
  • قالب چهارم - ریسپانسیو سازی (قسمت سوم)
    00:13:54
  • قالب چهارم - ریسپانسیو سازی (قسمت چهارم)
    00:19:09
  • قالب چهارم - ریسپانسیو سازی (قسمت پنجم)
    00:23:37
  • کلاس جبرانی - flexbox (قسمت دوم)
    00:11:13
  • قالب پنجم - نصب پلاگین
    00:12:04
  • قالب پنجم - طراحی بخش اول
    00:14:37
  • قالب پنجم - طراحی بخش دوم
    00:12:39
  • قالب پنجم - طراحی بخش سوم
    00:10:27
  • قالب پنجم - طراحی بخش چهارم
    00:10:05
  • قالب پنجم - طراحی بخش پنجم
    00:12:36
  • قالب پنجم - ریسپانسیو سازی
    00:14:33
  • قالب ششم - طراحی عکس و استارت کار
    00:06:22
  • قالب ششم - طراحی رجیستر قسمت اول
    00:09:14
  • قالب ششم - طراحی رجیستر قسمت دوم
    00:17:26
  • قالب ششم - طراحی رجیستر و لاگین قسمت سوم
    00:13:09
  • قالب ششم - ریسپانسیو سازی
    00:09:04
  • قالب هفتم - طراحی بخش header
    00:26:17
  • قالب هفتم - طراحی بخش about
    00:17:56
  • قالب هفتم - طراحی بخش service
    00:14:50
  • قالب هفتم طراحی بخش work
    00:12:41
  • قالب هفتم - طراحی بخش contact
    00:15:32
  • قالب هفتم - طراحی بخش contact و footer
    00:14:40
  • قالب هفتم - طراحی lightbox
    00:18:36
  • قالب هفتم - جی کوئری lightbox
    00:33:57
  • قالب هفتم - ریسپانسیو سازی
    00:19:33
  • قالب هشتم - طراحی header (قسمت اول)
    00:23:05
  • قالب هشتم - طراحی header (قسمت دوم)
    00:27:53
  • قالب هشتم - طراحی header (قسمت سوم)
    00:23:31
  • قالب هشتم - طراحی slider (قسمت اول)
    00:19:36
  • قالب هشتم - طراحی slider (قسمت دوم)
    00:20:11
  • قالب هشتم - طراحی slider (قسمت سوم)
    00:22:09
  • قالب هشتم - طراحی main (قسمت اول)
    00:20:14
  • قالب هشتم - طراحی main (قسمت دوم)
    00:22:05
  • قالب هشتم - طراحی main (قسمت سوم)
    00:20:08
  • قالب هشتم - طراحی main (قسمت چهارم)
    00:15:33
  • قالب هشتم - طراحی main بخش sidebar (قسمت اول)
    00:15:48
  • قالب هشتم - طراحی main بخش sidebar (قسمت دوم)
    00:12:17
  • قالب هشتم - طراحی بخش suggested
    00:18:06
  • قالب هشتم - طراحی بخش favorite
    00:17:57
  • قالب هشتم - طراحی footer (قسمت اول)
    00:17:05
  • قالب هشتم - طراحی footer (قسمت دوم)
    00:18:13
  • قالب هشتم - ریسپانسیو سازی (قسمت اول)
    00:10:00
  • قالب هشتم - ریسپانسیو سازی (قسمت دوم)
    00:15:13
  • قالب هشتم - ریسپانسیو سازی (قسمت سوم)
    00:15:59
  • قالب هشتم - طراحی فرم جستجو
    00:11:26
  • قالب هشتم - طراحی ریسپانسیو مگامنو (قسمت اول)
    00:25:26
  • قالب هشتم - طراحی ریسپانسیو مگامنو (قسمت دوم)
    00:22:56
  • قالب نهم - طراحی header
    00:18:36
  • قالب نهم - طراحی بخش home
    00:19:42
  • قالب نهم - طراحی بخش about (قسمت اول)
    00:14:35
  • قالب نهم - طراحی بخش about (قسمت دوم)
    00:17:03
  • قالب نهم - طراحی بخش about (قسمت سوم)
    00:08:29
  • قالب نهم - طراحی بخش service (قسمت اول)
    00:14:47
  • قالب نهم - طراحی بخش service
    00:04:23
  • قالب نهم - طراحی بخش مهارت های من
    00:16:12
  • قالب نهم - طراحی فیلتر نمونه کارها
    00:10:11
  • قالب نهم - طراحی فیلتر نمونه کارها (قسمت دوم)
    00:09:10
  • قالب نهم - طراحی فیلتر نمونه کارها (قسمت سوم)
    00:09:14
  • قالب نهم - طراحی فیلتر نمونه کارها (قسمت چهارم)
    00:16:10
  • قالب نهم - طراحی فیلتر نمونه کارها (قسمت پنجم)
    00:11:51
  • قالب نهم - طراحی لایت باکس نمونه کارها
    00:12:57
  • قالب نهم - طراحی لایت باکس نمونه کارها (قسمت دوم)
    00:18:41
  • قالب نهم - طراحی بخش message-box
    00:11:07
  • قالب نهم - طراحی بخش نظرات مشتریان
    00:14:48
  • قالب نهم - طراحی بخش نظرات مشتریان (قسمت دوم)
    00:15:32
  • قالب نهم - طراحی بخش نظرات مشتریان (قسمت سوم)
    00:16:56
  • قالب نهم - طراحی بخش نظرات مشتریان (قسمت چهارم)
    00:14:24
  • قالب نهم - طراحی بخش آخرین مطالب
    00:14:26
  • قالب نهم - طراحی بخش تماس با ما
    00:14:34
  • قالب نهم - طراحی فوتر
    00:12:56
  • قالب نهم - طراحی navbar fixed
    00:11:39
  • قالب نهم - طراحی smooth scroll
    00:15:26
  • قالب نهم - ریسپانسیو سازی (قسمت اول)
    00:14:11
  • قالب نهم - ریسپانسیو سازی (قسمت دوم)
    00:19:04
  • قالب نهم - ریسپانسیو سازی (قسمت سوم)
    00:15:15
  • قالب نهم - ریسپانسیو سازی (قسمت چهارم)
    00:26:51
  • قالب دهم - طراحی home page
    00:17:55
  • قالب دهم - طراحی home page (قسمت دوم)
    00:12:37
  • قالب دهم - طراحی home page (قسمت سوم)
    00:11:38
  • قالب دهم طراحی بخش mega menu
    00:12:38
  • قالب دهم - طراحی بخش mega menu(قسمت دوم)
    00:12:45
  • قالب دهم - طراحی بخش service
    00:12:22
  • قالب دهم - طراحی بخش about
    00:07:17
  • قالب دهم - طراحی بخش last update
    00:19:35
  • قالب دهم - طراحی بخش webDesign
    00:17:19
  • قالب دهم - طراحی بخش webDesign (قسمت دوم)
    00:16:46
  • قالب دهم - طراحی بخش popular course
    00:12:17
  • قالب دهم - طراحی بخش webDeveloper
    00:06:29
  • قالب دهم - طراحی بخش blog
    00:08:37
  • قالب دهم - طراحی footer
    00:15:33
  • قالب دهم - طراحی footer (قسمت دوم)
    00:18:19
  • قالب دهم - ریسپانسیو سازی (قسمت اول)
    00:18:26
  • قالب دهم - ریسپانسیو سازی (قسمت دوم)
    00:17:26
  • قالب دهم - ریسپانسیو سازی (قسمت سوم)
    00:13:40
  • قالب دهم - ریسپانسیو سازی (قسمت چهارم)
    00:19:21
  • قالب یازدهم - راه اندازی بوت استرپ 5 (طراحی navbar)
    00:15:55
  • قالب یازدهم - طراحی بخش home
    00:14:11
  • قالب یازدهم - طراحی بخش about
    00:17:21
  • قالب یازدهم - طراحی بخش service
    00:10:17
  • قالب یازدهم - طراحی بخش portfolio
    00:12:09
  • قالب یازدهم - طراحی بخش testimonials
    00:18:21
  • قالب یازدهم - طراحی بخش contact
    00:15:06
  • قالب دوازدهم - طراحی بخش header
    00:18:29
  • قالب دوازدهم - طراحی بخش about
    00:19:01
  • قالب دوازدهم - طراحی بخش about
    00:18:21
  • قالب دوازدهم - طراحی بخش features
    00:15:46
  • قالب دوازدهم - طراحی بخش products
    00:22:45
  • قالب دوازدهم - طراحی بخش testimonial
    00:23:34
  • قالب دوازدهم - طراحی faq و newsletter
    00:31:16
  • قالب دوازدهم - طراحی contact و footer
    00:55:29
  • آپدیت دوره - معرفی قالب سیزدهم
    رایگان 00:02:48
  • قالب سیزدهم - طراحی بخش header
    00:13:43
  • قالب سیزدهم - طراحی بخش header (قسمت دوم)
    00:08:22
  • قالب سیزدهم - طراحی بخش header (قسمت سوم)
    00:17:13
  • قالب سیزدهم - طراحی بخش category
    00:14:20
  • قالب سیزدهم - طراحی بخش category (قسمت دوم)
    00:11:15
  • قالب سیزدهم - طراحی بخش off_mens
    00:08:47
  • قالب سیزدهم - طراحی بخش purse
    00:07:44
  • قالب سیزدهم - طراحی بخش product
    00:11:12
  • قالب سیزدهم - طراحی بخش product (قسمت دوم)
    00:15:12
  • قالب سیزدهم - طراحی بخش best product
    00:07:35
  • قالب سیزدهم - طراحی بخش بلاگ
    00:10:33
  • قالب سیزدهم - طراحی بخش customer
    00:11:36
  • قالب سیزدهم - طراحی بخش customer
    00:08:02
  • قالب سیزدهم - طراحی بخش subscribe
    00:11:36
  • قالب سیزدهم - طراحی بخش footer
    00:14:00
  • قالب سیزدهم - بررسی ریسپانسیو قالب
    00:12:26
  • قالب سیزدهم - بررسی ریسپانسیو قالب (قسمت دوم)
    00:12:53
  • قالب چهاردهم - پیش نمایش
    رایگان 00:02:16
  • ساخت سایدبار
    00:07:25
  • ساخت متغییر در css
    00:05:36
  • طراحی بخش سایدبار (قسمت دوم)
    00:11:30
  • طراحی سایدبار (قسمت سوم)
    00:08:49
  • طراحی بخش content
    00:08:41
  • طراحی بخش content
    00:06:41
  • طراحی بخش content (قسمت سوم)
    00:07:32
  • طراحی بخش content (قسمت چهارم)
    00:11:12
  • ریسپانسیو سازی قالب
    00:08:47
  • ریسپانسیو سازی (پایان)
    00:10:32
  • قالب پانزدهم - دمو
    رایگان 00:01:39
  • شروع به ساخت layout
    00:10:13
  • ادامه ساخت layout
    00:07:15
  • ریسپانسیو کردن layout
    00:06:49
  • شروع به طراحی قالب
    00:08:06
  • طراحی بخش navbar
    00:11:55
  • طراحی بخش sort
    00:05:56
  • طراحی بخش listing
    00:10:50
  • طراحی بخش featured
    00:12:28
  • طراحی بخش popular و footer
    00:09:25
  • ریسپانسیو سازی قالب
    00:13:49
  • تکمیل ریسپانسیو سازی - پایان قالب پانزدهم
    00:09:51

ارسال نظر شما

نظرات کاربران

نظرات کاربران

هنوز نظری ثبت نشده است.

600,000 تومان
240,000 تومان
60% تخفیف

این دوره شامل:
55:20:00 ساعت آموزش
دسترسی مادام‌العمر
سطح: مبتدی
گواهی پایان دوره: ندارد
تاریخ انتشار: 1403/12/06
آخرین به‌روزرسانی: 2026-11-01 00:08:55
تعداد امتیازها: 0
تعداد دانشجو:
خرید اقساطی: ندارد
ضمانت بازگشت وجه: ندارد
برچسب‌ها: