Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب
چالش DOM بعدی کدوم باشه؟ (اگرم پیشنهاد دیگه ای دارید داخل کامنت اعلام کنید)
Media is too big
VIEW IN TELEGRAM
#js_challenge
#no31
#easy_to_medium
هشتگ های مرتبط:
#DOM
این هم از password strength checker 🔥
فایل های html css چالش های DOM از این به بعد داخل گیت هاب قرار میگیره و میتونید از اونجا برش دارید، لینک ریپازیتوری مربوط به این چالش:
https://github.com/MCKH03/Pass_Strength_Checker_1
ضمنا اگر گیت هاب بلد نیستید، حتما یاد بگیرید که فوق العاده مهمه! از کجا؟ از این ویدیوی بنده که در 30 دقیقه هر آنچه که در گیت هاب نیاز دارید رو بهتون آموزش دادم ❤️:
https://news.1rj.ru/str/js_challenges/161
@js_challenges
@js_masters_gp
#no31
#easy_to_medium
هشتگ های مرتبط:
#DOM
این هم از password strength checker 🔥
فایل های html css چالش های DOM از این به بعد داخل گیت هاب قرار میگیره و میتونید از اونجا برش دارید، لینک ریپازیتوری مربوط به این چالش:
https://github.com/MCKH03/Pass_Strength_Checker_1
ضمنا اگر گیت هاب بلد نیستید، حتما یاد بگیرید که فوق العاده مهمه! از کجا؟ از این ویدیوی بنده که در 30 دقیقه هر آنچه که در گیت هاب نیاز دارید رو بهتون آموزش دادم ❤️:
https://news.1rj.ru/str/js_challenges/161
@js_challenges
@js_masters_gp
🔥7👍1
CHALLANGE 23
#quick_challenge
بحث در مورد سوال در گروه ...
@js_masters_gp
چالش password strength checker از دست ندید خیلی جالب و کاربردیه.
https://news.1rj.ru/str/js_challenges/285
#quick_challenge
بحث در مورد سوال در گروه ...
@js_masters_gp
چالش password strength checker از دست ندید خیلی جالب و کاربردیه.
https://news.1rj.ru/str/js_challenges/285
🔥2👍1👌1
👍5
#Tips_N_Tricks
دوستان 4 تا از متدهای آرایه رو براتون با مثال و خروجی تهیه کردم,امیدوارم مفید باشه.اگه از این نوع پست ها دوست دارین 👍 بزنید
@js_masters_gp
@js_challenges
دوستان 4 تا از متدهای آرایه رو براتون با مثال و خروجی تهیه کردم,امیدوارم مفید باشه.اگه از این نوع پست ها دوست دارین 👍 بزنید
@js_masters_gp
@js_challenges
👍13🔥1
👍9
💎 معرفی متد های atob و btoa
اگر قصد encode یا decode رشته در فرمت Base64 رو دارید میتونید از این دو متد استفاده کنید.
🔶 بدین ترتیب میتوان گفت که متد btoa برای encode کردن یک رشته استفاده میشه و متد atob جهت decode کردن عبارت های encode شده در فرمت Base64 مورد استفاده قرار میگیره.
💬 نکته: این دو متد از نوع WebAPI هستند و در محیط هایی غیر از مرورگر مانند محیط سروری nodejs قابل استفاده نخواهند بود.
#Tips_N_Tricks
@js_challenges
@js_masters_gp
اگر قصد encode یا decode رشته در فرمت Base64 رو دارید میتونید از این دو متد استفاده کنید.
🔶 بدین ترتیب میتوان گفت که متد btoa برای encode کردن یک رشته استفاده میشه و متد atob جهت decode کردن عبارت های encode شده در فرمت Base64 مورد استفاده قرار میگیره.
💬 نکته: این دو متد از نوع WebAPI هستند و در محیط هایی غیر از مرورگر مانند محیط سروری nodejs قابل استفاده نخواهند بود.
#Tips_N_Tricks
@js_challenges
@js_masters_gp
👍6❤1🔥1
Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب
#js_challenge #no31 #easy_to_medium هشتگ های مرتبط: #DOM این هم از password strength checker 🔥 فایل های html css چالش های DOM از این به بعد داخل گیت هاب قرار میگیره و میتونید از اونجا برش دارید، لینک ریپازیتوری مربوط به این چالش: https://github.com/MCK…
Media is too big
VIEW IN TELEGRAM
#answer
#no31
خب اینم از password strength checker 👌
از همین الان به فکر چالش DOM بعدی باشید
فایل نهایی جاوااسکریپت این چالش هم به ریپازیتوری اضافه شد:
https://github.com/MCKH03/Pass_Strength_Checker_1
ضمنا، فردا پس فردا یه js_nugget داریم از Intersection Observer API، پس stay tuned 🔥
همچنین از همین الان به فکر js_nugget بعدی هم باشید
منتظر نظرات شما در مورد این ویدیو هم هستم 😁
@js_challenges
@js_masters_gp
#no31
خب اینم از password strength checker 👌
از همین الان به فکر چالش DOM بعدی باشید
فایل نهایی جاوااسکریپت این چالش هم به ریپازیتوری اضافه شد:
https://github.com/MCKH03/Pass_Strength_Checker_1
ضمنا، فردا پس فردا یه js_nugget داریم از Intersection Observer API، پس stay tuned 🔥
همچنین از همین الان به فکر js_nugget بعدی هم باشید
منتظر نظرات شما در مورد این ویدیو هم هستم 😁
@js_challenges
@js_masters_gp
👍7👌1
This media is not supported in your browser
VIEW IN TELEGRAM
#VSCode_Extension
این Live Server یک افزونه برای محیط توسعه Visual Studio Code است. این افزونه به شما امکان اجرای و مشاهده وبسایتها و برنامههای وب خود در Visual فراهم میکند.
برای توضیحات بیشتر به قسمت @js_masters_gp وارد شوید.
@js_challenges
@js_masters_gp
این Live Server یک افزونه برای محیط توسعه Visual Studio Code است. این افزونه به شما امکان اجرای و مشاهده وبسایتها و برنامههای وب خود در Visual فراهم میکند.
برای توضیحات بیشتر به قسمت @js_masters_gp وارد شوید.
@js_challenges
@js_masters_gp
👍7👌1
💎 گذاشتن Semicolon قبل از نوشتن کد!!
تاحالا دیدید جایی Semicolon رو بجای آخر کد، اول کد گذاشته باشند؟ 🤔
🔶 احتمالاً اسم توابع self-invoking یا self-executing یا همان توابع خود اجرا رو شنیده باشید تابعی که بعد از تعریف شدن به طور خودکار اجرا می شود. این توابع به دلیل ساختار خاصی که دارند و همچنین غیر ضروری بودن Semicolon در جاوا اسکریپت باعث اشتباه در تفسیر کدها توسط مفسر های جاوا اسکریپت میشوند و چون با پرانتز شروع می شوند مفسر اینگونه برداشت میکند که قصد نوشتن تابعی را دارید که نام آن تابع را در خط بالایی نوشته اید (البته در صورتی که بالای این تابع کدی نوشته باشید) و اینگونست که یک خطای درشت در محیط کنسول دریافت می کنید💔
برای حل این موضوع میتونید قبل از پرانتز این توابع، یک سمیکالمن قرار دهید (یا انتهای خط قبلی یک سمیکالمن بزارید)
#Tips_N_Tricks
@js_challenges
@js_masters_gp
تاحالا دیدید جایی Semicolon رو بجای آخر کد، اول کد گذاشته باشند؟ 🤔
🔶 احتمالاً اسم توابع self-invoking یا self-executing یا همان توابع خود اجرا رو شنیده باشید تابعی که بعد از تعریف شدن به طور خودکار اجرا می شود. این توابع به دلیل ساختار خاصی که دارند و همچنین غیر ضروری بودن Semicolon در جاوا اسکریپت باعث اشتباه در تفسیر کدها توسط مفسر های جاوا اسکریپت میشوند و چون با پرانتز شروع می شوند مفسر اینگونه برداشت میکند که قصد نوشتن تابعی را دارید که نام آن تابع را در خط بالایی نوشته اید (البته در صورتی که بالای این تابع کدی نوشته باشید) و اینگونست که یک خطای درشت در محیط کنسول دریافت می کنید💔
برای حل این موضوع میتونید قبل از پرانتز این توابع، یک سمیکالمن قرار دهید (یا انتهای خط قبلی یک سمیکالمن بزارید)
#Tips_N_Tricks
@js_challenges
@js_masters_gp
👍13
This media is not supported in your browser
VIEW IN TELEGRAM
#VSCode_Extension
تو این پست 2 تا از پلاگین های محبوب برای تغییر شکل آیکون ها و فایل ها رو معرفی کنم.
جهت آشنایی با این 2 تا پلاگین وارد بخش @js_masters_gp بشید.
@js_challenges
@js_masters_gp
تو این پست 2 تا از پلاگین های محبوب برای تغییر شکل آیکون ها و فایل ها رو معرفی کنم.
جهت آشنایی با این 2 تا پلاگین وارد بخش @js_masters_gp بشید.
@js_challenges
@js_masters_gp
👍6🔥1
Media is too big
VIEW IN TELEGRAM
یک خبر فوق العاده دارم براتون 🔥
آقا از این به بعد تمام چالش ها داخل گیت هاب قرار خواهد گرفت داخل یک ریپازیتوری اصلی به لینک:
https://github.com/MCKH03/JS_Challenges
مگر چالش هایی که از سایت هایی مثل کدوارز باشه
تنها کاری که شما انجام بدید اینه که فقط و فقط یک بار ریپازیتوری رو فورک میکنید و بعد از اون فقط با ریپازیتوری اصلی کار میکنید و چالش ها رو اونجا حل میکنید و جواب رو میفرستید 😎
اینطوری نه تنها من میتونم انواع و اقسام چالش ها رو به کمک هوش مصنوعی براتون طرح کنم و بزارم و دیگه به کدوارز محدود نیستم، بلکه شما هم میتونید داخل گیت هاب contribution انجام بدید که بسیار بسیار مهمه 👌
فرایندش دقیقا عین کدوارزه به این معنی که تست ها خودکار بعد از اینکه شما کدتون رو وارد کردید انجام میشه که داخل ویدیو کامل براتون توضیح دادم (بسیار سادست 💣)
اگر هم اصلا نمیدونید گیت هاب چی هست و چطور کار میکنه توصیه میکنم حتما ویدیوی گیت هاب پین شده رو نگاه بکنید، هر چیزی که برای شروع داخل گیت هاب نیاز دارید رو بهتون گفتم ❤️
https://news.1rj.ru/str/js_challenges/161
@js_challenges
@js_masters_gp
آقا از این به بعد تمام چالش ها داخل گیت هاب قرار خواهد گرفت داخل یک ریپازیتوری اصلی به لینک:
https://github.com/MCKH03/JS_Challenges
مگر چالش هایی که از سایت هایی مثل کدوارز باشه
تنها کاری که شما انجام بدید اینه که فقط و فقط یک بار ریپازیتوری رو فورک میکنید و بعد از اون فقط با ریپازیتوری اصلی کار میکنید و چالش ها رو اونجا حل میکنید و جواب رو میفرستید 😎
اینطوری نه تنها من میتونم انواع و اقسام چالش ها رو به کمک هوش مصنوعی براتون طرح کنم و بزارم و دیگه به کدوارز محدود نیستم، بلکه شما هم میتونید داخل گیت هاب contribution انجام بدید که بسیار بسیار مهمه 👌
فرایندش دقیقا عین کدوارزه به این معنی که تست ها خودکار بعد از اینکه شما کدتون رو وارد کردید انجام میشه که داخل ویدیو کامل براتون توضیح دادم (بسیار سادست 💣)
اگر هم اصلا نمیدونید گیت هاب چی هست و چطور کار میکنه توصیه میکنم حتما ویدیوی گیت هاب پین شده رو نگاه بکنید، هر چیزی که برای شروع داخل گیت هاب نیاز دارید رو بهتون گفتم ❤️
https://news.1rj.ru/str/js_challenges/161
@js_challenges
@js_masters_gp
🔥11👍1
به ویس توضیحات حتما گوش بکنید
#js_challenge
#no32
#easy_to_medium
هشتگ های مرتبط:
#strings
#arrays
لینک برنچ مربوطه:
https://github.com/MCKH03/JS_Challenges/tree/js_challenge_32
لینک ریپازیتوری:
https://github.com/MCKH03/JS_Challenges
و اما اولین چالشی که در گیت هاب قرار گرفت ...
عدد 32 رو به یاد داشته باشید که جاودانه خواهد ماند ❤️🔥
منتظر فورک ها و استارهای متعدد شما هستم 😁😂
#js_challenge
#no32
#easy_to_medium
هشتگ های مرتبط:
#strings
#arrays
لینک برنچ مربوطه:
https://github.com/MCKH03/JS_Challenges/tree/js_challenge_32
لینک ریپازیتوری:
https://github.com/MCKH03/JS_Challenges
و اما اولین چالشی که در گیت هاب قرار گرفت ...
عدد 32 رو به یاد داشته باشید که جاودانه خواهد ماند ❤️🔥
منتظر فورک ها و استارهای متعدد شما هستم 😁😂
👍6
Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب
به ویس توضیحات حتما گوش بکنید #js_challenge #no32 #easy_to_medium هشتگ های مرتبط: #strings #arrays لینک برنچ مربوطه: https://github.com/MCKH03/JS_Challenges/tree/js_challenge_32 لینک ریپازیتوری: https://github.com/MCKH03/JS_Challenges و اما اولین چالشی…
توضیحات
👌3
#Out_Of_IDE
با جاوا اسکریپت میتونید تو هر بخش از دنیای وب فعالیت کنید 🏁
#js_challenge
@js_masters_gp
⚠️چالش امروز رو از دست ندید⚠️
https://news.1rj.ru/str/js_challenges/299
با جاوا اسکریپت میتونید تو هر بخش از دنیای وب فعالیت کنید 🏁
#js_challenge
@js_masters_gp
⚠️چالش امروز رو از دست ندید⚠️
https://news.1rj.ru/str/js_challenges/299
🔥9👍2👎1😎1
Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب
به ویس توضیحات حتما گوش بکنید #js_challenge #no32 #easy_to_medium هشتگ های مرتبط: #strings #arrays لینک برنچ مربوطه: https://github.com/MCKH03/JS_Challenges/tree/js_challenge_32 لینک ریپازیتوری: https://github.com/MCKH03/JS_Challenges و اما اولین چالشی…
Media is too big
VIEW IN TELEGRAM
#answer
#no32
اولین جواب از اولین چالشی که داخل گیت هاب قرار گرفت ...
حتما حتما اگر چالش ها رو دوست دارید حل بکنید، داخل گیت هاب جوابتون رو بفرستید و پول ریکوئست بزنید که این خودش یه نوع رزومه به حساب میاد 👌
@js_challenges
@js_masters_gp
#no32
اولین جواب از اولین چالشی که داخل گیت هاب قرار گرفت ...
حتما حتما اگر چالش ها رو دوست دارید حل بکنید، داخل گیت هاب جوابتون رو بفرستید و پول ریکوئست بزنید که این خودش یه نوع رزومه به حساب میاد 👌
@js_challenges
@js_masters_gp
🔥6
💎 حذف دیتا از آرایه
برای حذف دیتا از آرایه در جاوا اسکریپت میتونید از متد splice استفاده کنید این متد با حذف دیتا از آرایه باعث ایجاد تغییر در آرایه میشه.
بدین منظور با استفاده از متد indexOf، شماره ایندکس دیتای مورد نظر رو در آرایه پیدا کنید سپس با استفاده از splice آن را از آرایه حذف کنید.
💬 این متد دو تا ورودی میگیره، ورودی اول، شماره ایندکس دیتای مورد نظر است و ورودی دوم تعداد عنصر هایی که مایلید از شماره ایندکس مورد نظر به بعد حذف بشود خواهد بود.
#Tips_N_Tricks
#arrays
@js_masters_gp
@js_challenges
برای حذف دیتا از آرایه در جاوا اسکریپت میتونید از متد splice استفاده کنید این متد با حذف دیتا از آرایه باعث ایجاد تغییر در آرایه میشه.
بدین منظور با استفاده از متد indexOf، شماره ایندکس دیتای مورد نظر رو در آرایه پیدا کنید سپس با استفاده از splice آن را از آرایه حذف کنید.
💬 این متد دو تا ورودی میگیره، ورودی اول، شماره ایندکس دیتای مورد نظر است و ورودی دوم تعداد عنصر هایی که مایلید از شماره ایندکس مورد نظر به بعد حذف بشود خواهد بود.
#Tips_N_Tricks
#arrays
@js_masters_gp
@js_challenges
👍3
💎 بررسی آنلاین بودن یوزر
با استفاده از این تیکه کد به سادگی می توانید بررسی کنید که آیا یوزرتون آنلاین هست یا خیر 🏌️♂️
#Tips_N_Tricks
@js_challenges
@js_masters_gp
با استفاده از این تیکه کد به سادگی می توانید بررسی کنید که آیا یوزرتون آنلاین هست یا خیر 🏌️♂️
#Tips_N_Tricks
@js_challenges
@js_masters_gp
👍9