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

آقا فصل سوم دوبله دوره جاوااسکریپت جوناس هم همین الان تموم شد و قسمت آخرشو امروز ظهر میزارم 🔥👌 و امشب داخل چنل @js_challenges_courses فایل زیپ فصل سوم کامل قرار میگیره پر قدرت رو به جلو 🔥❤️‍🔥 @js_challenges @js_masters_gp

اگه شما هم مثل من ده تا تب داخل کروم باز کرده بودی و اشتباها زدی کلا کرومو بستی و اعصابت داغون شده پس این پستو کامل بخون 👌 🔹 برای بازگردوندن کروم و تب‌های بسته شده، مراحل زیر رو برو: 🔹روی سه نقطه در بالا کلیک کن و برو تو تنظیمات 🔹بعدش از منو سمت چپ به "On Startup" 🔹حالا از این قسمت بازشده، "Continue where you left off" رو انتخاب کن 🔹حالا وقتی دوباره کرومو بازش می‌کنین تمومی تب‌های بسته شده رو تو دسترستون دارین. از این موارد کاربردی تو چنل تکنولوژیمون بیشتر پیدا میکنید ❤️ @Tech_Nuggets

#Course #JavaScript #Jonas_Schmedtmann #S03 #E19 019 The While Loop_Dubbed تنها یک قسمت دیگه به اتمام فاندمنتال های جاوااسکریپت ...🔥🔥 بکوبید ریکشنارو @js_challenges @js_masters_gp چنلی که انشالا فردا یا نهایتا پس فردا فایل زیپ دوبله فصل سوم جوناس داخلش قرار میگیره: @js_challenges_courses

#Course #JavaScript #Jonas_Schmedtmann #S03 #E18 018 Looping Backwards And Loops In Loops_Dubbed تنها دو قسمت باقی مونده تا انتهای فصل سوم 👌🔥 @js_challenges @js_masters_gp چنلی که به زودی فایل زیپ فصل سوم دوبله ها داخلش قرار میگیره: @js_challenges_courses

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

#NPM ⚠️دوستان این بار خواستم دستورات npm رو اینجا براتون بذارم همراه با کد و توضیحش⚠️ ✅npm audit

npm audit

این دستور بررسی امنیتی پروژه شما را انجام می‌دهد و به شما اطلاع می‌دهد در صورتی که بسته‌هایی در پروژه شما مشکلات امنیتی دارند. ✅npm outdated

npm outdated

با این دستور می‌توانید بررسی کنید که بسته‌های شما به آخرین نسخه موجود در npm نسخه‌ی جدیدی دارند یا خیر. ✅npm link

npm link

این دستور به شما امکان می‌دهد یک پکیج را به صورت محلی به پروژه‌های دیگر لینک کنید و تغییرات را به صورت زنده اعمال کنید. ✅npm ci

npm ci

این دستور به جای npm install استفاده می‌شود و برای نصب بسته‌ها با استفاده از فایل package-lock.json یا npm-shrinkwrap.json استفاده می‌شود. معمولاً برای محیط‌های CI/CD (Continuous Integration/Continuous Deployment) مفید است. ✅npm dedupe

npm dedupe

با این دستور می‌توانید وابستگی‌های تکراری در ساختار فایل package.json خود را حذف کنید و درخت وابستگی‌ها را بهینه‌سازی کنید. ❌اگر دوس داشتید 🔥بذارید و انتشار بدید❌ @js_challenges @js_masters_gp

بدون تاریکی هرگز ستاره هارو نمیبینیم. #Out_Of_IDE @js_challenges @js_masters_gp

#Course #JavaScript #Jonas_Schmedtmann #S03 #E17 017 Looping Arrays, Breaking And Continuing_Dubbed اینم قسمت بسیار مهمیه چون تقریبا همیشه تا زمانی که از جاوااسکریپت استفاده میکنید منطقش و یا خودش به کارتون میاد 👌 مثل همیشه انتظار من فقط حمایته ❤️ ضمنا حتما توی @js_challenges_courses که سه قسمت دیگه که فصل سوم هم تموم شد فایل زیپش داخل اون چنل قرار میگیره 🔥 @js_challenges @js_masters_gp

#Course #JavaScript #Jonas_Schmedtmann #S03 #E16 016 Iteration The For Loop_Dubbed کم کم داریم به آخرای فصل سوم هم نزدیک میشیم و رسما فاندمنتال ها تموم میشه ... 🔥🔥 @js_challenges @js_masters_gp چنلی که فایل های زیپ دوبله های جوناس داخلش قرار میگیره: @js_challenges_courses

#Course #JavaScript #Jonas_Schmedtmann #S03 #E15 015 Coding Challenge_#3_Dubbed دوبله چالش شماره سه از سکشن سوم در مورد آبجکت ها @js_challenges @js_masters_gp چنلی که فایل های زیپ دوبله های جوناس داخلش قرار میگیره: @js_challenges_courses

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

