#Course
#JavaScript
#Jonas_Schmedtmann
#S02
#E04
004 Linking a JavaScript File_Dubbed

چطور یک فایل جاوااسکریپت رو به یک فایل HTML وصل کنیم که بتونیم جاوااسکریپت رو داخل مرورگر اجرا کنیم 👌

میدونید از چه چیزی بیشتر از همه توی تدریس جوناس خوشم میاد؟ از اینکه نمیره تو حاشیه! سریع میره سراغ اصل مطلب 🔥

@js_challenges
@js_masters_gp

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

آقا مژده بدم بهتون که پیج اینستاگرام چنل هم فعالیت خودش رو شروع کرد ❤️
به نظرم محتوای فان چنل کمه برای همین اونجا قراره یکم دور هم بخندیم 😁

خلاصه که اگر دوست دارید برای ده دقیقه هم که شده از باگ ها فرار کنید، پیج رو دنبال کنید 🤝
https://www.instagram.com/js_challenges_i/

اینم اولین پست پیجه، منتظر حمایتای گرمتون هستم ❤️
https://www.instagram.com/reel/CzbzwDWt2Qk/?utm_source=ig_web_copy_link&igshid=MzRlODBiNWFlZA==

@js_challenges
@js_masters_gp

🧐 9 تابع واجب بر هر js دولوپر!
+ پارت 1
👨‍💻از اونجایی که از بچگی علاقه‌ی خاصی به متن های ریز و پرمغز داشتم(وی بیاد دوران مدرسه صحبت میکند😁!) اینجا هم سعی کردم 9 تا تابع خیلی مهم js رو بصورت چیت شیت براتون بیارم.

#Tips_N_Tricks

@js_challenges
@js_masters_gp

#objects

⚠️بچه ها برای شما تو یه فایل pdf انواع ساخت آبجکت توی جاوا اسکریپت رو جمع آوری کردم همراه با توضیحات و نحوه استفاده و اینکه مزایا و معایب هر روش رو هم توضیح دادم⚠️

💥امیدوارم مفید بوده باشه و اگر بود مارو حمایت کنید با 👍 و انتشار دادن محتوای کانال💥

@js_challenges
@js_masters_gp

به ویس توضیحات گوش فرا بدید 👌

#js_challenge
#no42
#easy_to_medium

هشتگ های مرتبط:
#arrays
#strings

لینک برنچ مربوط به چالش داخل ریپازتوری:
https://github.com/MCKH03/JS_Challenges/tree/js_challenge_38

این چالش مخصوصا اگر کسی اینستاگرام کار میکنه خیلی به دردش میخوره 🤝

@js_challenges
@js_masters_gp

توضیحات چالش

CHALLANGE 50
#quick_challenge

هر مشکلی داشتید داخل گروه بپرسید⁉️

@js_challenges
@js_masters_gp

💎 یافتن Max و Min عدد درون یک آرایه
برای یافتن بزرگترین و کوچکترین عدد درون یک آرایه، بجای اینکه از for loop استفاده کنید میتوانید به سادگی با استفاده از دستور های بالا (خط دوم و سوم) Max و Min عدد را پیدا کنید.

#arrays
#Tips_N_Tricks

@js_challenges
@js_masters_gp

#answer
#no42

چند نفرتون همه متودارو پشت سر هم ردیف میکنید 😁؟

من حقیفتا دیگه بیشتر از دو سه تا دیگه نمیفهمم چی دارم مینویسم 😂

در هر حال اینم جواب چالش شماره 42، لذت ببرید و قدرت متودها رو پشت سر هم دیگه ببینید 👌

@js_challenges
@js_masters_gp

اگه بخواى هر يك قدمى كه ميرى رو بشمارى، هرگز به مقصد نميرسى.

#Out_Of_IDE

@js_challenges
@js_masters_gp

یکی از ویژگی قدرتمند در جاوا اسکریپت مدرن optional chaining است که راهی مختصر و ایمن برای دسترسی به ویژگی‌های object های تودرتو فراهم می‌کند. با ?. اپراتور (optional chaining)، می‌توانید سناریوهایی را که در آن ویژگی‌ها ممکن است null یا undefined باشد به خوبی مدیریت کنید، و از ایجاد خطا در کدتان جلوگیری کنید.

