Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب

#Course #JavaScript #Jonas_Schmedtmann #S02 #E04 004 Linking a JavaScript File_Dubbed چطور یک فایل جاوااسکریپت رو به یک فایل HTML وصل کنیم که بتونیم جاوااسکریپت رو داخل مرورگر اجرا کنیم 👌 میدونید از چه چیزی بیشتر از همه توی تدریس جوناس خوشم میاد؟ از اینکه نمیره تو حاشیه! سریع میره سراغ اصل مطلب 🔥 @js_challenges @js_masters_gp

CHALLANGE 49 #quick_challenge هر مشکلی داشتید داخل گروه بپرسید⁉️ @js_challenges @js_masters_gp

متد getBoundingClientRect ابعداد یک عنصر و موقعیت آن را نسبت به viewport برمی گرداند. یک شی DOMRect را با ویژگی هایی مانند x ، y ، width ، height ، top ، right ، bottom و left برمی گرداند. از این اطلاعات می توان برای تعیین اندازه و موقعیت یک عنصر برای اهداف مختلف مانند تعیین موقعیت استفاده کرد. #Tips_N_Tricks #DOM @js_challenges @js_masters_gp

Almost everywhere now... شبتون بخیر❤️ #Out_Of_IDE @js_challenges @js_masters_gp

آقا من الان دارم کیفیت صدای ویدیوهای فصل اولو با هوش مصنوعی میبرم بالا که فردا براتون داخل فایل زیپ بزارم فراموش نکنید فردا صبح چنل رو چک کنید و انتشار بدید ... ❤️ @js_challenges @js_masters_gp

#answer #no41 جواب چالش شماره 41 فقط یک خط 👌 میدونید این قدرت چیو نشون میده؟ قدرت متودهایی مثل map filter reduce به نظر من این متودها چندین لول سطح زبان جاوااسکریپت رو بالا بردن چون فوق العاده کاربردی هستن و استفاده ازشون عجیب راحته 🔥

#Course #JavaScript #Jonas_Schmedtmann #S02 #E03 003 A Brief Introduction to JavaScript جاوااسکریپت چیست و به چه دردی میخوره؟ جواب خلاصش اینه که به درد همه کاری میخوره 😄 ولی خب جوناس عزیز کامل داخل این براتون توضیح داده که این زبان برنامه نویسی اصلا چیه و دقیقا چه کاربردهایی میتونه داشته باشه 👌 لذت ببرید ... ❤️ @js_challenges @js_masters_gp

#Course #JavaScript #Jonas_Schmedtmann #S02 #E02 002 Hello World!_Dubbed هلو ورلد، تاریخی ترین جمله برنامه نویسی 😄 اگر از دوبله لذت بردید، انرژیتون رو به من هم انتقال بدید ❤️ پ.ن: طبق معمول با کاهش حجم، مقداری از کیفیت صدا کم شده @js_challenges @js_masters_gp

#Course #JavaScript #Jonas_Schmedtmann #S02 #E01 001 Section Intro_Dubbed خب عزیزان دل وارد سکشن دوم یا به قول جوناس اولین سکشن اصلی دوره شدیم ... همونطور که قبلا هم گفتم، ویدیوهای اول سکشن ها رو بنده خودم به جای جوناس در خدمتتون هستم 😁 انشالا که لذت ببرید و ضمنا چون فصل اول تموم شده، من تمام قسمت ها و فایل های مربوطه رو داخل یک فایل زیپ قرار میدم و فردا با نت نامحدود براتون میفرستم 👌 انتشار و حمایت هم که دیگه نگم ... ❤️ @js_challenges @js_masters_gp

💎 بررسی مقدار عددی یک ورودی برای اینکه بررسی کنید آیا ورودی کاربر عدد است یا خیر، میتونید از تابع بالا استفاده کنید. #Tips_N_Tricks @js_challenges @js_masters_gp

