آموزش جی کوئری 101: جی کوئری (با جاوا اسکریپت) را از ابتدا یاد بگیرید

jQuery 101: Learn jQuery (with JavaScript) from scratch

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:

به jQuery 101 خوش آمدید: jQuery برای مبتدیان.

اجازه دهید با این سوال بزرگ شروع کنیم: آیا jQuery هنوز استفاده می شود؟ جواب قطعا بله است. جی کوئری مسئول جاوا اسکریپت در صدها میلیون وب سایت است. این را تکرار می کنم: 

jQuery مسئول جاوا اسکریپت در صدها میلیون وب سایت است.

این بسیار رایج است که وب‌سایت‌های تحویل محتوا بیش از ۱ میلیارد بارگیری در ماه (هر کدام!) را ردیابی می‌کنند. این یک عدد شگفت انگیز است!!

jQuery ابتدا برای پر کردن شکاف جاوا اسکریپت بین مرورگرها قبل از اینکه جاوا اسکریپت استانداردتر شود ایجاد شد. اینترنت اکسپلورر و فایرفاکس از جاوا اسکریپت متفاوت استفاده می کردند. کروم و سافاری جاوا اسکریپت را متفاوت پیاده سازی کردند. و jQuery این بود که چگونه می‌توانید یک زبان بنویسید که «فقط کار کند».

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

نگاه کنید، من می دانم که بسیاری از مردم می گویند که شما باید به طور کلی از یادگیری jQuery صرف نظر کنید، اما این را در نظر بگیرید: اگر بیش از 100 میلیون وب سایت از آن استفاده می کنند و هنوز مورد علاقه سازمان هایی مانند جنگو فریم ورک است، پس به وضوح تقاضای بازار وجود دارد. برای این مهارت

چه چیزی در دوره وجود دارد؟

در دوره آموزشی ما به موضوعات زیر می پردازیم:

  • نصب jQuery در وب سایت شما
  • نحو jQuery چگونه به نظر می رسد
  • نحوه انتخاب عناصر HTML با انتخابگرهای jQuery
  • تغییر HTML داخلی و متن عناصر HTML
  • نحوه دریافت مقادیر فرم از عناصر HTML
  • افزودن عناصر HTML داخل عناصر دیگر
  • افزودن عناصر HTML قبل و بعد از عناصر خاص
  • نحوه حذف عناصر HTML
  • شنوندگان رویداد از جمله:
    • روی رویدادها کلیک کنید
    • رویدادهای شناور
    • رویدادهای کلیدی
    • تمرکز روی رویدادها
    • رویدادها را تار کنید
    • رویدادهای ارسال فرم
    • رویدادهای تغییر اندازه پنجره
  • نحوه پنهان کردن و نمایش عناصر HTML به صورت پویا
  • نحوه افزودن و حذف کلاس های CSS به صورت پویا
  • نحوه افزودن CSS سفارشی به عناصر جداگانه
  • انیمیشن ها از جمله:
    • محو شدن و محو شدن
    • اسلاید به پایین و اسلاید به بالا
    • انیمیشن های سفارشی
  • توابع برگشت تماس چیست و نحوه استفاده از آنها در jQuery
  • عرض و ارتفاع عنصر و پنجره با استفاده از مدل جعبه
  • نحوه حلقه زدن چندین عنصر و تغییر آنها
  • نحوه تغییر ویژگی های HTML به صورت پویا
  • تماس های Ajax شامل:
    • درخواست‌ها را دریافت کنید و
    • درخواست‌های POST

این دوره برای چه کسانی است؟

اگر به تازگی وارد جاوا اسکریپت شده اید، این دوره برای شما مناسب است.

اگر یک توسعه‌دهنده باطن هستید و می‌خواهید جاوا اسکریپت خوبی بنویسید بدون اینکه نیازی به یادگیری یک چارچوب کامل مانند React داشته باشید، این دوره برای شما مناسب است.

درباره معلم:

من Kalob Taulien هستم و از jQuery از زمان اختراع آن در سال 2006 استفاده می کنم. من به بیش از 300000 دانش آموز آموزش داده ام و با مشتریانی مانند ناسا، موزیلا، بنیاد تحقیقات قطب شمال، سامری ها و NHS کار کرده ام. در بریتانیا.

آیا می توانم خودم را یک متخصص جی کوئری بنامم؟ بله.

پروژه شما:

با استفاده از یک نقطه پایانی API، یک شنونده رویداد، یک عدد تصادفی با استفاده از جاوا اسکریپت ساده، تغییر متن داخلی یک عنصر، تغییر منبع عناصر تصویر، یک درخواست Ajax و کمی CSS برای مرتب کردن، یک تولیدکننده کاراکترهای جنگ ستارگان تصادفی ایجاد خواهید کرد. همه چیز

مورد نیاز:

  • شما باید HTML اولیه را بدانید
  • اگر کمی CSS می شناسید که جی کوئری را برای شما سرگرم کننده تر می کند
  • شما باید کمی جاوا اسکریپت و نحوه عملکرد آن را از قبل بدانید

