به تقویت مجموعه مهارت های CSS خود ادامه دهید. در این دوره - دومین دوره از مجموعه دو دوره در مورد انتخابگرهای CSS - مدرس Eric Greene به توسعه دهندگان React در مورد امکانات پیشرفته تر انتخابگر CSS، از جمله ترکیبگرهای انتخابگر، انتخابگرهای شبه عنصر و موارد دیگر آموزش می دهد. اریک نحوه استفاده از انتخابگرهای سفارشی را بررسی می کند و ویژگی های آبشاری و انتخابگر را بررسی می کند. به‌علاوه، او برخی از بهترین شیوه‌های کار با انتخاب‌کنندگان را بررسی می‌کند.rnrn ما خوشحالیم که میزبان این آموزش در کتابخانه خود هستیم.

 

هوش مصنوعی برای پروژه های توسعه جاوا اسکریپت بیشتر و بیشتر به یک نیاز تبدیل می شود. می‌توانید از فناوری‌های هوش مصنوعی برای بهبود رابط کاربری استفاده کنید، همچنین می‌توانید از چندین هوش مصنوعی با جاوا اسکریپت استفاده کنید. همانطور که ما به سمت دنیایی پیش می رویم که در آن برنامه نویسی هوش مصنوعی بیشتر عادی شده است، اکوسیستم جاوا اسکریپت حاوی ابزارهایی است که کار شما را به عنوان یک توسعه دهنده آسان تر می کند. در این دوره، توسعه‌دهنده و مدرس نرم‌افزار Eve Porcello گزینه‌های موجود را بررسی می‌کند و به شما نشان می‌دهد که چگونه برنامه‌های چت و تجزیه و تحلیل متنی را بسازید که از کتابخانه‌های جاوا اسکریپت در Node.js استفاده می‌کنند.

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

این دوره با GitHub Codespaces یکپارچه شده است، یک محیط توسعه دهنده ابر فوری که تمام عملکردهای IDE مورد علاقه شما را بدون نیاز به هیچ گونه راه اندازی ماشین محلی ارائه می دهد. با GitHub Codespaces، می‌توانید در هر زمان و در هر زمانی از هر ماشینی تمرین عملی داشته باشید، در حالی که از ابزاری استفاده می‌کنید که احتمالاً در محل کار با آن مواجه خواهید شد. برای یادگیری نحوه شروع، ویدیوی «استفاده از فضاهای کد GitHub با این دوره» را بررسی کنید.

 نحوه راه اندازی تست جاوا اسکریپت سریع، آسان و خودکار را با استفاده از Cypress.io بیاموزید. Cypress یک چارچوب آزمایشی پیشرفته است که آزمایش برنامه های جاوا اسکریپت را بدون اصطکاک تر می کند. این دوره آموزشی مقدمه‌ای سریع برای Cypress.io است که تکنیک‌های پایه و متوسط ​​را برای نوشتن موارد آزمایشی پایان به انتها پوشش می‌دهد. یاد بگیرید که چگونه یک تست ساده بنویسید و سپس از نام مستعار برای بهینه سازی انتخاب ها و قبل از هر قلاب برای کاهش کدهای تکراری استفاده کنید. مربی Shaun Wassell همچنین نشان می دهد که چگونه می توان سایر اقدامات را در تست ها راه اندازی کرد، تکرارهای خودکار را پیکربندی کرد و هر گونه خطا را اشکال زدایی کرد. این دوره با نگاهی به سایر دستورات و ویژگی های مفید Cypress، از جمله تکمیل کد هوشمند، به پایان می رسد.

