قیمت این دوره : 120,000 تومان
  • مدرس دوره : حمیدرضا عبادی ( رزومه )
  • تعداد دانشجویان این دوره : 33 نفر
  • تعداد ویدیوها : 13 ویدیو
  • مدت زمان دوره : 3:34:00
  • سطح دوره : پیشرفته
  • وضعیت دوره : در حال برگزاری
  • تاریخ آخرین بروزرسانی : 1399/06/29
ثبتـــ نام در این دوره

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

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

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

 

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

 

 

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

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

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

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

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

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

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

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

 

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

 

 

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

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

 

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

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

 

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

Html5

Css3

FlexBox

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

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

مدت زمان دوره 03:34: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

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

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