قیمت این دوره: 120,000 78,000 تومان
  • مدرس دوره : فرزاد معصومی ( رزومه )
  • تعداد دانشجویان این دوره : 389 نفر
  • تعداد ویدیوها : 120 ویدیو
  • مدت زمان دوره : 33:16:00
  • سطح دوره : پیشرفته
  • وضعیت دوره : در حال برگزاری
  • تاریخ آخرین بروزرسانی : 1400/01/29
ثبتـــ نام در این دوره
طراحی وب پیشرفته + 12 پروژه عملی

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

 

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

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

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

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

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

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

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

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

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

لطفا سوالات خود را راجع به این آموزش در این بخش پرسش و پاسخ مطرح کنید به سوالات در قسمت نظرات پاسخ داده نخواهد شد.

فهرستـــ ویدیوها

مدت زمان دوره 33:16:00
  • در صورتیکه ویدئو نمایش داده نشد آن را دانلود کنید و با KmPlayer مشاهده کنید.

  • لطفا در صورت اقدام به دانلود تا انتها فرایند دانلود ، این صفحه را باز نگاه دارید.

1
  • معرفی دوره

  • 00:31:00
  • رایگانــ

معرفی دوره

2
  • آماده سازی ادیتور و وارد کردن فونت

  • 00:13:25
  • رایگانــ

دوستان عزیز در این ویدیو ما ادیتور کد خودمون رو انتخاب و نصب میکنیم و فونت های خودمون رو وارد پروژه میکنم در ویدیو بعد طراحی رو شروع میکنیم.

3
  • قالب اول - طراحی بخش header - قسمت اول

  • 00:31:34
  • رایگانــ

دوستان عزیز در این ویدیو میریم سراغ طراحی اولین قالب و بخش اول nav رو طراحی میکنیم و در قسمت بعد این بخش رو تکمیل میکنیم

4
  • قالب اول - طراحی بخش header - قسمت دوم

  • 00:13:18
  • رایگانــ

دوستان عزیز در این ویدیو بخش header خودمون رو تموم میکنیم و در ویدیو بعد میریم سراغ بخش بعدی

5
  • قالب اول - طراحی بخش دوم (our-story)

  • 00:11:19
  • رایگانــ

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

6
  • قالب اول - طراحی بخش سوم ( sweet )

  • 00:11:38
  • نقدیــ

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

7
  • قالب اول - طراحی بخش چهارم (menu)

  • 00:16:38
  • نقدیــ

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

8
  • کلاس جبرانی - width و height

  • 00:07:09
  • نقدیــ

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

9
  • قالب اول - طراحی بخش پنجم (hot)

  • 00:11:32
  • نقدیــ

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

10
  • کلاس جبرانی - Float

  • 00:07:52
  • نقدیــ

بچه ها در این ویدیو که دومین کلاس جبرانی هست راجب Float ها توضیحات بیشتری میدیم هر چند که ما در همین قالب فقط از Float استفاده میکنیم اما خواستم موضوع شفاف تر باشه پس همراهیم کنید :)

11
  • قالب اول - طراحی بخش ششم (delight)

  • 00:12:44
  • نقدیــ

خب دوستان این قسمت بخش بعدی رو طراحی میکنیم و در ویدیو بعد قسمت فوتر رو طراحی میکنیم تا طراحی قالب به پایان برسه

12
  • قالب اول - طراحی بخش footer (قسمت اول)

  • 00:21:39
  • نقدیــ

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

13
  • قالب اول - طراحی بخش footer (قسمت دوم)

  • 00:15:10
  • نقدیــ

خب دوستان در این ویدیو طراحی قالب اول به پایان میرسه و ما در ویدیو های بعد هم ریسپانسیو سازی انجام میدیم هم کلاس جبرانی داریم راستی میتونید فایل های مربوط به این قالب رو پیدا کنید در فایل..با من همراه باشید :)

14
  • کلاس جبرانی - position

  • 00:17:51
  • نقدیــ

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

15
  • ریسپانسیو سازی قالب اول - (قسمت اول)

  • 00:33:10
  • نقدیــ

خب دوستان ما این قالب رو میخوایم سریع ریسپانسیو کنیم و در 3 ویدیو این کار رو انجام میدیم