تست انتها به انتها یک استراتژی فوق العاده قدرتمند است. اساساً به شما امکان می‌دهد برنامه‌هایی بنویسید که به طور خودکار با برنامه‌های وب شما تعامل داشته باشند، مانند یک کاربر واقعی. در این دوره، Shaun Wassell - یک برنامه نویس مادام العمر و یک مربی توسعه Full-Stack - نگاهی جامع به تست انتها به انتها با استفاده از Cypress که یکی از محبوب ترین و قوی ترین ابزارهای تست سرتاسر موجود است، ارائه می دهد. نحوه نوشتن و اجرای تست‌های پایه را بیاموزید و سپس به سراغ بهترین روش‌ها برای انتخاب عنصر، نامگذاری و مدیریت نتایج فرمان بروید. ویژگی‌های پیشرفته Cypress مانند قلاب‌ها، متغیرهای محیطی و تست‌های دوبل را برای ایجاد تست‌های کارآمد و قابل نگهداری کاوش کنید. در پایان دوره، شما آماده خواهید بود تا در دنیای واقعی، تست انتها به انتها را بر روی هر برنامه وب انجام دهید.

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

 بر خلاف زبان های برنامه نویسی مبتنی بر کلاس مانند جاوا، جاوا اسکریپت یک زبان رویه ای مبتنی بر نمونه اولیه است. این بدان معناست که از برنامه نویسی شی گرا عملکردی و پشتیبانی می کند - با نحو سخت تر، توسعه پذیری بیشتر و قوانین کمتر. در این دوره عملی و تعاملی، با مدرس Emma Bostian بپیوندید تا انجام وظایف برنامه نویسی شی گرا در جاوا اسکریپت را تمرین کنید تا دانش فنی خود را تقویت کنید، برای مصاحبه آماده شوید یا نقش جدیدی را به دست آورید. این دوره شامل چالش های کد است که توسط CoderPad طراحی شده است. چالش‌های کد، تمرین‌های کدنویسی تعاملی با بازخورد بلادرنگ هستند، بنابراین می‌توانید برای پیشبرد مهارت‌های کدنویسی خود تمرین کدنویسی را انجام دهید. Emma به شما کمک می کند تا مهارت های خود را به عنوان یک برنامه نویس جاوا اسکریپت با پنج چالش برنامه نویسی خاص و متمرکز بر پرس و جو تقویت کنید. ایجاد یک فهرست دوره با توابع، یک تابع کتاب با Object.create()، یک کشور با کلاس ها، یک کلاس سفارش غذا با دریافت کننده ها و تنظیم کننده ها، و یک کلاس کاربر/ادمین با ویژگی های خصوصی را تمرین کنید.

 

اگر با جاوا اسکریپت کار می کنید، ممکن است در مدیریت دامنه متغیرها با مشکلات دشواری مواجه شوید. به دلیل متفاوت بودن نحو و کلمات کلیدی، اطمینان از اینکه توابع خروجی های دقیقی تولید می کنند، می تواند دشوار باشد. در این دوره، Eve Porcello به شما یاد می دهد که کدی بنویسید که می تواند به شما در تمرین رایج ترین الگوها در توابع جاوا اسکریپت کمک کند. در مورد بسته شدن و عملکردهای مرتبه بالاتر بیاموزید و تجربه عملی در انطباق با تغییرات در الزامات دامنه کسب کنید. تکنیک هایی را بیابید که می توانید برای کارآمدتر و آزمایش پذیرتر کردن کد خود از آنها استفاده کنید.

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

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

در قلب هر برنامه وب و فریم ورک (مانند Angular یا React) DOM، Document Object Model قرار دارد. در این دوره، مدرس W. Scott Means DOM را از پایین به بالا بررسی می کند. اسکات پس از معرفی سریع رابط Node و درختان DOM، با ساختن یک تجزیه کننده HTML کارآمد، همه چیز را به سطح بعدی می برد. او به شما نشان می‌دهد که چگونه کد منبع HTML به یک درخت DOM کامل، شامل نظرات، گره‌های متنی و عناصر با گره‌های ویژگی ترجمه می‌شود. سپس، اسکات نشان می‌دهد که چگونه درخت DOM حاصل را می‌توان با استفاده از نقشه‌ها و فهرست‌های خاص DOM، ارجاع‌های درخت و قطعات سند برای تولید خروجی HTML با چاپ زیبا، پیمایش و تبدیل کرد. او دوره را با توصیه هایی در مورد اینکه چگونه می توانید آموخته های خود را تمرین کنید و یک قدم به تسلط بر DOM نزدیک تر شوید، پایان می دهد.

