جالبه برام که اکثرا با این سایت آشنا نیستین
frontendmentor.io

سایت Frontend Mentor سایتی هست که شما داخلش کلی میتونید چالش جالب و جذاب از html css JavaScript پیدا بکنید

منظورم از چالش الگوریتم هایی که ما به تعداد داخل چنل حل کردیم نیست

منظورم چالش هایی هست که UI دارن و شما باید اونها رو پیاده سازی بکنید 👍

هم UI و هم منطقش با جاوااسکریپت

نکته جالب بعدی اینه که این چالشا سطح بندی شده هستن و خیلی از چالشاش رایگان هستن

من خودم قبلا از این سایت استفاده میکردم و به جرئت میتونم بگم فوق العاده برای تمرین کردن مناسبه 👌

@js_challenges
@js_masters_gp

این برسه به ۵۰ تا 👍 من استارت میزنم این کارو و مطمئنم خیلی خیلی خفن میشه 🔥

#Course
#JavaScript
#Jonas_Schmedtmann
#S08
#E05
005 Execution Contexts And The Call Stack Dubbed

این ویدیو بسیار مهمه و فوق العاده اطلاعات شما رو در رابطه نحوه دقیق عملکرد جاوااسکریپت پشت صحنه بالا میبره ✔️

چرا دروغ بگم؟ دوبله این فصل، سخت ترین دوبله کل این دوره برای من به حساب میاد و حالا وقتی به آخر فصل برسید متوجه میشید که چقدر به اطلاعاتتون اضافه شده و از کد زدن داخل جاوااسکریپت لذت میبرید 🔥

من تنها انتظاری که از شما دارم حمایته...
انتشار بدید...

@js_challenges
@js_masters_gp

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

آقا اینو ترکوندید دم همتون گرم 🔥

به زودی اینو شروع خواهم کرد...

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

و حتی شاید در آینده برای عزیزانی که تو html css tailwind و ... مشکل دارن هم براشون اینارو پیاده سازی بکنم...

تنها انتظار من حمایت شماست ❤️

@js_challenges
@js_masters_gp | گروه متصل به چنل

خب و اما میریم سراغ اولین چالش از سایت frontendmentor.io

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

عزیزان اینو با هر ابزاری که دوست دارید میتونید بزنید، میخواد ریکت باشه، جاوااسکریپت خام باشه، تیلویند و ... 🔥

من توی حل این چالش روی UI مانور نمیدم و فرض رو بر این میزارم که شما خودتون UI اش رو طراحی کردید

اما اگر دوست دارید که توی یه پلی لیست مجزا داخل یوتیوب براتون UI اش رو هم بسازم حتما بهم بگید ❤️

و همچنین اگر دوست دارید که این چالش رو با React هم براتون بسازم اینم حتما بهم بگید ✌️

اگرم میخواید که فقط روی قسمت جاوااسکریپتش تمرکز کنید من فایل html و css رو داخل ریپازیتوری گیت هاب مربوط به این پروژه براتون قرار دادم

لینک چالش در سایت فرانت اند منتور:
https://www.frontendmentor.io/challenges/newsletter-signup-form-with-success-message-3FC1AZbNrv/hub

لینک ریپازیتوری ای که میتونید از اونجا فایل html css این چالش رو بردارید (هر چند که توصیه میکنم خودتون بزنیدش):
https://github.com/MCKH03/FEM_Newsletter_Subnoscription

شاید در پروژه های بعدی از پکیج های مختلفی استفاده بکنم که یاد بگیریم چطور میتونیم از این پکیج ها در پروژه های خودمون استفاده بکنیم...

@js_challenges
@js_masters_gp

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

همونطور که داخل ویدیو اشاره کردم (که حتما توصیه میکنم ببینید که بدونید چطور از فرانت اند منتور استفاده بکنید) شما ده تا از چالشای فرانت اند منتور رو حل بکنید یعنی آماده اید برید ریکت یاد بگیرید ✔️

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

و بعد نه تنها برای جاوااسکریپت بسیار هم به درد تمرین کردن ابزارهای دیگه میخوره مثل خود ریکت، تیلونید و ...

باشد تا آیندگان استفاده کنند...

@js_challenges
@js_masters_gp

#Course
#JavaScript
#Jonas_Schmedtmann
#S08
#E06
006 Scope And The Scope Chain Dubbed

از اهمیت این ویدیو نگم براتون که بسیار بسیار بسیار مهمه ▶️

یعنی این مفهوم در همه جای جاوااسکریپت به کارتون میاد و دیگه به باگ ها و ارورهای عجیب غریب که نمیدونید سورسش کجاست نمیخورید

ویدیوی بعدی هم کامل میاد داخل وی اس کد مثال میزنه تا کامل براتون جا بیافته ✔️

از این به بعد هر کی با این مفهوم مشکل داشت فقط و فقط همین ویدیو رو براش بفرستید تا فقط در عرض 30 دقیقه کامل بفهمه چی به چیه و تمام مشکلاتش بر طرف بشه 👌

پ.ن: دوبلش یکی از سخت ترین دوبله ها بود...

@js_challenges
@js_masters_gp

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