16
  • ریسپانسیو سازی قالب اول - (قسمت دوم)

  • 00:25:16
  • نقدیــ

دوستان در این قسمت بخش های بعدی رو ریسپانسیو میکنیم و در ویدیو بعد فوتر رو ریسپانسیو میکنیم و همچنین کدهای جی کوئری nav رو مینویسیم

17
  • ریسپانسیو سازی قالب اول - (قسمت سوم)

  • 00:25:07
  • نقدیــ

خب دوستان عزیز قالب اول به طور کامل به پایان رسید شما میتونید قالب نهایی رو هم بعد از دانلود این قسمت داشته باشید

18
  • قالب دوم - طراحی بخش nav

  • 00:28:36
  • نقدیــ

خب دوستان در این ویدیو قالب دوم رو استارت میزنیم و بخش nav رو طراحی میکنیم

19
  • قالب دوم - طراحی بخش slider

  • 00:20:21
  • نقدیــ

خب دوستان در این ویدیو بخش header رو به پایان میرسونیم

20
  • قالب دوم - طراحی بخش hanging-lamp

  • 00:27:22
  • نقدیــ

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

21
  • قالب دوم - طراحی بخش hanging-lamp-two

  • 00:21:22
  • نقدیــ

در این قسمت بخش دوم از hanging-lamp رو طراحی میکنیم

22
  • قالب دوم - طراحی بخش sofa

  • 00:12:15
  • نقدیــ

خب دوستان در این ویدیو قسمت بعدی که sofa باشه رو طراحی میکنیم

23
  • قالب دوم - طراحی بخش sofa-two

  • 00:09:15
  • نقدیــ

خب دوستان بالاخره این بخش های تکراری به پایان رسیدن و در قسمت بعدی میریم سراغ بخش counter

24
  • قالب دوم - طراحی بخش counter

  • 00:18:03
  • نقدیــ

خب بچه ها در این ویدیو بخش counter رو با هم طراحی و پیاده سازی میکنیم

25
  • قالب دوم - طراحی بخش footer

  • 00:12:46
  • نقدیــ

دوستان عزیز در این ویدیو قالب دوم هم به پایان میرسه و در ویدیو بعد میریم و ریسپانسیوش میکنیم

26
  • ریسپانسیو سازی قالب دوم - (قسمت اول)

  • 00:33:50
  • نقدیــ

دوستان عزیز ما در این ویدیو قالب خودمون رو شروع به ریسپانسیو کردن میکنیم

27
  • ریسپانسیو سازی قالب دوم - (قسمت دوم)

  • 00:30:44
  • نقدیــ

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

28
  • ریسپانسیو سازی قالب دوم - (قسمت سوم)

  • 00:07:02
  • نقدیــ

خب بالاخره قالب دوم هم تموم شد

29
  • کلاس جبرانی - flexbox (قسمت اول)

  • 00:05:47
  • نقدیــ

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

30
  • قالب سوم - اجرای پلاگین و طراحی بخش header

  • 00:16:12
  • نقدیــ

دوستان عزیز در این ویدیو ما پلاگین مربوطه رو راه اندازی میکنیم و هدر خودمون رو طراحی میکنیم

31
  • قالب سوم - طراحی بخش nav

  • 00:06:52
  • نقدیــ

دوستان عزیز در این ویدیو بخش nav در header رو طراحی میکنیم

32
  • قالب سوم - طراحی بخش wolf (قسمت اول)

  • 00:12:12
  • نقدیــ

خب دوستان عزیز در این ویدیو ما background از قسمت رو طراحی میکنیم

33
  • قالب سوم - طراحی بخش wolf (قسمت سوم)

  • 00:06:49
  • نقدیــ

در این ویدیو ما قسمت wolf رو طراحی میکنیم

34
  • قالب سوم - طراحی بخش wolf (قسمت سوم)

  • 00:12:18
  • نقدیــ

دوستان عزیز در این قسمت بخش wolf هم به پایان میرسه , کمی طولانی شد اما ارزشش رو داشت .

35
  • قالب سوم - طراحی بخش Monkey

  • 00:10:15
  • نقدیــ

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

36
  • قالب سوم - طراحی بخش footer

  • 00:21:26
  • نقدیــ

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