توانایی خواندن داده ها و برقراری ارتباط اطلاعات به صورت ناهمزمان برای برنامه های کاربردی وب مدرن اساسی است. در این دوره، نویسنده Ray Villalobos نگاهی به ادغام AJAX (جاوا اسکریپت ناهمزمان و XML) با جاوا اسکریپت و jQuery می‌اندازد - ترکیبی که کار با داده‌های پویا را آسان می‌کند و تعداد درخواست‌ها به سرور را کاهش می‌دهد. این دوره ابتدا توضیح می دهد که AJAX چیست و نحوه بارگیری و بارگذاری مجدد صفحات با جاوا اسکریپت خالص، به روز رسانی DOM و خواندن و تجزیه داده ها در فرمت های XML و JSON را نشان می دهد. در مرحله بعد، نحوه خواندن و نوشتن اطلاعات بین سرور و کلاینت را با روش های AJAX در جی کوئری بیاموزید و یک برنامه جستجوی پویا بسازید که نتایج جستجو را در حین تایپ به روز می کند.

نشان‌گذاری شی جاوا اسکریپت (JSON) جایگزین XML به‌عنوان راه اصلی اشتراک‌گذاری داده‌ها شده است، به خصوص وقتی صحبت از جاوا اسکریپت می‌شود، زیرا تجزیه آن بسیار سریع‌تر، شیک‌تر و آسان‌تر است. در این دوره، به کار با ابزارهای JSON، طراحی اشیاء JSON و استفاده از روش‌های مختلف برای مدیریت داده‌های JSON بپردازید. نویسنده Ray Villalobos همچنین نحوه استفاده از AJAX و jQuery را برای تجزیه داده‌ها و فیدها نشان می‌دهد و جاوا اسکریپت و JSON را در یک برنامه کاربردی واقعی در دنیای واقعی نشان می‌دهد.

 

Ajax بلوک ساختمانی از وب مدرن است. Ajax به شما کمک می کند بین برنامه خود و سرور ارتباط برقرار کنید و محتوای جدید را بدون بارگیری مجدد صفحات وب ترکیب کنید که در نتیجه برنامه های تعاملی تر و با کارایی بالا ایجاد می شود. این دوره هر دو روش مدرن و قدیمی را برای درخواست و مدیریت داده ها و اصلاح محتوای صفحه وب با جاوا اسکریپت Ajax و vanilla معرفی می کند. کارشناس JS Sasha Vodnik نحوه کار با Fetch API ها را نشان می دهد، بنابراین می توانید ببینید که چگونه Ajax در یک پایگاه کد پیاده سازی می شود. در طول مسیر، یاد بگیرید که چگونه درخواست‌ها و پاسخ‌های Ajax را در مرورگر بهینه کنید، محتوای صفحه وب را از طریق DOM تغییر دهید، با کتابخانه Axios کار کنید، و درخواست‌های Ajax را در صورت بروز عیب‌یابی کنید.

این دوره با GitHub Codespaces، یک محیط توسعه‌دهنده ابر فوری که تمام عملکردهای دستگاه محلی مورد علاقه شما را بدون نیاز به تنظیم IDE محلی مورد علاقه شما ارائه می‌دهد، ادغام شده است. با استفاده از GitHub Codespaces، می‌توانید در هر زمان و در هر زمانی از ابزاری استفاده کنید که احتمالاً در محل کار با آن مواجه خواهید شد. برای یادگیری نحوه شروع، ویدیوی "استفاده از فضاهای کد GitHub با این دوره" را بررسی کنید.

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

کد ناهمزمان اساس اکثر تجربیات مدرن وب است. این اجازه می دهد تا برنامه ها بین وظایف جابجا شوند و درخواست های متعدد را انجام دهند. با این حال، بدون درک کامل از برنامه نویسی ناهمزمان، توسعه دهندگان می توانند کدهای متورم را بنویسند که بر خلاف معماری وب عمل می کند. در این دوره آموزشی به Sasha Vodnik بپیوندید، که رویکردهای ناهمزمان برنامه نویسی جاوا اسکریپت را با استفاده از callbacks، وعده ها و عملگرهای async/wait در ES6 بررسی می کند. آنچه را که خط به خط در کد شما در حال انجام است بیاموزید، ساختارهای اساسی مانند اشیاء XMLHttpRequest (XHR) و setTimeout() را مجدداً مشاهده کنید و نحوه استفاده از گزینه های نحو جدید در جاوا اسکریپت را برای مقابله با هر چالش کدنویسی کشف کنید.

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

