قیمت این دوره: 150,000 تومان
  • مدرس دوره : حمیدرضا عبادی
  • تعداد ویدیوها : 54 ویدیو
  • مدت زمان دوره : 16:44:00
  • سطح دوره : پیشرفته
  • وضعیت دوره : به اتمام رسیده
  • تاریخ آخرین بروزرسانی : 1400/09/04
 طراحی 0 تا 100 قالب با Html5,Css3,FlexBox

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

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

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

 

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

 

 

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

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

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

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

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

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

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

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

 

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

 

 

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

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

 

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

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

 

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

Html5

Css3

FlexBox




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

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

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

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

47
  • به‌روزرسانی دوره - سوالات و نکات مهم طراحی اصولی بخش چهارم

00:12:00

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

48
  • تغییرات Grid System + بهینه سازی

00:13:00

تغییرات Grid System + بهینه سازی

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

00:17:00

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

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

00:10:00

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

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

00:19:00

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

52
  • طرح تمرینی 1

00:07:31

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

53
  • طرح تمرینی 2

00:07:00

طرح تمرینی 2

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

00:08:06

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


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

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