قیمت این دوره: 260,000 تومان
  • مدرس دوره : محمد مومنی
  • تعداد ویدیوها : 21 ویدیو
  • مدت زمان دوره : 11:48:00
  • سطح دوره : پیشرفته
  • وضعیت دوره : به اتمام رسیده
  • تاریخ آخرین بروزرسانی : 1399/05/28
 فروش این دوره متوقف شده است .
آموزش طراحی سایت های اینستاگرام ، دیجی کالا و اسپاتیفای با بوتسترپ ۴

آموزش طراحی سایت های اینستاگرام ، دیجی کالا و اسپاتیفای با بوتسترپ ۴

بدون هیچ مقدمه ای میخوام بگم این دوره به دردت میخوره یا نه :

HTML و CSS و JS

 

رو یاد گرفتی ، حتی بوتسترپ رو هم بلدی ولی نمیتونی سایت مناسب و در خوری رو برای رزومت داشته باشی تا بتونی وارد باز کار شی ؟

 

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

 

میخواستی یه دوره برای ساخت سایت فروشگاهی مثل دیجی کالا و ... باشه که کلی تجربه به دست بیاری و بزاریش تو رزومه کاریت ؟

 

میخوای از مدرن ترین طراحی های UI , UX توی کارات استفاده کنی ولی هر کاری میکنی عین اون سایتا نمیشه ؟

 

برات سواله سایت هایی مثل اینستاگرام چطوری طراحی شدن ؟

 

یه پروژه سایت های فیلم و آهنگ بت خورده ولی نمیدونی چطوری کلیشه ای طراحیش نکنی و ایده جدید توش پیاده سازی کنی ؟

 

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

 

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

 

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

 

هدف دورمون چیه :

از 0 تا 100 همه بخش های سایت های اینستاگرام ، دیجی کالا و اسپاتیفای رو باهم بدون هیچ کم و کاستی و کاملا ریسپانسیو طراحی میکنیم و تمام نکات کلیدی و پیشرفته رو  مفصل بهش میپردازیم  

 

آیا خبری از API و بک اند هست ؟ :

توی این دوره خیر ، ولی قسمت اخر ویدیو معرفی رو هم اگر ببینید ( حتما همین کارو کنید )

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

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

 

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

 

HTML و CSS و JavaScript

و البته که

Bootstrap 4 

اگه بوتسترپ 4 رو بلد نیستید از آموزش Bootstrap 4 استفاده کنید  

 

و اگر آشنایی دارید باهاش یا از نسخه 3 استفاده میکنید نگران نباشید چون تغییرات دو نسخه رو ذکر خواهم کرد

 

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




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

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

1
  • معرفی دوره

00:09:00

معرفی دوره

2
  • نقشه دوره - پارت 1

00:24:00

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

3
  • نقشه دوره - بررسی دیزاین دیجی کالا

00:20:00

در این قسمت به ادامه بررسی نقشه دوره ( بررسی دیزاین سایت دیجی کالا ) پرداخته شد

4
  • استارت پروژه اینستاگرام - ساختار لاگین پیج

00:31:00

در این قسمت به بررسی ساختار صفحه لاگین سایت اینستاگرام و افزودن ابزار مرتبط با BootStrap 4 پرداخته شد . آغاز پیاده سازی این صفحه در قسمت آینده است .

5
  • اینستاگرام - پیاده سازی لاگین پیج - 1

00:45:00

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

6
  • تکمیل لاگین پیج - بخش 2

00:35:00

در این قسمت به تکمیل بخش های صفحه لاگین اینستاگرام پرداخته شد که برای تکمیل نهایی این صفحه حدود 1 تا 3 جلسه دیگر پیش رو خواهیم داشت

7
  • تکمیل لاگین پیج -Placeholder های شناور

00:40:00

در این قسمت به تکمیل صفحه لاگین پروژه اینستاگرام پرداخته شد و مانور اصلی رو Placeholder ها و راهنمای اینپوت شناور بود . که البته بخشی از اون در جلسه آینده هست

8
  • لاگین پیج - تکمیل فیلد ها و ریسپانسیو کردن باکس

00:33:00

در این قسمت به تکمیل Placeholder های شناور و شروع ریسپانسیو ساختن باکس های اصلی در صفحه لاگین اینستاگرام پرداخته شد

9
  • لاگین پیج - تکمیل بدنه باکس اطلاعات

00:35:00

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

10
  • لاگین پیج - کنترل فیلد های لاگین

00:31:00

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

11
  • لاگین پیج - پیاده سازی اسلایدشو

00:36:00

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

12
  • لاگین پیج - طراحی بخش موبایل

00:33:00

در این قسمت به دیزاین صفحه موبایل لاگین پیج پرداخته شد .

13
  • لاگین پیج - تکمیل بخش موبایل

00:26:00

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

14
  • اینستاگرام - استارت طراحی صفحه اصلی

00:25:00

در این قسمت به بررسی دیزاین صفحه اصلی سایت اینستاگرام و شروع آن پرداخته شد

15
  • صفحه اصلی - تکمیل هدر و بدنه

00:36:00

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

16
  • صفحه اصلی - تکمیل باکس پیشنهادات

00:30:00

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

17
  • صفحه اصلی - اسلایدر ها و باکس چپ

00:49:00

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

18
  • صفحه اصلی - ساخت پست و کاستومایز اسلایدرها

00:43:00

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

19
  • صفحه اصلی - تکمیل ساختار پست ها

00:36:00

در این قسمت به تکمیل ساختار اصلی پست ها در صفحه اصلی سایت اینستاگرام پرداخته شد

20
  • صفحه اصلی - تکمیل پست ها و مودال ها

00:50:00

در این قسمت به مباحث جاوا اسکریپتی تکمیل پست ها ، پست های اسلایدی و اسلایدر آن ها و کانفیگ اولیه نمایش مودال ها پرداخته شد

21
  • صفحه اصلی - تکمیل مودال و پست ها

00:41:00

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


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

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