قیمت این دوره : 120,000 90,000 تومان
  • مدرس دوره : حمیدرضا عبادی ( رزومه )
  • تعداد دانشجویان این دوره : 111 نفر
  • تعداد ویدیوها : 46 ویدیو
  • مدت زمان دوره : 15:11:00
  • سطح دوره : پیشرفته
  • وضعیت دوره : به اتمام رسیده
  • تاریخ آخرین بروزرسانی : 1399/08/24
ثبتـــ نام در این دوره
 طراحی 0 تا 100 قالب با Html5,Css3,FlexBox

طراحی 0 تا 100 قالب با Html5,Css3,FlexBox

بعد از اینکه Html و Css رو یادگرفتید اکثر افراد در طراحی کامل یک قالب مشکل دارن با اینکه به زبان مورد نیاز تسلط دارن

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

 

توی این دوره ما یک طرح آماده ای در نرم افزار گرافیکی داریم (Adobe XD) که شمارو با نحوه استفاده از این نرم افزار اشنا میکنیم تا اگه کارفرما فایل طرح رو واستون فرستاد بتونید آیکون ها و عکس هارو از فایل بکشید بیرون و استفاده کنید

 

 

این دوره فقط طراحی قالب نیست!!👇

💡 آموزش اصول طراحی واکنشگرا

💡 آموزش کد نویسی استاندارد وب

💡 تراز بندی صفحات با FlexBox

💡 آموزش نرم افزار Adobe Xd برای طراحان وب

💡 نحوه استفاده از پلاگین مرتبط با Slider جاوا اسکریپت

💡 آموزش سرچ درست برای برنامه نویسان

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

 

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

 

 

و در آخر , پروژه رو به صورت کامل با افکت های انیمیشنی جذاب میکنیم 😍

تضمین میدم یکی از بهترین و مفید ترین دوره در سطح اینترنت باشه 😅😀

 

پروژه دوره توی ویدیو معرفی هست👍

حتما حتما ویدیو معرفی دوره رو ببینید  ✌

 

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

Html5

Css3

FlexBox

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

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

مدت زمان دوره 15:11:00
در صورتیکه ویدئو نمایش داده نشد آن را دانلود کنید و با KmPlayer مشاهده کنید.
راهنما ! جهت دریافت لینک دانلود تمامی قسمت ها بر روی این لینک .کلیک کنید.
لطفا در در صورت اقدام به دانلود تا انتها فرایند دانلود ، این صفحه را باز نگاه دارید.
1
  • معرفی دوره

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

معرفی دوره

2
  • چرا باید از FlexBox استفاده کنیم؟ + مثال

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

چرا باید از FlexBox استفاده کنیم؟ + حل چند مثال

3
  • پوشه بندی و ابزار های مورد نیاز

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

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

4
  • نحوه تمرین دوره

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

نحوه تمرین دوره

5
  • مروری بر Media Queries

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

مرور کلی در رابطه با media ها در css

6
  • سیستم Grid چیست؟

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

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

7
  • کد نویسی Grid System - بخش اول

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

کلاس container رو کدنویسی میکنیم و توضیح میدیم به چه کارمون میاد

8
  • کد نویسی Grid System - بخش دوم

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

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

9
  • کد نویسی Grid System - بخش سوم

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

این قسمت ردیف و ستون های سیستم گرید رو مینویسیم - row - col

10
  • کد نویسی Grid System - بخش آخر

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

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

11
  • تست Grid System + مینی پروژه

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

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

12
  • کد نویسی Header - Menu

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

کد نویسی Header - Menu

13
  • کد نویسی Header - Menu | Responsive

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

کد نویسی Header - Menu | Responsive

14
  • کد نویسی کلاس های کاربردی

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

کد نویسی کلاس های کاربردی

15
  • کد نویسی Header - Content

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

کد نویسی Header - Content

16
  • کد نویسی Header - Content | Responsive

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

کد نویسی Header - Content| Responsive

17
  • کد نویسی Main - Sections بخش اول

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

کد نویسی Main - Sections بخش اول

18
  • کد نویسی Main - Sections بخش دوم

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

کد نویسی Main - Sections بخش اول

19
  • ریز کاری پروژه + نکات مهم

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

ریز کاری پروژه + نکات مهم

20
  • کد نویسی Main - Sections بخش سوم

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

کد نویسی Main - Sections بخش سوم

21
  • کد نویسی Main - Sections بخش چهارم

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

کد نویسی Main - Sections بخش چهار

22
  • کد نویسی Main - Sections بخش پنجم

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

کد نویسی Main - Sections بخش پنجم

23
  • کد نویسی Main - Sections بخش ششم

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

کد نویسی Main - Sections بخش ششم

24
  • ریز کاری پروژه قسمت دوم

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

ریز کاری پروژه قسمت دوم

25
  • کد نویسی Main - Sections بخش هفتم

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

کد نویسی Main - Sections بخش هفتم

26
  • کد نویسی Main - Sections بخش هشتم

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

کد نویسی Main - Sections بخش هشتم

27
  • کد نویسی Main - Sections بخش نهم

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

کد نویسی Main - Sections بخش نهم

28
  • کد نویسی Main - Sections بخش دهم

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

کد نویسی Main - Sections بخش دهم

29
  • ریز کاری پروژه قسمت سوم

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

ریز کاری پروژه قسمت سوم + Sizing

30
  • شروع کد نویسی Footer بخش اول

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

شروع کد نویسی Footer بخش اول

31
  • کد نویسی Footer بخش دوم

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

کد نویسی Footer بخش دوم

32
  • کد نویسی Footer بخش سوم

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

کد نویسی Footer بخش سوم

33
  • ریز کاری پروژه قسمت چهارم

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

ریز کاری پروژه قسمت چهارم

34
  • ایجاد hover های مورد نیاز برای تگ ها

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

ایجاد hover های مورد نیاز برای تگ ها

35
  • اعمال افکت های انیمیشنی روی قالب

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

اعمال افکت های انیمیشنی روی قالب

36
  • کد نویسی بخش Active در Menu

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

کد نویسی بخش Active در Menu

37
  • Vendor Prefixes

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

Vendor Prefixes

38
  • سوالات و نکات مهم طراحی اصولی بخش اول

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

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

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

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

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

40
  • سوالات و نکات مهم طراحی اصولی بخش سوم

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

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

41
  • بررسی Bootstrap - بخش اول

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

بررسی Bootstrap - بخش اول

42
  • بررسی Bootstrap - بخش دوم

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

بررسی Bootstrap - بخش دوم

43
  • بررسی Bootstrap - بخش سوم

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

بررسی Bootstrap بخش- سوم

44
  • بررسی MdBootstrap

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

بررسی MdBootstrap

45
  • بررسی کلی دوره و نکات مربوطه - (پایان دوره)

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

بررسی کلی دوره و نکات مربوطه - (پایان دوره)

46
  • نمایش پروژه دوره

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

نمایش پروژه دوره

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

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