شما با استفاده از یک نقطه پایانی API، یک شنونده رویداد، یک عدد تصادفی با استفاده از  ساده  یک   تولید کننده شخصیت‌های جنگ ستارگان تصادفی ایجاد خواهید کرد. جاوا اسکریپت، تغییر متن داخلی یک عنصر، تغییر منبع عناصر تصویر، درخواست Ajax و کمی CSS برای مرتب کردن همه چیز.


سرفصل ها و درس ها

درس ها Lessons

  • جی کوئری چیست و چرا آن را یاد بگیریم؟ What is jQuery and why learn it?

  • تغییر پویا HTML Dynamically changing HTML

  • درخواست های Ajax GET Ajax GET requests

  • ابعاد عرض Width dimensions

  • فرم ارسال رویدادها Form submit events

  • افزودن CSS سفارشی Adding custom CSS

  • درخواست های Ajax POST Ajax POST requests

  • تغییر اندازه رویداد پنجره Resizing window event

  • رویدادها را تار کنید Blur events

  • خلاصه Summary

  • توابع پاسخ به تماس Callback functions

  • معرفی دوره Course introduction

  • تغییر ویژگی ها Changing attributes

  • جابجایی کلاس های CSS Toggling CSS classes

  • حذف عناصر کودک Deleting child elements

  • شنوندگان رویداد و رویداد کلیک Event listeners and the click event

  • انتخابگرهای جی کوئری jQuery selectors

  • رویدادهای کلیدی Keyup events

  • اضافه کردن کلاس های CSS Adding CSS classes

  • رویدادها را شناور کنید Hover events

  • حذف عناصر Deleting elements

  • روی رویدادها تمرکز کنید Focus events

  • jQuery هر حلقه jQuery each loops

  • پروژه نهایی Final project

  • نحو jQuery jQuery syntax

  • تغییر حالت محو و نمایش Toggling fades and displays

  • قبل و بعد Before and After

  • جی کوئری مقادیر فرم را دریافت می کند jQuery getting form values

  • انیمیشن های جی کوئری jQuery animations

  • حذف کلاس های CSS Removing CSS classes

  • نصب jQuery در وب سایت شما Installing jQuery on your website

  • نمایش عناصر Showing elements

  • پنهان کردن عناصر Hiding elements

  • آماده و اضافه کنید Prepend and append

  • متن تغییر پویا Dynamically changing text

  • به بالا و پایین بلغزانید Slide up and down

  • محو شدن و محو شدن Fading in and fading out

نمایش نظرات

Skillshare (اسکیل شیر)

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

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

آموزش جی کوئری 101: جی کوئری (با جاوا اسکریپت) را از ابتدا یاد بگیرید
جزییات دوره
2h 33m
37
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
305
4 از 5
دارد
دارد
دارد
Kalob Taulien
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Kalob Taulien Kalob Taulien

معلم توسعه وب

سلام به همه! من Kalob Taulien هستم.

در اینجا نسخه TL;DR (کوتاه) درباره من است:

  • من از سال 1999 کدنویسی می کنم و از سال 2013 به مردم یاد می دهم که چگونه کدنویسی کنند
  • من بیش از 350000 دانشجوی توسعه وب در سراسر جهان دارم
  • من در تیم توسعه هسته Wagtail CMS هستم (Wagtail شماره 1 محبوب ترین سیستم ساخت وب سایت پایتون است)
  • من تمام تلاشم را می کنم که به هر سوالی که دانش آموزانم دارند پاسخ دهم
  • من عاشق تدریس هستم - این قطعاً یکی از استعدادهای طبیعی من است
  • همچنین من عاشق بز هستم! (اگر ملاقات حضوری داشته باشیم شروع کننده گفتگو با من عالی است)

در زیر می‌توانید تمام دوره‌های Skillshare من را پیدا کنید. دسته بندی ها از ساده ترین به سخت ترین، به جز موارد متفرقه، قرار می گیرند. دوره های کدنویسی در پایان.

اگر در زمینه کدنویسی کاملاً تازه کار هستید، با BEGINNERS WEB DEV شروع کنید. و سپس به سراغ HTML بروید.

اگر یک توسعه دهنده وب با تجربه هستید، می توانید از هر یک از بخش های زیر رد شوید.

اگر می‌خواهید یاد بگیرید که چگونه وب‌سایت‌ها را واقعاً زیبا جلوه دهید و خوب عمل کنید، می‌خواهید به HTML، CSS و جاوا اسکریپت نگاه کنید.

اگر می‌خواهید وب‌سایت‌هایی ایجاد کنید که کاربران بتوانند در آن وارد شوند، حساب کاربری داشته باشند و اطلاعات را ذخیره کنند، می‌خواهید به PHP، Python، Django یا Wagtail نگاه کنید.

آخرین اما نه کم اهمیت، همه باید Git و نحوه استفاده از GitHub را بدانند. این کاملاً حیاتی است که 100٪ همه توسعه دهندگان Git و GitHub را درک کنند. این زبان مخفی است که هر کارفرما به دنبال آن است. من نیز یک بخش کامل در مورد آن دارم.

فراموش نکنید که من را در Skillshare برای دوره های هفتگی جدید دنبال کنید!

کد نویسی مبارک!