#Git ⚠️بچه ها تصمیم گرفتم تو پستهای مختلف از دستورات گیت براتون بذارم و توضیحشم میدم که چیکارا میکنن⚠️ ✅git clone <repository URL>

git clone https://github.com/example/repository.git

این دستور یک کپی از یک مخزن گیت را به محل فعلی شما در سیستم منتقل می‌کند. دستور git clone: دستوری برای کپی کردن یک مخزن این <repository URL>: آدرس مخزن مورد نظر برای کپی کردن. ✅git pull

git pull origin main

با استفاده از این دستور، تغییرات جدید از مخزن اصلی را به مخزن محلی خودتان بر می‌دارید. دستورgit pull: دستور برای به‌روزرسانی تغییرات از مخزن اصلی و origin main: نام remote و نام شاخه‌ی مورد نظر برای به‌روزرسانی ✅git branch

git branch -a

این دستور لیست تمام شاخه‌های موجود در مخزن را نمایش می‌دهد. دستورgit branch: دستوری برای مدیریت شاخه‌ها در گیت و -a: گزینه‌ای برای نمایش تمام شاخه‌ها (شامل همه‌ی remote و local ها) ☑️اگر دوست دارید بازم از این دستورات بذارم 👍و انتشار بدید☑️ @js_challenges @js_masters_gp

#Course #JavaScript #Jonas_Schmedtmann #S03 #E14 014 Object Methods Dubbed این ویدیو و ویدیوی قبلی رو هم شدن 40 دقیقه حنجره برام نمونده حقیقتا 😂 این دوتا قسمت بسیار هم مهم هستن برای همین طولانی ان حتما خوب یادشون بگیرید 👌 @js_challenges @js_masters_gp چنلی که فایل های زیپ دوبله های جوناس داخلش قرار میگیره: @js_challenges_courses

#Course #JavaScript #Jonas_Schmedtmann #S03 #E13 013 Dot Vs. Bracket Notation Dubbed نکته ای جز درخواست من برای حمایت شما از دوبله ها نیست ❤️ @js_challenges @js_masters_gp چنلی که داخلش فایل های زیپ دوبله های جوناس قرار میگیره: @js_challenges_courses

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

💎 عملگر Optional Chaining چیست؟ گاهی وقتا آبجکتی رو به وسیله api دریافت میکنید و مطمئن نیستید که پراپرتی هایی که شما میخواهید آیا در آن آبجکت وجود دارد یا خیر. در وژن 3.7 به بعد تایپ اسکریپت، از عملگری معرفی شد به نام Optional Chaining که با علامت سوال و نقطه (.؟) نشان داده می شود. این عملگر، ابتدا بررسی می کند که آیا آن پراپرتی وجود دارد یا خیر، در صورتی که وجود داشته باشد از آن استفاده میکند در غیر این صورت undefined برمیگرداند. console.log(persons?.abas?.job) 💬 در کل بالا ابتدا چک می کند آیا پراپرتی abas وجود دارد یا خیر، اگر وجود داشته باشد بررسی می کند آیا پرارتی job در زیر مجموعه abas وجود دارد یا خیر. اگر از این عملگر استفاده نکنید و پراپرتی abas وجود نداشته باشد به هنگام بررسی پراپرتی job با خطای زیر برخورد خواهید کرد Uncaught TypeError: Cannot read properties of undefined (reading 'job') قبل از معرفی این عملگر، برای جلوگیری از خطای بالا، کد رو به صورت زیر می نوشتیم: console.log(persons.abas && persons.abas.job) #Tips_N_Tricks @js_challenges @js_masters_gp

💎 تفاوت های بین متد های ()append و ()appendChild 1⃣ تفاوت اول متد ()appendChild نمی تواند ورودی بجز یک المنت html دریافت کند یعنی ورودی یا پارامتر متد ()appendChild باید یک المنت html باشد نه string یا ... ولی ما با متد ()append می توانیم string یا متنی را داخل ورودی یا پارامتر این متد قرار دهیم. 2⃣ تفاوت دوم متد ()append می تواند چندین ورودی را بگیرد یعنی هر چند تعداد می توانیم بهش ورودی بدهیم از نوع string یا Element html، ولی متد ()appendChild نمی تواند بیشتر از یک ورودی بگیرد اگه ما بیایم پیش از یک ورودی را بهش بدیم این متد اولین پارامتر یا همان ورودی را می گیرد و بقیه ورودی ها را اصلاً حساب نمی کند(اضافه نمی کند). 3⃣ تفاوت سوم زمانی که بخواهیم این متد ها را در درون متغییری ذخیره کنیم و return کنیم متد ()append هیچ چیزی را return نمی کند یعنی undefined بر می گرداند ولی متد ()appendChild مقداری را برای ما return می کند که همان المنتی است که برای ما اضافه کرده است. #Tips_N_Tricks @js_challenges @js_masters_gp