#Tips_N_Tricks

✅ این دو کد به شما نشان می‌دهند که چگونه از فرمت کد کلین (Clean Code) در جاوااسکریپت استفاده کنید تا کدتان قابل خواندن‌تر و قابل نگهداری‌تر باشد.

✅ کد اول با استفاده از علامت "+" بین دو رشته، نام و نام خانوادگی را به هم اضافه می‌کند و خروجی را به شما می‌دهد.

✅ کد دوم از قابلیت تجزیه رشته‌ها
( Template Literals) استفاده می‌کند که در ES6 معرفی شده است. این قابلیت از علامت‌های `` استفاده می‌کند و به شما اجازه می‌دهد متغیرها را مستقیماً داخل رشته‌ها قرار دهید. در اینجا
${p.firstName} ${p.lastName}
نام و نام خانوادگی را درون یک رشته قرار می‌دهد.

✅ استفاده از قابلیت‌های جدید مانند Template Literals کدهایتان را خواناتر می‌کند. این نوع نوشتاری برای کار با رشته‌ها در جاوااسکریپت کاربرد زیادی دارد و کدهای شما را تمیزتر و قابل فهم‌تر می‌کند.
⚠️سعی میکنم هر روز یه پست در مورد کلین کد پست بذارم⚠️
@js_challenges
@js_masters_gp

#js_nuggets
GitHub Pages

یه جی اس ناگت بسیار بسیار کاربردی آوردم براتون

اینقدر این گیت هاب پیجز کاربردیه که نگم براتون
با چندتا کلیک پروژتون بدون هیچ هزینه ای آنلاین میشه که بتونید به بقیه نشون بدید 👌

با گیت هاب پیجز شما میتونید برای هر ریپازیتوری یک لینک مجزا درست بکنید و اون رو با بقیه به اشتراک بزنید که نتیجه کار شما رو ببینن 🔥

@js_challenges
@js_masters_gp

#Course
#JavaScript
#Jonas_Schmedtmann
#S02
#E25
025 JavaScript Releases_ ES5, ES6+ and ESNext_Dubbed

آقا اینم از آخرین قسمت دوبله شده سکشن دوم

تمام 🔥🔥

از فردا میریم سراغ فصل سوم که اون هم فصل بسیار بسیار مهمیه 👌

خدایی ریکشنارو بکوبید آقا بکوبید 🔥

@js_challenges
@js_masters_gp

چنلی که انشالا فردا فایل زیپ دوبله فصل دوم جاوااسکریپت جوناس داخلش قرار میگیره:
@js_challenges_courses

Right back to me...

#Out_Of_IDE
#Music

@js_challenges
@js_masters_gp

#Npm

💣بچه ها براتون تو یه فایل pdf اومدم npm رو توضیح دادم و مقداری از دستوراتشو براتون با توضیح آوردم.💣
⚠️بحث npm خیلی مهم هست برای هر برنامه نویسی که داره با js کار میکنه⚠️
❌اگر مفید بود 👍 و منتشرش بکنید❌

@js_challenges
@js_masters_gp

#Clean_Code
✅ این دو تابع توضیح می‌دهند که چگونه از توابع Arrow Functions در جاوااسکریپت استفاده کنید. این نوع از توابع کمک می‌کنند که کدهای شما کوتاه‌تر و خواناتر باشند و همچنین با توجه به خصوصیت‌های خودکار بازگشتی آنها، کد را ساده‌تر می‌کنند.
✅ تابع اول getName(p) یک تابع اساسی است که دو رشته firstName و lastName را با هم ادغام می‌کند. این تابع تا دو خط دارد که در نهایت به return منجر می‌شود.
✅ تابع دوم، getName = p => '${p.firstName} ${p.lastName}'، از تابع Arrow استفاده می‌کند. این نوع از توابع کوتاه‌تر هستند و در یک خط نوشته می‌شوند. در اینجا، تابع تنها یک عبارت دارد و آن عبارت به صورت خودکار برگشتی می‌باشد. این به معنای این است که با استفاده از تابع Arrow، اگر تنها یک خط کد دارید که به صورت عبارتی است، می‌توانید return را حذف کنید و مقدار مورد نظر به صورت خودکار برگشت داده می‌شود.
✅ در مثال دوم، تابع getName با استفاده از تابع Arrow تعریف شده است و فقط یک عبارت دارد که دو رشته firstName و lastName را با هم ادغام می‌کند.
@js_challenges
@js_masters_gp

