در این بخش، پاکسازی پروفایل هنگام خالی شدن فیلد جستوجو و نمایش هشدار برای کاربر نامعتبر را با JavaScript پیادهسازی میکنیم. همچنین از ایجاد هشدارهای تکراری جلوگیری میکنیم و پیام خطا را بعد از ۳ ثانیه بهصورت خودکار حذف میکنیم.
در این بخش، نمایش اطلاعات پروفایل گیتهاب در رابط کاربری را با JavaScript پیادهسازی میکنیم. با ساخت کلاس UI، دادههای کاربر را در DOM رندر میکنیم و با استفاده از template literal، ساختار HTML پروفایل را بهصورت داینامیک میسازیم.
در این بخش از آموزش GitHub Finder، به سراغ مدیریت رویدادها میرویم. ابتدا ورودی جستجو را به یک رویداد متصل میکنیم و سپس با ایجاد کلاس GitHub، درخواستهای غیرهمگام (Async/Await) را برای دریافت پروفایل کاربران از API گیتهاب پیادهسازی میکنیم.
در این بخش، ساخت اپلیکیشن GitHub Finder را آغاز میکنیم. با استفاده از Bootstrap و Bootswatch، رابط کاربری را طراحی کرده و زیرساخت پروژه شامل ساختار فایلها و تنظیمات اولیه API گیتهاب را برای مدیریت درخواستهای غیرهمگام پیادهسازی میکنیم.
در این بخش، کتابخانه EasyHTTP V2 را بازنویسی کرده و با حذف ساختارهای پیچیده Promises، آن را به قدرت Async/Await مجهز میکنیم. این تغییرات کدهای ما را فشردهتر و خواناتر کرده و مدیریت درخواستهای HTTP را بسیار سادهتر و حرفهایتر میکند.
در این بخش با قابلیت Async/Await آشنا میشویم. یاد میگیریم چگونه این ویژگی مدرن، کدهای ناهمگام را سادهتر کرده و ساختار زنجیرهای Promises را به کدهایی خوانا و شبیه به برنامهنویسی همزمان تبدیل میکند. در نهایت، کاربرد آن را در Fetch API بررسی خواهیم کرد.
در این بخش، نسخه دوم کتابخانه EasyHTTP را با بهرهگیری از کلاسهای ES6، Promises و Fetch API بازنویسی میکنیم. هدف اصلی، جایگزینی متدهای قدیمی AJAX و Callbackها با ساختاری مدرن، بهینهتر و خواناتر برای انجام عملیاتهای CRUD است.
در این آموزش با Arrow Functions (توابع پیکانی) در ES6 آشنا میشویم. یاد میگیریم چگونه با استفاده از این قابلیت، کدهای خود را خلاصهتر، خواناتر و بهینهتر بنویسیم و همچنین مفهوم Lexical This را در این توابع بررسی میکنیم.
در این آموزش با Fetch API، استاندارد مدرن جاوااسکریپت برای مدیریت درخواستهای HTTP آشنا میشوید. یاد میگیرید چگونه فایلهای متنی و JSON محلی را فراخوانی کنید و با استفاده از APIهای خارجی مانند GitHub، دادهها را دریافت و در صفحه وب نمایش دهید.