37
  • ریسپانسیو سازی قالب سوم (قسمت اول)

  • 00:29:33
  • نقدیــ

دوستان عزیز در این ویدیو طولانی قالب اول رو ریسپانسیو میکنیم

38
  • ریسپانسیو سازی قالب سوم (قسمت دوم)

  • 00:08:17
  • نقدیــ

دوستان عزیز در این ویدیو قالب سوم هم به پایان میرسه.(فایل ضمیمه با خطا مواجه شد اما چیز خاصی هم نیس تغییرات جزئی هست با ویدیو بعد ارسال میکنم)

39
  • رفع ایراد قالب اول و دوم (فونت و استایل)

  • 00:10:53
  • نقدیــ

در این ویدیو به چند ایراد که در دو قالب اول بوده میپردازیم و مشکلاتی که کاربرا داشتن.

40
  • قالب چهارم - طراحی بخش (header-top)

  • 00:16:39
  • نقدیــ

خب دوستان عزیز در این ویدیو ما میریم و قالب چهارم رو استارت میزنیم امیدوارم در کنار هم با قدرت جلو بریم

41
  • قالب چهارم - طراحی بخش (info)

  • 00:18:14
  • نقدیــ

دوستان عزیز در این ویدیو ما قسمت دوم از قالب چهارم رو طراحی میکنیم

42
  • قالب چهارم - طراحی بخش (slider)

  • 00:18:39
  • نقدیــ

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

43
  • قالب چهارم - طراحی بخش(nav)

  • 00:22:11
  • نقدیــ

دوستان عزیز در این ویدیو بخش nav خودمون رو طراحی میکنیم و با before , after هم آشنایی مختصری پیدا میکنیم

44
  • قالب چهارم - طراحی بخش (base-story)

  • 00:17:08
  • نقدیــ

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

45
  • قالب چهارم - طراحی بخش base-story (قسمت دوم)

  • 00:21:51
  • نقدیــ

دوستان عزیز در این ویدیو بخش base-story رو کامل تر میکنیم و در ویدیو بعد این بخش هم به پایان میرسه

46
  • قالب چهارم - طراحی بخش (base-story) قسمت سوم

  • 00:05:54
  • نقدیــ

خب بالاخره این بخش در این ویدیو به پایان میرسه

47
  • قالب چهارم - طراحی بخش service (قسمت اول)

  • 00:10:29
  • نقدیــ

دوستان عزیز تصمیم گرفتم تایم ویدیو هارو کوتاه کنم و بجاش تعداد آپدیت هارو سعی میکنم بیشتر کنم تا اینجوری راحت تر باشیم همگی

48
  • قالب چهارم - طراحی بخش service (قسمت دوم)

  • 00:15:50
  • نقدیــ

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

49
  • قالب چهارم - طراحی بخش service (قسمت سوم)

  • 00:17:00
  • نقدیــ

خب کمی طولانی داره میشه اما ارزشمنده توی این ویدیو طراحی رو تمام میکنیم و ویدیو بعدی کد جی کوئری کار رو میزنیم

50
  • قالب چهارم - طراحی بخش service (قسمت چهارم)

  • 00:19:32
  • نقدیــ

دوستان عزیز بالاخره در این ویدیو بخش سرویس های این قالب هم به پایان رسید و کدهای جی کوئری رو میزنیم

51
  • قالب چهارم - طراحی بخش (about)

  • 00:15:10
  • نقدیــ

خب دوستان در این ویدیو میریم سراغ بخش درباره ما و اینکه هر قسمتی که دیدین فایل کد ها به همراهش نیست در ویدیو بعد قرار میدم

52
  • قالب چهارم - طراحی بخش (about)

  • 00:10:02
  • نقدیــ

خب دوستان اینم از ویدیو بعد در ویدیو بعدی این بخش از قالب هم به اتمام میرسه

53
  • قالب چهارم - طراحی بخش about (قسمت سوم)

  • 00:15:11
  • نقدیــ

دوستان عزیز طولانی ترین قالبمون همین قالب هست قالب های بعدی قطعا سریع تر پیش میریم

54
  • قالب چهارم - طراحی بخش beautitext

  • 00:05:55
  • نقدیــ

دوستان عزیز خب در یک قسمت این بخش ساده رو طراحی میکنیم