#Course
#JavaScript
#Jonas_Schmedtmann
#S02
#AllEpisodes

خب خب خب ...
حتما حتما حتما متن زیر رو کامل بخونید بعد شروع کنید دانلود کردن

فایل های زیپ فصل دوم خدمت شما لذت ببرید از دوبله ها 🔥 (انتشار فراموش نشه که برای من انرژی بخشه ❤️)
فصل های دیگه هم وقتی انشالا بیاد فایل های زیپش داخل @js_challenges_courses پشت سر هم قرار میگیره برای راحتی دسترسی به فایل ها

فقط حواستون باشه که باید حتما اول تمام فایل ها رو دانلود کنید و بعد همرو با هم اکسترکت کنید وگرنه درست اکسترکت نمیشه 👌 (تلگرام معمولی اجازه نمیده بیشتر از 2 گیگ فایل آپلود کنم برای همین باید تقسیمشون میکردم ❤️)

ضمنا بعضی قسمتا صرفا فایله مثلا فایلی که داخلش pdf جلسات تئوری رو گذاشته و همه قسمت ها ویدیو نیستن 👌

و اینکه من خودم فولدرهای starter و final هر سکشن رو خودم براتون داخل فایل زیپ همون سکشن قرار میدم لازم نباشه دنبالش بگردید

من اینجا میخوام تمام قسمت های این فصل رو هم اسمشون رو بزارم که اگر کسی میخواست فقط بخش هایی که مشکل داشت رو تماشا کنه بدونه که داخل این فصل هست یا نه که بیخود نخواد کل فصل رو دانلود کنه بعد داخلشون بگرده ✌️

001 Section Intro_Dubbed
002 Hello World!_Dubbed
003 A Brief Introduction to JavaScript_Dubbed
004 Linking a JavaScript File_Dubbed
005 Values and Variables_Dubbed
006 Practice Assignments
007 Data Types_Dubbed
008 let, const and var_Dubbed
008 theory-lectures-v2
009 Basic Operators_Dubbed
010 Operator Precedence_Dubbed
011 assignments-js-fundamentals
011 Coding Challenge_Dubbed
012 Strings and Template Literals_Dubbed
013 Taking Decisions_ if _ else Statements_Dubbed
014 Coding Challenge_#2_Dubbed
015 Type Conversion and Coercion_Dubbed
016 all-coding-challenges
016 Truthy and Falsy Values_Dubbed
017 Equality Operators_ == vs. ===_ Dubbed
018 Boolean Logic_Dubbed
019 Logical Operators_Dubbed
020 Coding Challenge_#3_Dubbed
021 The switch Statement_Dubbed
022 Statements and Expressions_Dubbed
023 The Conditional (Ternary) Operator_Dubbed
024 Coding Challenge_#4_Dubbed
025 JavaScript Releases_ ES5, ES6+ and ESNext_Dubbed

@js_challenges
@js_masters_gp

و اما شروع فصل سوم ...

#Course
#JavaScript
#Jonas_Schmedtmann
#S03
#E01
001 Section Intro_Dubbed

بریم ببینیم تو فصل چه خبره ... فصلی بسیار بسیار مهم و کاربردی 🔥

@js_challenges
@js_masters_gp

چنلی که فایل زیپ دوبله های دوره جوناس داخلش قرار میگیره:
@js_challenges_courses

