قیمت این دوره: رایگانــ
  • مدرس دوره : مهدی صادقی
  • تعداد دانشجویان این دوره : 1,445 نفر
  • تعداد ویدیوها : 28 ویدیو
  • مدت زمان دوره : 7:14:00
  • سطح دوره : مقدماتی
  • وضعیت دوره : به اتمام رسیده
  • تاریخ آخرین بروزرسانی : 1399/09/27
دوره ی مقدماتی حل مسائل و تمرین طراحی وب (Front-End)

دوره ی مقدماتی حل مسائل و تمرین طراحی وب (Front-End)

شاید برای شما هم پیش اومده باشه که توی کدزنی به مسائلی برخورد کنید که مجبور به سرچ کردن بشید،

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

 

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

 

باید اینم بگم که این دوره با هر دوره ی دیگه ای تفاوت داره .......

میدونید چرا؟

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

شاید بگید خب این یعنی چی؟؟؟؟🤔🤔🤔

 

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

 

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

من درجواب به این مطلب باید بگم که این دوره برای چند دسته از طراحان وب مناسبه که الان به چندتاشون اشاره میکنم :

1) برای دوستانی که کد های بدون توضیح رو خوب متوجه نمی شوند

2) برای عزیزانی که ترجیح میدهند با توضیح کد رو بفهمند و کامل یادش بگیرن تا اینکه همینجوری کپی پیست کنن(حتی اگه زمان بیشتری رو ازشون بگیره)

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

 

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

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

 

باید اینم اضافه کنم که این دوره شامل :

💡 حداقل 12 تمرین

💡 1 پروژه ی عملی (To Do list)

می باشد.

 

خب دیگه بیشتر از این وقتتون رو نمیگیرم فقط تا یادم نرفته میخوام پیشنیاز های این دوره رو بگم :

HTML

CSS

Java Script

 

با این همه توضیحی که دادم فکر نمیکنم سوالی براتون پیش بیاد (: ولی اگه مشکلی بود توی بخش پرسش سوال در رابطه با این دوره حتما مطرح بکنید اگه از دستم کاری بر بیاد به هیچ وجه دریغ نمیکنم

 

خب دیگه وقتشه شروع کنیم (پر انرژی💪🔥)



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

مدت زمان دوره 7:14:00
  • در صورتیکه ویدئو نمایش داده نشد آن را دانلود کنید و با KmPlayer مشاهده کنید.

  • لطفا در صورت اقدام به دانلود تا انتها فرایند دانلود ، این صفحه را باز نگاه دارید.

1
  • معرفی دوره

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

معرفی دوره

2
  • IDE ها در طراحی وب

  • 00:12:29
  • رایگانــ

در این جلسه به معرفی چند IDE و تفاوت آن با ادیتور کد میپردازیم

3
  • فونت آیکون ها

  • 00:20:36
  • رایگانــ

در این جلسه دو تا از کتابخانه های فونت آیکون را معرفی و با آن ها کار می کنیم

4
  • حل مسائل طراحی وب - قسمت اول

  • 00:16:30
  • رایگانــ

در این جلسه به دو مبحث «تغییر رنگ بخش بالایی گوگل کروم در تلفن همراه» و «copy text to clipboard» پرداختیم و آن ها رو با هم بررسی کردیم

5
  • حل مسائل طراحی وب - قسمت دوم

  • 00:13:18
  • رایگانــ

در این جلسه به دو مبحث «costumize selection» و «costumize scrollbar» پرداختیم و آن ها رو با هم بررسی کردیم

6
  • برنامه نویسی با جاوا اسکریپت

  • 00:17:52
  • رایگانــ

در این جلسه با هم دو برنامه با جاوا اسکریپت می نویسیم تا برای مباحث بعدی آماده شویم

7
  • تمرین طراحی وب - قسمت اول - (image effect)

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

در این جلسه با هم افکت های تصاویر در طراحی وب رو بررسی می کنیم و اون ها رو با هم یاد می گیریم

8
  • تمرین طراحی وب - قسمت دوم - (dropdown)

  • 00:26:17
  • رایگانــ

در این جلسه با هم dropdown ها را بررسی و تمرین می کنیم

9
  • تمرین طراحی وب - قسمت سوم- (JS progress bar)

  • 00:20:50
  • رایگانــ

در این جلسه با هم JS progress bar را بررسی و تمرین می کنیم

10
  • حل مسائل طراحی وب - قسمت سوم

  • 00:15:25
  • رایگانــ

در این قسمت دو مبحث «favicon» و «back to top button» رو با هم بررسی و تمرین می کنیم

11
  • تمرین طراحی وب - قسمت چهارم - (Toggle Switch)

  • 00:12:47
  • رایگانــ

در این جلسه با Toggle Switch آشنا می شویم و آن را با هم بررسی و تمرین می کنیم

12
  • آموزش پلاگین Emmet - بخش اول

  • 00:23:51
  • رایگانــ

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

13
  • آموزش پلاگین Emmet - بخش دوم

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

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

14
  • تمرین طراحی وب - قسمت پنجم - (Typing Effect)

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

در این جلسه با هم Typing Effect را بررسی و تمرین می کنیم

15
  • تمرین طراحی وب - قسمت ششم- (Flip Card)

  • 00:21:55
  • رایگانــ

در این جلسه با هم Flip Card را بررسی می کنیم

16
  • تمرین طراحی وب - قسمت هفتم - (Image Overlay Fade)

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

در این جلسه با هم با Image Overlay Fade آشنا می شویم و آن را بررسی و تمرین می کنیم

17
  • تمرین طراحی وب - قسمت هشتم - (Image Overlay Slide)

  • 00:15:14
  • رایگانــ

در این جلسه با هم با Image Overlay Slide آشنا می شویم و آن را بررسی و تمرین می کنیم

18
  • تمرین طراحی وب - قسمت نهم - (Image Overlay Zoom)

  • 00:12:21
  • رایگانــ

در این جلسه با هم با Image Overlay Zoom آشنا می شویم و آن را بررسی و تمرین می کنیم

19
  • تمرین طراحی وب - قسمت دهم - (Image Overlay Title)

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

در این جلسه با هم با Image Overlay Title آشنا می شویم و آن را بررسی و تمرین می کنیم

20
  • تمرین طراحی وب - قسمت یازدهم - (Image Overlay Icon)

  • 00:14:28
  • رایگانــ

در این جلسه با هم با Image Overlay Icon آشنا می شویم و آن را بررسی و تمرین می کنیم

21
  • تمرین طراحی وب - قسمت دوازدهم - (Timeline)

  • 00:18:20
  • رایگانــ

در این جلسه با هم با Timeline آشنا می شویم و آن را بررسی و تمرین می کنیم

22
  • تمرین طراحی وب - قسمت سیزدهم - (Timeline)

  • 00:20:24
  • رایگانــ

در این جلسه به تکمیل Timeline می پردازیم

23
  • پروژه‌ عملی - بخش اول

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

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

24
  • پروژه‌ عملی - بخش دوم

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

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

25
  • پروژه‌ عملی - بخش سوم

  • 00:11:54
  • رایگانــ

در این جلسه استایل های پروژه را کامل می کنیم

26
  • پروژه‌ عملی - بخش چهارم

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

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

27
  • پروژه‌ عملی - بخش آخر

  • 00:11:48
  • رایگانــ

در این جلسه پروژه عملی دوره را تکمیل می کنیم

28
  • جمع بندی دوره - کلام آخر

  • 00:05:31
  • رایگانــ

جمع بندی دوره - کلام آخر

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

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