رقصنده با کد (و غیره)

📌متد ()forEach در جاوااسکریپت ✅ با استفاده از این متد میتوانیم یه حلقه تکرار بروی تک تک آیتم های یک آرایه ایجاد کنیم. ✅ توجه داشته باشید که متد forEach یک تابع فراخوانی را به عنوان ورودی می پذیرد و برای هر عنصر در آرایه ای که تکرار می شود، این تابع اجرا میشود. ✅ نکته قابل توجه برای این متد این است که تابع مورد نظر را برای هر عنصری که مقدار نداشته باشد اجرا نمی کند. به عبارت دیگر بر روی آیتم‌های خالی در آرایه عمل نمیکند. @alithecodeguy

📌افزونه React Developer Tools ✅یکی از افزونه‌های مهم و پرکاربرد برای وبسایتهایی است که با ریکت طراحی میشوند و برای خطایابی سریعتر و راحتتر طراحان سایت را یاری مینماید. ✅پس از نصب این افزونه در قسمت لیست افزونه‌ها نمایش داده میشود و برای تمام وبسایت‌هایی که با ریکت طراحی شده باشد، این افزونه فعال میشود. ✅این افزونه برای مدیریت کامپوننت ها، props و ... کاربرد بسیاری دارد. @alithecodeguy

📌favicon in HTML ✅ یک favicon در HTML یک تصویر کوچک است که در سمت چپ title یک وبسایت در مرورگر نشان داده میشود. ✅برای اضافه کردن favicon به وبسایت کافیست تصوی مورد نظر خود را در مسیر مناسب ذخیره نمایید. سپس بعد از المان <title> در فایل index.html یک المان <link> اضافه نمایید که شامل propertyهای زیر میباشند: 🔹 rel="icon" 🔹 type="image/x-icon" 🔹 href="image address" https://www.w3schools.com/html/html_favicon.asp @alithecodeguy

📌async/await ✅توابع async در ECMAScript 2017 برای مدیریت راحتتر عملیات asynchronous به جاوااسکریپت اضافه شده است. این توابع برای ساده سازی در نوشتن promiseهای ذنجیره‌ای طراحی شده‌اند و یک promiseرا برمیگردانند. به این صورت که اگر تابع یک خطا را برگرداند promise رد میشود و اگر مقدار مورد نظر را برگداند promise پذیرفته میشود. ✅برای نوشتن توابع async کافیست قبل از تابع مورد نظر از کلمه کلیدی (async) استفاده نمایید. ✅حال برای متوقف کردن توابع async کافیست از await استفاده نمایید و منتظر اجرای دستورات بازگشتی میماند. https://javascript.info/async-await @alithecodeguy

📌معرفی تعدادی API رایگان برای برنامه‌نویسان ✅در وبسایت معرفی شده به تعداد زیادی API رایگان با موضوعات مختلف دسترسی پیدا میکنید که این API ها را میتوانید به کد خود اضافه کرده و از داده‌هایی که در دسترس برنامه‌نویسان قرار میدهند استفاده کنید. ✅برای نحوه درسترسی به این داده‌ها روشهای مختلفی در اختیار کاربران قرار داده شده است که میتوانید برخی از آنها را در ویدئو مشاهده نمایید. https://rapidapi.com/collection/list-of-free-apis @alithecodeguy