55
  • قالب چهارم - طراحی بخش project (قسمت اول)

  • 00:10:59
  • نقدیــ

خب دوستان بریم سراغ بخش بعدی میخوایم سرعت رو بالاتر ببریم

56
  • قالب چهارم - طراحی بخش project (قسمت دوم)

  • 00:15:44
  • نقدیــ

دوستان عزیز در این ویدیو قسمت پروژه های خودمون رو هم به اتمام میرسونیم

57
  • قالب چهارم - طراحی بخش article (قسمت اول)

  • 00:11:00
  • نقدیــ

دوستان عزیز در این ویدیو بخش article رو با هم شروع به طراحی میکنیم

58
  • قالب چهارم - طراحی بخش article (قسمت دوم)

  • 00:23:13
  • نقدیــ

دوستان عزیز در این ویدیو این بخش از قالب رو هم به پایان میرسونیم

59
  • قالب چهارم - طراحی بخش partner

  • 00:11:56
  • نقدیــ

خب دوستان در این ویدیو بخش partner رو طراحی میکنیم

60
  • قالب چهارم - طراحی بخش footer (قسمت اول)

  • 00:11:51
  • نقدیــ

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

61
  • قالب چهارم - طراحی بخش footer (قسمت دوم)

  • 00:09:31
  • نقدیــ

خب دوستان در این ویدیو بخش اول فوتر رو به اتمام میرسونیم

62
  • قالب چهارم - طراحی بخش footer (قسمت سوم)

  • 00:11:52
  • نقدیــ

دوستان در این ویدیو بخش بعدی فوتر رو طراحی میکنیم

63
  • قالب چهارم - طراحی بخش footer (قسمت چهارم)

  • 00:18:29
  • نقدیــ

در این ویدیو صفحه اصلی قالب به پایان میرسه

64
  • قالب چهارم -طراحی صفحه single (قسمت اول)

  • 00:23:00
  • نقدیــ

دوستان عزیز در این ویدیو میریم سراغ صفحه single خودمون رو اون رو طراحی میکنیم

65
  • قالب چهارم - طراحی صفحه single (قسمت دوم)

  • 00:16:52
  • نقدیــ

در این ویدیو روند طراحی صفحه سینگل رو ادامه میدیم

66
  • قالب چهارم - طراحی صفحه single (قسمت سوم)

  • 00:18:44
  • نقدیــ

خب بالاخره در این ویدیو قالب چهارم به پایان میرسه و از ویدیو بعد ریسپانسیو رو شروع میکنیم

67
  • قالب چهار - ریسپانسیو سازی (قسمت اول)

  • 00:20:36
  • نقدیــ

در این ویدیو ریسپانسیو سازی رو شروع میکنیم

68
  • قالب چهارم - ریسپانسیو سازی (قسمت دوم)

  • 00:24:52
  • نقدیــ

در این ویدیو ریسپانسیو سازی رو ادامه میدیم

69
  • قالب چهارم - ریسپانسیو سازی (قسمت سوم)

  • 00:13:54
  • نقدیــ

دوستان ریسپانسیو سازی طولانی هست و دو ویدیو دیگه کار این قالب کلا تموم خواهد شد

70
  • قالب چهارم - ریسپانسیو سازی (قسمت چهارم)

  • 00:19:09
  • نقدیــ

خب بچه ها ویدیو بعد این قالب هم به پایان میرسه

71
  • قالب چهارم - ریسپانسیو سازی (قسمت پنجم)

  • 00:23:37
  • نقدیــ

خب دوستان اینم از آخرین قسمت قالب چهارم

72
  • کلاس جبرانی - flexbox (قسمت دوم)

  • 00:11:13
  • نقدیــ

در این ویدیو دومین جلسه فلکس باکس رو با هم پیش میبریم

73
  • قالب پنجم - نصب پلاگین

  • 00:12:04
  • نقدیــ

خب دوستان در این ویدیو قالب پنجم رو استارت میزنیم

74
  • قالب پنجم - طراحی بخش اول

  • 00:14:37
  • نقدیــ

در این ویدیو بخش اول قالب رو طراحی میکنیم

75
  • قالب پنجم - طراحی بخش دوم

  • 00:12:39
  • نقدیــ

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