#quick_challenge

کدام یک از موارد زیر باعث تغییر شیء person می شود؟؟؟

@js_challenges
@js_masters_gp

#Course
#JavaScript
#Jonas_Schmedtmann
#S03
#E02
002 Activating Strict Mode Dubbed

دوبله فصل سوم به صورت رسمی آغاز شد ...

@js_challenges
@js_masters_gp

چنلی که فایل های زیپ دوبله ها داخلش قرار میگیره:
@js_challenges_courses

#Course
#JavaScript
#Jonas_Schmedtmann
#S03
#E03
003 Functions Dubbed

کیفیت صدا بالا
حجم ویدیو پایین
دوبله (از نظر خودم خوب 😁)

واقعا یه فرانت اند دولوپر دیگه از خدا چی میخواد 😂؟

@js_challenges
@js_masters_gp

چنلی که داخلش فایل های زیپ دوبله های دوره جوناس قرار میگیره:
@js_challenges_courses

آقا به وقت ساعت یازده و ۵۶ دقیقه شب خواستم بگم که ما یه گپی داریم علاوه بر گپ اصلیمون که اونجا خودمونی تره

اگر دوست داشتید اونجا عضو بشید ❤️

@js_challenges_chat

ما قهرمان داستان خودمون هستيم .

#Out_Of_IDE

@js_challenges
@js_masters_gp

#Clean_Code

✅ در این مثال‌ها، از اپراتور یکانی (+) برای تبدیل یک متغیر رشته‌ای به عدد استفاده شده است.

✅ اپراتور + وقتی قبل از یک رشته قرار می‌گیرد، عمل تبدیل رشته به عدد را انجام می‌دهد. این کار راهی سریع و زیبا برای تبدیل یک متغیر رشته‌ای به عدد است. در مثال اول و دوم، از توابع parseInt و Number استفاده شده است که به دقت عدد مورد نظر را از رشته استخراج می‌کنند.

✅ در مثال سوم، اپراتور یکانی (+) به تنهایی استفاده شده است برای تبدیل e.target.value که یک رشته است، به عدد. این نوع استفاده از اپراتور یکانی (+) نیز یک روش کمتر دیده شده اما همانند استفاده از parseInt و Number، به روشی ساده و زیبا ارائه تبدیل رشته به عدد می‌پردازد.

@js_challenges
@js_masters_gp

💎 تفاوت های var، const و let و یک نکته مهم

👈 متغیر های تعریف شده توسط var، سطح تابعی یا Function Level هستند یعنی در تمام اسکوپ های تعریف شده درون تابعی که از آن استفاده شده، قابل دسترس می باشد.
اما
👈 متغیر هایی که توسط let یا const تعریف شده اند، Block Level هستند یعنی فقط در اسکوپی که تعریف شده اند قابل دسترسی هستند و بیرون اون اسکوپ غیر قابل دسترس است.

✳️ نکته: منظور از اسکوپ، محدوده ای هست که توسط آکولاد باز و بسته یعنی { } مشخص میشود و متغیر ما در آن قابل دسترس می باشد.
✳️ نکته مهم: در صورتی که از هیچ کدام از واژه های const و let و var جهت تعریف کردن متغیر ها استفاده نکنید متغیر تعریف شده دارای اسکوپ گلوبال بوده و در تمام اسکوپ ها و فانکشن ها قابل دسترسی است.
✳️ از نگاه Hoisting : در زمان اجرای برنامه، تنها متغیر های تعریف شده از نوع var و فانکشن ها به طور کامل Hoist میشوند و متغیر های تعریف شده از نوع let و const و همچنین class ها در مرحله Hoisting فقط کامپایل میشوند و به هنگام استفاده مقدار دهی نمیشود ( به هنگام استفاده قبل از Declare و Initialization خطای ReferenceError برگشت داده میشود ).

#Tips_N_Tricks

@js_challenges
@js_masters_gp