09370037921 - 09365151409

  • مدت زمان دوره : 19 ساعت
  • سطح دوره : متوسط
  • تعداد جلسات : 100
(2 رای‌ها)

آموزش طراحی سایت - 100 تمرین طراحی سایت

07 مرداد 1397

آموزش طراحی سایت - 100 تمرین طراحی سایت

اگر شما هم از آن دوستانی هستید که دوره های css  ، html ، javascript  ، jquery  رو گذارنده اید . ولی زمانی که با یک پروژه واقعی روبرو میشید . نمیدونید از کجا شروع کنید و برای هر قسمت از چه کد . پلاگینی استفاده کنید. این دوره برای شما است.

ما با توجه به عناصر پر کاربرد وب که شما در اکثر پروژه ها با آن ها روبرو خواهید شد. تمرین هایی طراحی کرده ایم . و طی این دور با هم آن ها رو اجرا خواهیم کرد.

مشاهده 10 قسمت اول به صورت رایگان

پیش نیاز ها

  • آنچه خواهید آموخت
  • سر فصل های دوره آموزشی
    • ساخت گرید و ریسپانسیو بر اساس گردیز
    • ساخت منوی dropdown
    • استفاده از پلاگین mmenu.js
    • استفاده از fontawsome
    • استفاده از پلاگین theia-sticky-sidebar.js
    • استفاده از پلاگین circle-progress برای نمودارهای دایره ای
    • استفاده از پلاگین cocoen.min.js برای ایجاد افکت before- after
    • استفاده از پلاگین color-thief.js جهت ایجاد گالری همراه با پلت رنگی
    • استفاده از پلاگین fullpage.js برای ایجاد لندینگ پیج های فول اسکرین
    • استفاده از پلاگین isotope.js جهت ایجاد صفحات پورتفولیو همراه با فیلتر
    • استفاده از پلاگین jQuery.countdownTimer.js جهت ایجاد تایمر معکوس
    • استفاده از پلاگین jquery.counterup.js جهت ایجاد شمارشگر
    • استفاده از پلاگین jquery.elevatezoom جهت ایجاد گالری همراه با زومر
    • استفاده از پلاگین jquery.form-validator جهت اعتبار سنجی فرم ها
    • استفاده از پلاگین jquery.jplayer جهت ایجاد ویدئو پلیر و آئودیو پلیر
    1. ساخت grids
    2. ریسپانسیو grids
    3. ساخت منوی dropdown
    4. ریسپانسیو منو با استفاده از پلاگین mmenu
    5. ساخت breadcrumb
    6. استفاده از فونت آیکون ها
    7. ساخت یک آینم بلاگ
    8. ساخت یک pagination
    9. ایجاد یک سایدبار و ویجت جستجو
    10. ساخت ویجت های مجموعه ها و تگ ها
    11. ساخت ویجت های محبوبترین مطالب و بنر
    12. فیکس کردن سایدبار
    13. ساخت فوتر و ویجت تماس با ما
    14. ساخت ویجت های دسترسی ها و عضویت در خبر نامه
    15. ساخت کپی رایت و شبکه های اجتماعی
    16. فیکس کردن منو در بالا
    17. ساخت یک جستجوی پاپ آپ
    18. ساخت یک ورود پاپ آپ
    19. ساخت دکمه back to top
    20. ساخت یک آیتم محصول
    21. ساخت برچسب برای محصولات و تخفیف
    22. ماژول سبد خرید
    23. ماژول انتخاب رنج قیمت
    24. ساخت گالری زومر برای محصول
    25. ساخت جزییات محصول
    26. ساخت tooltip بر روی نوشته
    27. ساخت تب برای صفحه محصول
    28. ساخت یک جدول zebra
    29. ساخت کامنت
    30. ساخت فرم ارسال کامنت
    31. ساخت محصول مرتبط
    32. ساخت یک صفحه comming soon
    33. ساخت ویجت پیشنهاد ویژه
    34. صفحه مطلب هدر صفحه
    35. ساخت امتیاز دهی ستاره ای
    36. ایجاد یک video player
    37. ایجاد یک audio player
    38. ساخت یک گالری pop up
    39. کد نویس typography
    40. ایجاد لیست های متنوع
    41. ساخت انواع دکمه
    42. ساخت انواع هاور برای دکمه ها
    43. جدا کننده ها
    44. ساخت اشتراک مطلب و لینک مطلب قبل و بعد
    45. باکس اطلاعات نویسنده برای مطلب
    46. ساخت مطالب مرتبط
    47. ساخت بخش نظردهی برای مطلب
    48. ساخت گوگل مپ
    49. ساخت باکس های اطلاعات تماس
    50. ساخت فرم تماس با ما
    51. ساخت تیم ما
    52. پروژه ها ی ما
    53. بخش نظر مشتریان
    54. بخش آمار پروژه ها
    55. ساخت یک تایم لاین
    56. ساخت خدمات ما
    57. اسلایدر چرا ما را انتخاب کنید
    58. ساخت نمودارهای مهارت
    59. ساخت انیمیشن ها برای نمودارهای مهارت
    60. ساخت جدول قیمت ها
    61. ایجاد یک بک گراند پارالاکس
    62. آشنایی با کتابخانه animate.css
    63. ایجاد انیمیشن همراه با اسکرول ماوس
    64. ایجد یک گالری مسونوری
    65. صفحه درباره من
    66. نمودار پیشرفت دایره ای
    67. ایجاد یک بکگراند ویدئو
    68. صفحه تماس با ما
    69. صفحه پورتفولیو به صورت مسونوری همراه با فیلتر
    70. صفحه داخلی نمونه کار - ساده
    71. صفحه داخلی نمونه کار - گالری کاروسل
    72. صفحه داخلی نمونه کار - گالری ایزوتوپ
    73. صفحه داخلی نمونه کار - اسکرول اختصاصی برای گالری ایزوتوپ
    74. صفحه داخلی نمونه کار - اسلایدر گالری
    75. صفحه داخلی نمونه کار - اسلایدر فول اسکرین
    76. صفحه داخلی نمونه کار - اسلایدر قبل و بعد
    77. صفحه داخلی نمونه کار - آکوردئن افقی
    78. صفحه نمونه کارها به صورت split-screen – بخش اول html
    79. صفحه نمونه کارها به صورت split-screen – بخش دوم ایجاد jquery
    80. ایجاد پارتیکل بکگراند
    81. ایجاد شب و روز
    82. ساخت سایدبار فیکس
    83. ساخت منوی آکوردئن
    84. ساخت اسکرول عمودی برای ساید بار
    85. ایجاد اطلاعات تماس به صورت اسلاید
    86. ایجاد گالری همراه با snake effect
    87. ایجاد گالری همراه با پلت رنگی – بخش اول html
    88. ایجاد گالری همراه با پلت رنگی – بخش دوم ایجاد jquery
    89. ایجاد بلاگ مسونوری
    90. ایجاد لود مور برای بلاگ مسونوری
    91. نمایش آخرین اخبار به صورت کاروسل
    92. نمایش خبر تصادفی بعد از اسکرول
    93. اسلایدر اخبار
    94. صفحه ورود و ثبت نام
    95. اعتبار سنجی فرم ها
    96. ایجاد بک گراند پارالاکس همراه با حرکت ماوس
    97. ایجاد لندینگ پیج – ساخت بخش های فول اسکرین
    98. ایجاد لندینگ پیج – اسلایدر و مهارت ها
    99. ایجاد لندینگ پیج – انمیشن خدمات و جدول قیمت ها
    100. ایجاد یک preloader
صادق جعفری

صادق جعفری

متخصص طراحی و اجرای انواع قالب وب سایت برای انواع cms (جوملا ، وردپرس و ...)

با بیش از 4 سال سابقه و بیش از 35 پروژه موفق

دیدگاه‌ها

webuser
webuser 28 مرداد 1397
سلام بسیار عالی از توضیجات خوبتون
پاسخ دادن

نوشتن دیدگاه