حتما به ویس توضیحات گوش کنید #js_challenge #no41 #easy_to_medium هشتگ های مرتبط: #arrays لینک برنچ مربوط به چالش داخل ریپازیتوری: https://github.com/MCKH03/JS_Challenges/tree/js_challenge_37 وقتی چالش رو حل کردید، پول ریکوئست فراموش نشه ✌️ @js_challenges @js_masters_gp

🔥 متد های دستکاری DOM در js 👨‍💻تو این پست براتون یه چیت شیت کامل برای دستکاری انواع و اقسام المنت‌های index.html عزیز آوردم😎 #Tips_N_Tricks @js_challenges @js_masters_gp

#Course #JavaScript #Jonas_Schmedtmann #S01 #E03 005 Setting Up Our Code Editor_Dubbed این ویدیو آخرین ویدیوی فصل اوله 🔥 داخل این ویدیو جوناس محیط VSCode رو آماده میکنه تا از فصل بعد مطالب پایه و بیس جاوااسکریپت رو شروع بکنه 👌 پ.ن اول: یه مقدار کیفیت صدا برای کاهش حجم کم شده ولی انشالا به زودی من این ویدیوها رو داخل گیت هاب هم میزارم (منظورم ویدیوهای با کیفیت اصلی هست) تا اینکه بتونید از اونجا بی دردسر بدون نیاز به وی پی ان دانلودشون کنید —————————————- پ.ن دوم: بازخورد و مخصوصا انتشار فراموش نشه و انرژی ها نیافته، بکوبید ریکشن ها رو ❤️🔥 —————————————- پ.ن سوم: اگر میبینید نوشتم اپیزود 3 ولی اول اسم ویدیو نوشتم 005 به خاطر اینه که منظور من از اپیزود، ویدیو هست ولی داخل فصل اول یه سری فایل و پی دی اف و ... هم قرار گرفته که اونها شماره های 003 و 004 رو به خودشون اختصاص دادن که وقتی دوره رو بزارم روی گیت هاب میتونید به همشون دسترسی داشته باشید 👌 @js_challenges @js_masters_gp

New episode just getting exported ... 🔥 با این ویدیو رسما فصل اولش تموم میشه و بعد وارد دو فصل بسیار مهم دو و سه مربوط به مطالب پایه جاوااسکریپت میشیم 👌 @js_challenges @js_masters_gp

#Git 💣دوستان براتون تو یه فایل word ,تعداد زیادی از دستورات GIt که به کارتون میاد رو جمع آوری کردم.💣 ⚠️میتونید از لینک زیر دسترسی پیدا کنید⚠️ https://docs.google.com/file/d/1RU9LdbWBUv1EGlAIYv-oFaCF1fqKTqd-/edit?usp=docslist_api&filetype=msword امیدوارم مفید باشه براتون,اگر دوس داشتین 👍 و شییر یادتون نره🙏 @js_challenges @js_masters_gp

💎 تفاوت import با require چیست؟ 💬 دیاگرام بالا کمک میکنه که تفاوت کلی این دو را متوجه شوید. 🟣 یکی از تفاوت های آنها این است که import به صورت نامتقارن (بدون اینکه صبر کند تا import های قبلی کامل اجرا شود) پردازش میشود اما require به صورت متقارن (گام به گام) اجرا می شود. 🟣 با require باید کتابخانه را به طور کامل به پروژه اضافه کنید اما با استفاده از import می توانید در صورت نیاز فقط قسمت مورد استفاده از کتابخانه مورد نظر را به پروژه اضافه کنید و باعث افزایش پرفورمنس و کاهش حجم باندل پروژه می شود. 🟣 متد require به طور خودکار فولدر node_modules را اسکن می کند ولی import که از ES6 به بعد به جاوااسکریپت اضافه شده است خودکار این فولدر را اسکن نمی کند. 💬 برای اکثر برنامه نویس ها که با استفاده از babel پروژه خودشون رو کامپایل می کنند تفاوت چندانی میان import و require احساس نمی کنند. چون babel تا حدزیادی این تفاوت ها را کاهش داده است. #Tips_N_Tricks @js_challenges @js_masters_gp