در این مثال اگر می‌خواهید به city دسترسی داشته باشید اما مطمئن نیستید ک شی address تعریف شده است یا نه
می‌توان با استفاده از اپراتور .? از چنین خطایی جلوگیری کرد:
cannot read property X of undefined

#Tips_N_Tricks

@js_challenges
@js_masters_gp

#Course
#JavaScript
#Jonas_Schmedtmann
#S02
#E05
005 Values and Variables_Dubbed

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

آها راستی برای اینکه بتونید به همه فایل ها یه جا دسترسی داشته باشید و این چنل خیلی شلوغ پلوغ نشه، یه چنل دیگه زدیم با آیدی @DubDev اونجا میتونید به فایل های زیپ فصل هایی که کامل شدن (مثل فصل اول) دسترسی داشته باشید 👌

بکوبید ریکشن ها رو انصافا 🔥❤️

@js_challenges
@js_masters_gp

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

حتما به ویس توضیحات گوش کنید

#js_challenge
#no43
#easy_to_medium

هشتگ های مرتبط:
#objects
#arrays

لینک برنچ مربوطه داخل ریپازیتوری:
https://github.com/MCKH03/JS_Challenges/tree/js_challenge_39

@js_challenges
@js_masters_gp

توضیحات چالش

CHALLANGE 51
#quick_challenge

هر مشکلی داشتید داخل گروه بپرسید⁉️

@js_challenges
@js_masters_gp

#VSCode_Extension

❌وقتی به وب‌سایت npm نگاه می‌کنید و یک بسته رو انتخاب میکنید که اضافه کنید به پروژتون مشکل اینه که ما اغلب به مشکلهای اضافی که میتونه ایجاد کنه فکر نمی کنیم.

به همین دلیل است که این افرونه بسیار مهم است. این به شما امکان می دهد اندازه بسته ها و کتابخانه های وارد شده را ردیابی کنید، بنابراین می توانید میزان اندازه کدی را که وارد می کنید کنترل کنید.

به خصوص در توسعه وب، باید به تک تک بایت هایی که وارد می کنید توجه داشته باشید زیرا بر سرعت بارگذاری سایت شما تأثیر منفی می گذارد، ممکن است به تجربه کاربر و حتی رتبه بندی SEO آسیب برساند.❌
💥لینک افزونه رو این پایین میذارم,اگر دوست داشتین 👍 و انتشار بدید 💥

https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost

⚠️⚠️اگر کیفیت gif پایین هست داخل گروه فیلمشو میذارم⚠️⚠️

@js_challenges
@js_masters_gp

#answer
#no42

هر چقدر بیشتر با reduce کار میکنم، بیشتر بهش علاقه مند میشم ...

تازه اینکه یه استفاده سادس انشالا بعدا استفاده های پیچیده تری رو هم ازش براتون میارم 👌

ضمنا احتمالا چالش بعدی مربوط به DOM باشه از این کومپوننت هایی که دیدید که میزنید روش تکست رو نشون میده، وقتی میزنید بسته میشه بقیه تکست رو سه نقطه میزاره 🔥

اگر پیشنهاد های دیگه ای دارید بدید برای چالش های بعدی ...

@js_challenges
@js_masters_gp

اگه جاوااسکریپت براتون لذتبخشه این پست رو از دست ندید

Websites:
freecodecamp.org
javanoscript.info
javanoscriptquiz.com
developer.mozilla.org
eloquentjavanoscript.net
w3schools.com
khanacademy.org
codecademy.com
learn-js.org


Books:
Eloquent JavaScript
JavaScript: The good parts
Learn JavaScript visually
JavaScript: The definitive guide
A smarter way to learn JavaScript
You Don't Know JS
Effective JavaScript
Speaking JavaScript


YouTube Channels:
Traversy Media
Programming with Mosh
Web Dev Simplified
Academind
Fireship
Dev Ed


Podcasts:
Syntax
JavaScript Jabber
Modern Web
Full-stack radio
Codepen Radio
ShopTalk
JAMstack Radio
Radio Geek

Coding Challenge Platforms:
codewars.com
codingame.com
coderbyte.com
exercism.io
edabit.com

@DevTwitter