قیمت این دوره: رایگانــ
  • مدرس دوره : مهدی صادقی
  • تعداد ویدیوها : 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

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

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

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