📌promise in javascript ✅این مفهوم در ES6 به جاوااسکریپت اضافه شده است و یکی از مهمترین کاربردهای promise در جاوااسکریپت کمک به رهایی از callback hell یا جهنم callbackها است. با کمک promise میتوانید بخشی از کدها را مدیریت کنید و به صورت asynchronous اجرا کنید. ✅برای ایجاد promise از تابع سازنده آن استفاده میشود. 🔹new Promise(function(resolve, reject){ // our logic goes here .. }); ✅به این نکته توجه داشته باشید که هر promise میتواند یک چرخه حیات با 3 حالت داشته باشد: 🔹pending حالتی است که هنوز اجرای کدها به پایان نرسیده و نتیجه‌ی آن هنوز مشخص نیست. 🔹resolved حالتی است که اجرای کدها با موفقیت به پایان رسیده است. 🔹rejected حالتی است که اجرای کدها با شکست به پایان رسیده است. @alithecodeguy

📌 :is() CSS pseudo-class ✅در این روش یک لیستی از selector را به عنوان آرگومان خود در نظر میگیرد و هر المانی را که میتواند توسط یکی از selectorهای آن لیست انتخاب شود را انتخاب میکند. ✅به عبارت دیگر این روش برای یک لیستی بزرگی از المانها که تکرار شده‌اند کاربرد دارد و برای کمتر شدن دستورات css بسیار مفید میباشد. https://css-tricks.com/almanac/selectors/i/is/ @alithecodeguy

📌متد ()filter در آرایه‌ها ✅با استفاده از این متد میتوانیم بر روی آیتم های یک آرایه فیلتر اعمال کنیم. این متد یک تابع callback دریافت میکند و به ازای هر یک از آیتم‌های آرایه یک بار اجرا میشود و در صورت برقرار بودن شرط مورد نظر این آیتم آرایه برگردانده میشود. ✅به این نکته توجه داشته باشید که اگر متد filter را بر روی آرایه‌ای از آبجکت‌ها اعمال کنید، آبجکت را برنمیگرداند و همیشه یک آرایه از آبجکت‌ها را برمیگرداند. @alithecodeguy

📌توابع callback در جاوااسکریپت ✅همانطور که میدانید جاوا اسکریپت کارها را به صورت asynchronous یا همان غیر همزمان انجام می دهد. یعنی بجای صبر کردن برای دریافت پاسخ و سپس انجام ادامه اجرای دستورات، به سراغ کد بعدی برای اجرا می رود و در صورتی که پاسخ دستورات مورد نظر آماده شده باشد دوباره به سراغ اجرای دستوراتی که رد کرده است، خواهد رفت. ✅حال زمانی که ما یک تابع را به عنوان آرگومان به تابع دیگر ارسال می‌کنیم، و تابع دوم را مجبور می‌کنیم که تا قبل از اجرای کامل تابع اول اجرا نشود، در واقع ما از Callback استفاده کرده ایم. با این‌کار مفسر را وادار می‌کنیم کدها را دقیقا به همان ترتیبی که نوشته‌ایم اجرا کند. به زبان ساده، توابع callback برای این که ما مطمئن شویم یک قطعه کدی اجرا نمی شود مگر اینکه کد دیگری اجراش تمام شده باشد کاربرد دارد و برنامه را مجبور می‌کنیم مادامی که پاسخ دریافت نشده کدهای بعدی اجرا نشود. ✅یکی از پرکاربردترین زمان استفاده از توابع callback هنگام دریافت اطلاعات از API میباشد. @alithecodeguy

📌عملیات همگام یا synchronous و ناهمگام یا asynchronous چیست؟ ✅در روش همگام یا synchronous کدها پشت سر هم و به صورت خطی اجرا می‌شوند. در این روش از برنامه نویسی دستورات باید به ترتیب اجرا شوند و اگر یک خط از دستورات اجرا نشوند اجازه رفتن به خط دیگر داده نمیشود. ✅در جاوااسکریپت برخی از عملیات هستند که جدا از روند اصلی برنامه اجرا میشوند که به آنها عملیات ناهمگام یا asynchronous گفته میشود. به عبارت دیگر هنگامیکه مفسر به قسمتی از کد رسید که لازم است با یک منبع خارجی ارتباط برقرار می‌کند، منتظر نتیجه‌ این قسمت نمی‌ماند و به ادامه روند برنامه می‌پردازد. ✅توجه داشته باشید که این دو عبارت یک مفهوم در زبانهای برنامه‌نویسی هستند و برای پیاده‌سازی این مفاهیم روشهای بسیاری وجود دارند که یکی از این روشها async/await میباشد. @alithecodeguy

📌HTML Entities ✅برخی از کاراکترها در HTML رزرو شده هستند و برای نمایش آنها در صفحه وب طراحی شده نمیتوان بصورت مستقیم از این کاراکترها استفاده کرد. مانند علامت <> که در HTML برای نمایش تگها از آن استفاده میشود. بنابراین برای اینکه بتوانیم کاراکترهای رزرو شده را نمایش دهیم لازم است از Character entities استفده نماییم. نحوه استفاده از یک character entity به صورت زیر است: 🔹 &entity_name; 🔹 &#entity_number; ✅لیست برخی از character entities در وب سایت زیر آورده شده است. https://www.w3schools.com/html/html_entities.asp @alithecodeguy

📌javascript engine ✅به زبان ساده javascript engine نرم افزاری است که کدهای جاوااسکریپت را اجرا میکند. همچنین موتورهای جاوااسکریپت معمولا توسط فروشندگان وب توسعه پیدا میکنند. توجه داشته باشید در یک مرورگر، موتور جاوا اسکریپت در هماهنگی با موتور رندر از طریق Document Object Model اجرا می شود. به عبارت دیگر کد سطح بالا را به کد قابل خواندن برای ماشین تبدیل می کنند که به رایانه اجازه می دهد تا برخی از وظایف خاص را انجام دهد. https://www.geeksforgeeks.org/what-happens-inside-javascript-engine/ @alithecodeguy

دوره آنلاین و فشرده فرانت اند (اطلاعات بیشتر در تصویر) لینک تلگرام: https://t.me/alithecodeguy لینک لینکدین: https://www.linkedin.com/in/alithecodeguy/

به در خواست یکی از دوستان این آگهی قرار داده شد : متقاضی یک مربی مسلط به برنامه نویسی جاوا در سطح پیشرفته ساعتی ۲۰۰ هزارتومان برای ارتباط 00393488889832 ( واکس آپ)

خلاصه بیت کوین در ۱ تصویر

📌HTML Responsive Web Design ✅طراحی وب ریسپانسیو درباره ایجاد صفحاتی است که در همه دستگاه‌ها خوب به نظر برسد. ✅برای ایجاد یک صفحه وب ریسپانسیو اضافه کردن تگ <meta name="viewport" content="width=device-width, initial-scale=1.0"> به صفحه HTML ضروری است. پس از اضافه کردن این تگ، این امکان برای طراحان وب فراهم میشود که با استفاده از استایل دهی CSS صفحات ریسپانسیو ایجاد نمایند. https://www.w3schools.com/html/html_responsive.asp @alithecodeguy