قیمت این دوره: 230,000 149,500 تومان
  • مدرس دوره : فرزاد معصومی
  • تعداد ویدیوها : 219 ویدیو
  • مدت زمان دوره : 55:20:00
  • سطح دوره : پیشرفته
  • وضعیت دوره : به اتمام رسیده
  • تاریخ آخرین بروزرسانی : 1401/12/08
ثبتـــ نام در این دوره ثبت نام در دوره
طراحی وب پیشرفته + 12 پروژه عملی

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

 

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

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

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

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

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

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

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

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

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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




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

مدت زمان دوره 55:20:00
  • با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.

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:17: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 این قالب رو به پایان میرسونیم

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

00:14:47

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

122
  • قالب نهم - طراحی بخش service

00:04:23

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

123
  • قالب نهم - طراحی بخش مهارت های من

00:16:12

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

124
  • قالب نهم - طراحی فیلتر نمونه کارها

00:10:11

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

125
  • قالب نهم - طراحی فیلتر نمونه کارها (قسمت دوم)

00:09:10

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

126
  • قالب نهم - طراحی فیلتر نمونه کارها (قسمت سوم)

00:09:14

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

127
  • قالب نهم - طراحی فیلتر نمونه کارها (قسمت چهارم)

00:16:10

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

128
  • قالب نهم - طراحی فیلتر نمونه کارها (قسمت پنجم)

00:11:51

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

129
  • قالب نهم - طراحی لایت باکس نمونه کارها

00:12:57

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

130
  • قالب نهم - طراحی لایت باکس نمونه کارها (قسمت دوم)

00:18:41

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

131
  • قالب نهم - طراحی بخش message-box

00:11:07

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

132
  • قالب نهم - طراحی بخش نظرات مشتریان

00:14:48

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

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

00:15:32

در این ویدیو طراحی بخش نظرات مشتریان رو به پایان میرسونیم و در ویدیو بعدی میریم سراغ جاوا اسکریپت کار

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

00:16:56

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

135
  • قالب نهم - طراحی بخش نظرات مشتریان (قسمت چهارم)

00:14:24

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

136
  • قالب نهم - طراحی بخش آخرین مطالب

00:14:26

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

137
  • قالب نهم - طراحی بخش تماس با ما

00:14:34

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

138
  • قالب نهم - طراحی فوتر

00:12:56

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

139
  • قالب نهم - طراحی navbar fixed

00:11:39

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

140
  • قالب نهم - طراحی smooth scroll

00:15:26

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

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

00:14:11

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

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

00:19:04

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

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

00:15:15

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

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

00:26:51

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

145
  • قالب دهم - طراحی home page

00:17:55

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

146
  • قالب دهم - طراحی home page (قسمت دوم)

00:12:37

در این ویدیو بخش home page خودمون رو تکمیل تر میکنیم

147
  • قالب دهم - طراحی home page (قسمت سوم)

00:11:38

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

148
  • قالب دهم طراحی بخش mega menu

00:12:38

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

149
  • قالب دهم - طراحی بخش mega menu(قسمت دوم)

00:12:45

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

150
  • قالب دهم - طراحی بخش service

00:12:22

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

151
  • قالب دهم - طراحی بخش about

00:07:17

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

152
  • قالب دهم - طراحی بخش last update

00:19:35

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

153
  • قالب دهم - طراحی بخش webDesign

00:17:19

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

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

00:16:46

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

155
  • قالب دهم - طراحی بخش popular course

00:12:17

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

156
  • قالب دهم - طراحی بخش webDeveloper

00:06:29

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

157
  • قالب دهم - طراحی بخش blog

00:08:37

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

158
  • قالب دهم - طراحی footer

00:15:33

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

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

00:18:19

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

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

00:18:26

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

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

00:17:26

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

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

00:13:40

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

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

00:19:21

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

164
  • قالب یازدهم - راه اندازی بوت استرپ 5 (طراحی navbar)

00:15:55

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

165
  • قالب یازدهم - طراحی بخش home

00:14:11

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

166
  • قالب یازدهم - طراحی بخش about

00:17:21

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

167
  • قالب یازدهم - طراحی بخش service