در دو دهه گذشته، برنامه نویسان هم کد و هم مکالمات خود را در مورد کد حول الگوهایی که برای اولین بار در الگوهای طراحی، کتاب کلاسیک Gang of Four شرح داده شد، ساختار داده اند. برنامه نویسان جاوا اسکریپت در این گفتگوها شرکت کرده اند، اما الگوهای مورد بحث بیشتر در دنیای برنامه نویسی شی گرا ارتدکس مناسب هستند. در این دوره، امانوئل هنری توضیح می دهد که چگونه این الگوها با جاوا اسکریپت مطابقت دارند. او هدف برخی از رایج‌ترین الگوها را رمزگشایی می‌کند و نمونه‌هایی از کد را در طول مسیر ارائه می‌کند. در مورد الگوهای طراحی ایجادی، ساختاری و رفتاری کلیدی و نحوه اعمال هر یک از آنها در کد جاوا اسکریپت خود بیاموزید.

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

بستن - یک مفهوم اصلی برای توسعه دهندگان جاوا اسکریپت متوسط \u200b\u200bو پیشرفته - می تواند برای بسیاری از توسعه دهندگان چالش برانگیز باشد. در این دوره مختصر، ساشا وودنیک این مفهوم اساسی را توضیح می دهد و توضیح می دهد که بسته شدن چیست و چگونه از آنها در جاوا اسکریپت استفاده شود. ساشا از بلوک‌های سازنده بسته‌ها عبور می‌کند و مشخص می‌کند که در کد چگونه به نظر می‌رسند. او همچنین نحوه جلوگیری از بسته شدن ناخواسته، استفاده از ویژگی های جاوا اسکریپت به جای بسته شدن و پیاده سازی الگوی ماژول را به اشتراک می گذارد.

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

TDD یکی از موضوعات مورد بحث در دنیای توسعه نرم افزار است. حتی برنامه هایی که با دقت ساخته شده اند تا جایی رشد می کنند که اشکال زدایی و اطمینان از کیفیت دشوار می شود. توسعه تست محور (TDD) با اطمینان از اینکه تمام بخش های برنامه شما تحت پوشش تست ها قرار می گیرند، به این امر کمک می کند. در این دوره، Shaun Wassell تکنیک ها و ابزارهای اساسی برای آزمون های واحد و ادغام را بررسی می کند. در طول راه، او بزرگنمایی می کند تا بررسی کند که چگونه همه آنها با هم هماهنگ می شوند. Shaun همچنین نقاط قوت و ضعف TDD را برجسته می‌کند و نمونه‌هایی در دنیای واقعی ارائه می‌کند که نشان می‌دهد چگونه TDD می‌تواند در جریان کار توسعه شما قرار بگیرد.

درباره انواع مختلف رویدادهای جاوا اسکریپت در دسترس برای استفاده در برنامه های خود بیاموزید، از جمله رویدادهای سنتی مانند رویدادهای ماوس، فرم و پنجره، به علاوه رویدادهایی که به شما امکان می دهند رویدادهای DOM و HTML5 را که با رسانه سروکار دارند، مدیریت کنید. نویسنده Ray Villalobos نحوه انتشار و ثبت رویدادها در مراحل ثبت و حباب، لغو یک رویداد یا رفتار پیش‌فرض، و پاسخ به کلیک‌ها، کلیک‌های راست، دنبال کردن ماوس و بارگذاری تصاویر را نشان می‌دهد. به‌علاوه، Ray یک پروژه jukebox صوتی را نمایش می‌دهد و یک بازی کشیدن و رها کردن که جاوا اسکریپت دسکتاپ و رویدادهای لمسی را در عمل نشان می‌دهد.