76
  • قالب پنجم - طراحی بخش سوم

  • 00:10:27
  • نقدیــ

در این ویدیو بخش سوم قالب پنجم رو طراحی میکنیم

77
  • قالب پنجم - طراحی بخش چهارم

  • 00:10:05
  • نقدیــ

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

78
  • قالب پنجم - طراحی بخش پنجم

  • 00:12:36
  • نقدیــ

در این ویدیو بخش آخر قالب رو طراحی میکنیم

79
  • قالب پنجم - ریسپانسیو سازی

  • 00:14:33
  • نقدیــ

دوستان عزیز در این ویدیو قالب پنجم رو ریسپانسیو میکنیم و این قالب هم به پایان میرسه

80
  • قالب ششم - طراحی عکس و استارت کار

  • 00:06:22
  • نقدیــ

دوستان عزیز در این ویدیو قالب ششم رو استارت میزنیم

81
  • قالب ششم - طراحی رجیستر قسمت اول

  • 00:09:14
  • نقدیــ

دوستان عزیز در این ویدیو بخشی از صفحه رجیستر رو طراحی میکنیم

82
  • قالب ششم - طراحی رجیستر قسمت دوم

  • 00:09:26
  • نقدیــ

دوستان عزیز قسمت دوم قالب ششم رو در این ویدیو کامل تر میکنیم

83
  • قالب ششم - طراحی رجیستر و لاگین قسمت سوم

  • 00:13:09
  • نقدیــ

خب دوستان در این ویدیو طراحی این قالب هم به پایان میرسه

84
  • قالب ششم - ریسپانسیو سازی

  • 00:09:04
  • نقدیــ

خب در این ویدیو قالب ششم هم به پایان میرسه بریم سراغ هفتمی

85
  • قالب هفتم - طراحی بخش header

  • 00:26:17
  • نقدیــ

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

86
  • قالب هفتم - طراحی بخش about

  • 00:17:56
  • نقدیــ

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

87
  • قالب هفتم - طراحی بخش service

  • 00:14:50
  • نقدیــ

در این ویدیو بخش service این قالب رو طراحی میکنیم

88
  • قالب هفتم طراحی بخش work

  • 00:12:41
  • نقدیــ

دوستان عزیز در این ویدیو بخش بعدی قالب رو طراحی میکنیم

89
  • قالب هفتم - طراحی بخش contact

  • 00:15:32
  • نقدیــ

دوستان عزیز در این ویدیو بخش contact خودمون رو طراحی میکنیم

90
  • قالب هفتم - طراحی بخش contact و footer

  • 00:14:40
  • نقدیــ

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

91
  • قالب هفتم - طراحی lightbox

  • 00:18:36
  • نقدیــ

خب در این ویدیو بخش lightbox رو طراحی میکنیم

92
  • قالب هفتم - جی کوئری lightbox

  • 00:33:57
  • نقدیــ

دوستان عزیز در این ویدیو کدهای جی کوئری lightbox رو میزنیم فایل نهایی پروژه در ویدیو بعد قرار میدم

93
  • قالب هفتم - ریسپانسیو سازی

  • 00:19:33
  • نقدیــ

ریسپانسیو سازی و پایان قالب هفتم

94
  • قالب هشتم - طراحی header (قسمت اول)

  • 00:23:05
  • نقدیــ

شروع قالب هشتم و طراحی header

95
  • قالب هشتم - طراحی header (قسمت دوم)

  • 00:27:53
  • نقدیــ

در این ویدیو بخش هدر رو تکمیل تر میکنیم و در ویدیو بعد این بخش به پایان میرسه

96
  • قالب هشتم - طراحی header (قسمت سوم)

  • 00:23:31
  • نقدیــ

در این ویدیو بخش header قالب به پایان میرسه

97
  • قالب هشتم - طراحی slider (قسمت اول)

  • 00:19:36
  • نقدیــ

در این ویدیو اسلایدر خودمون رو طراحی میکنیم

98
  • قالب هشتم - طراحی slider (قسمت دوم)

  • 00:20:11
  • نقدیــ

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

99
  • قالب هشتم - طراحی slider (قسمت سوم)

  • 00:22:09
  • نقدیــ

در این ویدیو بخش اسلایدر قالب به پایان میرسه