00:10:17

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

168
  • قالب یازدهم - طراحی بخش portfolio

00:12:09

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

169
  • قالب یازدهم - طراحی بخش testimonials

00:18:21

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

170
  • قالب یازدهم - طراحی بخش contact

00:15:06

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

171
  • قالب دوازدهم - طراحی بخش header

00:18:29

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

172
  • قالب دوازدهم - طراحی بخش about

00:19:01

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

173
  • قالب دوازدهم - طراحی بخش about

00:18:21

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

174
  • قالب دوازدهم - طراحی بخش features

00:15:46

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

175
  • قالب دوازدهم - طراحی بخش products

00:22:45

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

176
  • قالب دوازدهم - طراحی بخش testimonial

00:23:34

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

177
  • قالب دوازدهم - طراحی faq و newsletter

00:31:16

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

178
  • قالب دوازدهم - طراحی contact و footer

00:55:29

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

179
  • آپدیت دوره - معرفی قالب سیزدهم

00:02:48

معرفی قالب جدید برای آپدیت دوره

180
  • قالب سیزدهم - طراحی بخش header

00:13:43

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

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

00:08:22

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

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

00:17:13

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

183
  • قالب سیزدهم - طراحی بخش category

00:14:20

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

184
  • قالب سیزدهم - طراحی بخش category (قسمت دوم)

00:11:15

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

185
  • قالب سیزدهم - طراحی بخش off_mens

00:08:47

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

186
  • قالب سیزدهم - طراحی بخش purse

00:07:44

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

187
  • قالب سیزدهم - طراحی بخش product

00:11:12

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

188
  • قالب سیزدهم - طراحی بخش product (قسمت دوم)

00:15:12

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

189
  • قالب سیزدهم - طراحی بخش best product

00:07:35

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

190
  • قالب سیزدهم - طراحی بخش بلاگ

00:10:33

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

191
  • قالب سیزدهم - طراحی بخش customer

00:11:36

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

192
  • قالب سیزدهم - طراحی بخش customer

00:08:02

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

193
  • قالب سیزدهم - طراحی بخش subscribe

00:11:36

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

194
  • قالب سیزدهم - طراحی بخش footer

00:14:00

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

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

00:12:26

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

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

00:12:53

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

197
  • قالب چهاردهم - پیش نمایش

00:02:16

شروع آپدیت جدید

198
  • ساخت سایدبار

00:07:25

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

199
  • ساخت متغییر در css

00:05:36

در این ویدیو متغییرهای خودمون رو میسازیم

200
  • طراحی بخش سایدبار (قسمت دوم)

00:11:30

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

201
  • طراحی سایدبار (قسمت سوم)

00:08:49

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

202
  • طراحی بخش content

00:08:41

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

203
  • طراحی بخش content

00:06:41

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

204
  • طراحی بخش content (قسمت سوم)

00:07:32

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

205
  • طراحی بخش content (قسمت چهارم)

00:11:12

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

206
  • ریسپانسیو سازی قالب

00:08:47

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

207
  • ریسپانسیو سازی (پایان)

00:10:32

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

208
  • قالب پانزدهم - دمو

00:01:39

قالب پانزدهم - دمو

209
  • شروع به ساخت layout

00:10:13

شروع به ساخت layout

210
  • ادامه ساخت layout

00:07:15

ادامه ساخت layout

211
  • ریسپانسیو کردن layout

00:06:49

ریسپانسیو کردن layout

212
  • شروع به طراحی قالب

00:08:06

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

213
  • طراحی بخش navbar

00:11:55

طراحی بخش navbar

214
  • طراحی بخش sort

00:05:56

طراحی بخش sort

215
  • طراحی بخش listing

00:10:50

طراحی بخش listing

216
  • طراحی بخش featured

00:12:28

طراحی بخش featured

217
  • طراحی بخش popular و footer

00:09:25

طراحی بخش popular و footer

218
  • ریسپانسیو سازی قالب

00:13:49

ریسپانسیو سازی قالب

219
  • تکمیل ریسپانسیو سازی - پایان قالب پانزدهم

00:09:51

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

دوره های دیگر مدرس

مشاهده همه دوره ها

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

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