100
  • قالب هشتم - طراحی main (قسمت اول)

  • 00:20:14
  • نقدیــ

دوستان عزیز در این ویدیو بخش main رو شروع میکنیم به طراحی که مهمترین بخش قالبمون هست

101
  • قالب هشتم - طراحی main (قسمت دوم)

  • 00:22:05
  • نقدیــ

در این ویدیو بخش بعدی main رو طراحی میکنیم

102
  • قالب هشتم - طراحی main (قسمت سوم)

  • 00:20:08
  • نقدیــ

در این ویدیو بخش بعدی قسمت main رو با هم طراحی میکنیم

103
  • قالب هشتم - طراحی main (قسمت چهارم)

  • 00:15:33
  • نقدیــ

در این ویدیو بخش content به پایان میرسه

104
  • قالب هشتم - طراحی main بخش sidebar (قسمت اول)

  • 00:15:48
  • نقدیــ

در این ویدیو میریم سراغ sidebar و شروع به طراحی میکنیم

105
  • قالب هشتم - طراحی main بخش sidebar (قسمت دوم)

  • 00:12:17
  • نقدیــ

در این ویدیو بخش sidebar قالب رو طراحی میکنیم

106
  • قالب هشتم - طراحی بخش suggested

  • 00:18:06
  • نقدیــ

در این ویدیو بخش suggested قالب رو طراحی میکنیم

107
  • قالب هشتم - طراحی بخش favorite

  • 00:17:57
  • نقدیــ

در این ویدیو قسمت favorite از قالب هشتم رو طراحی میکنیم

108
  • قالب هشتم - طراحی footer (قسمت اول)

  • 00:17:05
  • نقدیــ

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

109
  • قالب هشتم - طراحی footer (قسمت دوم)

  • 00:18:13
  • نقدیــ

در این ویدیو طراحی فوتر قالب هشتم هم به پایان میرسه

110
  • قالب هشتم - ریسپانسیو سازی (قسمت اول)

  • 00:10:00
  • نقدیــ

در این ویدیو ریسپانسیو سازی قالب رو شروع میکنیم

111
  • قالب هشتم - ریسپانسیو سازی (قسمت دوم)

  • 00:15:13
  • نقدیــ

در این ویدیو ادامه ریسپانسیو سازی قالب رو با هم پیش میبریم

112
  • قالب هشتم - ریسپانسیو سازی (قسمت سوم)

  • 00:15:59
  • نقدیــ

در این ویدیو ریسپانسیو سازی قالب به پایان میرسه

113
  • قالب هشتم - طراحی فرم جستجو

  • 00:11:26
  • نقدیــ

در این ویدیو فرم جستجوی قالب رو با هم طراحی میکنیم

114
  • قالب هشتم - طراحی ریسپانسیو مگامنو (قسمت اول)

  • 00:25:26
  • نقدیــ

در این ویدیو مگامنو خودمون رو ریسپانسیو میکنیم

115
  • قالب هشتم - طراحی ریسپانسیو مگامنو (قسمت دوم)

  • 00:22:56
  • نقدیــ

در این ویدیو طراحی مگامنو رو به پایان میرسونیم و قالب هشتم به پایان میرسه

116
  • قالب نهم - طراحی header

  • 00:18:36
  • نقدیــ

قالب نهم رو در این ویدیو استارت میزنیم

117
  • قالب نهم - طراحی بخش home

  • 00:19:42
  • نقدیــ

در این ویدیو بخش home رو طراحی میکنیم و به پایان میرسونیم

118
  • قالب نهم - طراحی بخش about (قسمت اول)

  • 00:14:35
  • نقدیــ

در این ویدیو بخش درباره ما رو با هم شروع به طراحی میکنیم

119
  • قالب نهم - طراحی بخش about (قسمت دوم)

  • 00:17:03
  • نقدیــ

در این ویدیو طراحی بخش درباره ما رو ادامه میدیم

120
  • قالب نهم - طراحی بخش about (قسمت سوم)

  • 00:08:29
  • نقدیــ

در این ویدیو بخش about این قالب رو به پایان میرسونیم

نظرات کاربران در رابطه با این دوره

جهت ثبت نظر باید در سایت عضو شوید و یا وارد سایت شده باشید .