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

https://www.smashingmagazine.com/2023/10/beginner-web-development-working-career/ سلام و ظهر بخیر آقا داشتم اینو میخوندم، بعد گفتم خیلی مطلب مفیدیه و هممون بلا استثنا به نکاتش برخوردیم و نیاز داریم (از قرار گرفتن در جهنم یادگیری تا ورود به بازار کار) گفتم بیام یه چکیده ازش بنویسم براتون، بعد هرچی اومدم خلاصه کنم دلم نیومد اینقدر که نکات مفید و خوبی داشت داخلش حالا موافق هستید من خودم بیام یه ویدیو بگیرم نکاتشو توضیح بدم بهتون و با هم کلی مطلب مفید یاد بگیریم 👌؟ پ.ن: اگر که میتونید حتما حتما خودتون هم مقاله رو بخونید 🤝 @js_challenges @js_masters_gp

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

🧐چیت شیت فانکشن ها و اسکوپ های js 🧑‍💻اقا تو این‌پست براتون یه چیت شیت کامل اوردم که باهاش میتونین مطالب خیلی خیلی مهم فانکشن های js رو مثل hoisting,closure و...مرور کنین😎 #Tips_N_Tricks @js_challenges @js_masters_gp

#answer #no40 و اما جواب چالش سبد خرید 🔥 آقا حقیقتش رو بخواید به نظر من این واقعا یک مینی دورست یعنی هر چی مطلب که میتونستم تو این ویدیوها بهتون انتقال بدم رو بهتون آموزش دادم ❤️ ضمنا توی آخرین ویدیو بهتون گفتم که خب الان تفاوت یک فریمورکی مثل ریکت (که البته در اصل یک لایبرری هست) با جاوااسکریپت خام توی زدن یه همچین چیزی دقیقا چیه 👌 اونجاست که به قدرت ریکت و کلا فریمورک ها ایمان میارید و ضمنا چشمه ای functional programming رو بهتون یاد دادم پ.ن اول: ترتیب ویدیوها ابتدا از بالا به پایین و از سمت چپ به راست هست ———————————————— پ.ن دوم: آقا من هر چقدر سعی کردم حجم این ها رو بیارم پایین نشد، برای همین شما صرفا یکی دوتا ویدیو رو نگاه کنید، اگر براتون مفید بود (که حتما هست) بقیش رو دانلود کنید ———————————————— پ.ن سوم: جواب خیلی طولانی شد چون چالش واقعا چالش سختی بود و من سعی کردم به کاملترین شکل ممکن براتون توضیحش بدم ✌️ ———————————————— پ.ن چهارم: بازخوردتون نیروی محرکه بندست، خواهشا منو از بازخورداتون نسبت به این ویدیوها دریغ نکنید ❤️ @js_challenges @js_masters_gp

آقا ضبط جواب این تموم شد دارم ادیت میکنم و حجمارو میارم پایین و به زودی آپلود میشه به نظر من جواب این چالش خودش یه مینی دوره محسوب میشه ... 👌 @js_challenges @js_masters_gp

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

💬 برای مشاهده تمام وابستگی‌ها در یک پروژه npm، می‌توانید از دستور npm list استفاده کنید. به طور پیش‌فرض، این دستور یک نمای درختی از تمام بسته‌های نصب شده و وابستگی‌های آن‌ها نمایش می‌دهد 1️⃣ برای مشاهده تمام بسته‌های نصب شده به صورت سراسری و وابستگی‌های آن‌ها، از دستور زیر استفاده کنید:

   npm list -g   

📝 پارامتر -g نمایانگر نصب سراسری است و تمام بسته‌های نصب شده به صورت سراسری را نمایش می‌دهد. 2️⃣ برای مشاهده وابستگی‌های یک پروژه خاص، به دایرکتوری پروژه در خط فرمان بروید و سپس دستور زیر را اجرا کنید:

   npm list

📝 این دستور یک نمای درختی از تمام بسته‌های نصب شده و وابستگی‌های آن‌ها را نمایش می‌دهد که خاص پروژه در دایرکتوری فعلی است. 3️⃣ به صورت پیش‌فرض، npm list درخت کامل وابستگی‌ها را نمایش می‌دهد که اگر تعداد زیادی از وابستگی‌ها داشته باشید، ممکن است گیج‌کننده باشد. می‌توانید عمق درخت را با مشخص کردن پارامتر --depth و عدد مربوطه محدود کنید. به عنوان مثال، برای نمایش وابستگی‌ها تا عمق 1:

   npm list --depth=1
   

4️⃣ اگر می‌خواهید لیست وابستگی‌ها را در یک فایل ذخیره کنید، می‌توانید خروجی را به یک فایل متنی منتقل کنید. به صورت زیر:

   npm list > dependencies.txt

📝 این دستور کل درخت وابستگی‌ها را در یک فایل به نام dependencies.txt در دایرکتوری فعلی ذخیره می‌کند. 5️⃣ علاوه بر این، می‌توانید از پارامتر --json با دستور npm list استفاده کنید تا خروجی را در قالب JSON دریافت کنید که می‌تواند برای تجزیه و تحلیل به صورت برنامه‌ریزی‌ای مفید باشد:

   npm list --json
   

این دستورات به شما کمک می‌کنند تا وابستگی‌های پروژه‌های npm خود را مشاهده و بررسی کنید. #Tips_N_Tricks #NPM @js_challenges @js_masters_gp

#Course #JavaScript #Jonas_Schmedtmann #S01 #E02 002 Watch Before You Start!_Dubbed خب اینم قسمت دوم از فصل اول که جوناس داخل این ویدیو به نکاتی اشاره کرده که نه تنها برای شروع جاوااسکریپت، بلکه کلا برای تمام برنامه نویسان عزیز ضروریه 👌 خودتون از کیفیت دوبله لذت ببرید، چرا دروغ بگم، ولی خودم راضی ام ... انتشار و حمایت و بازخورد فراموشتون نشه که بسیار برای من مهم هست ❤️ پ.ن: هر دو ویدیو یه چیز هستن فقط ویدیوی بالا با کیفیت اصلی و حجم بسیار بیشتر ولی ویدیوی پایین با کمی افت کیفیت و حجم بسیار بسیار پایین تر @js_challenges @js_masters_gp

#Course #JavaScript #Jonas_Schmedtmann #S01 #E01 001 Course Structure and Projects_Dubbed جوناس معمولا قسمت اول هر سکشن، میاد توضیحات مربوط به اون سکشن رو میده و یه سری کلیات رو بیان میکنه حقیقتا اول میخواستم این ویدیو رو هم دوبله کنم ولی روم نشد حقیقتش رو بخواید 😅 که جوناس صحبت کنه و خودش جلوی دوربین باشه بعد صدای من روی ویدیو باشه برای همین روند کلا به این صورت خواهد بود که اگر جوناس بیاد جلوی دوربین برای بیان یه سری کلیات و توضیحات سکشن، بنده به جاش میام جلوی دوربین 😁 بعد از این قسمت، میریم سراغ قسمت دوم فصل اول دوره جاوااسکریپت Jonas Schmedtmann بزرگ ... پ.ن: حمایت و انتشار فراموشتون نشه عزیزان من ... ❤️ @js_challenges @js_masters_gp

آقا استارت دوبله دوره جاوااسکریپت Jonas Schmedtmann از امروز خورده شد و امروز دو ویدیو از فصل اول ضبط شد ... الان هم براتون این دو ویدیو رو آپلود میکنم انتشار فراموش نشه 🔥 @js_challenges @js_masters_gp

#VSCode_Extension 💥خوب بچه ها دیدم خیلیا به افزونه نیاز دارن گفتم یه ویدیو درست کنم و اینکه اسم افزونه رو داخل ویدیو مینویسم و نحوه ی کار باهاش رو تو آخر ویدیو تو 2 تا اسلاید گذاشتم.💥 🏁 این افزونه بسیار کاربردی هست برای همه برنامه نویسها 🏁 اگر دوست دارید بازم از این معرفی های افزونه ای بذارم 👍 کنید و به دوستانتون بفرستید 🫡 @js_challenges @js_masters_gp

💎 مدیا کوئری ها در جاوا اسکریپت از مدیا کوئری ها برای بررسی سایز و اندازه طول و عرض صفحه نمایش مورد استفاده قرار میگیره و از اصلی ترین مواردیست که ریسپانسیویتی سایت بر آن استوار است و قطعاً اسمش رو در CSS شنیدید. در جاوا اسکریپت هم میتونید از مدیا کوئری ها استفاده کنید. ⁉️ به چه صورت؟ تو کلاس window یه متدی داریم به نام matchMedia که میتونید سایز مد نظر صفحه رو به اون بدید و پاسخ رو به صورت آبجکت دریافت کنید. 💬 نکته مهم اینکه حتماً حداقل عرض رو باید درون پرانتز بنویسید. #Tips_N_Tricks #DOM @js_challenges @js_masters_gp

#Tips_N_Tricks ☠️☠️☠️ 💣بچه ها امروز میخوام براتون سورس کد یه بازی که با جاوااسکریپت کد زده شده رو بذارم,شما میتونید برای تمرین و آشنایی با چالشهای برنامه نویسی داخل این بازی ,این سورسهارو بردارید و خودتون روش کار کنید 💣 🥳هم فاله هم تماشا🥳 ❌میتونید درجه سختی و آسونیشو خودتون تنظیم کنید و کلی کارای خفن دیگه❌ ⚠️سورس کدشو هم بصورت فایل زیپ میذارم توی @js_masters_gp حتما تستش کنید⚠️ اگر دوست داشتین 👍 و انتشار یادتون نره 💥💥 @js_challenges @js_masters_gp

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

🧐کنسول کامند های مهم تو js 🧑‍💻از اون جایی که فرایند دیباگینگ کردن خیلی ها از جمله خودم(😁) به صرفا لاگ کردن کدمون داخل کنسول خلاصه میشه! تو این پست سعی کردم شیش تا از مهم ترین دستور های این کنسول عزیز رو براتون لیست کنم❤ #Tips_N_Tricks @js_challenges @js_masters_gp

و اما اولین ویدیوی دوبله بنده از دوره جاوااسکریپت Jonas Schmedtmann (یا به عبارت دیگه، بهترین دوره جاوااسکریپت دنیا 🔥) در قبال این من تنها خواهشی که از شما دارم و تنها چیزی که باعث میشه من این دوبله ها رو ادامه بدم فقط و فقط حمایت شماهاست ❤️ پس خواهش میکنم اگر این کار براتون ارزشمنده و مفیده، حتما حتما منتشرش کنید که قراره اتفاقات خیلی بزرگی رقم بخوره 🔥 حمایت شما نیروییه که میتونه باعث بشه این کار ادامه پیدا کنه والسلام نامه تمام ❤️ پ.ن: هر دو ویدیو یه چیز هستن ولی برای دانلود راحت تر، ویدیوی پایین بسیار حجم کمتری داره که میتونید اول اون رو دانلود بکنید و با یه مقدار کیفیت کمتر ببینید، بعد اگر خوشتون اومد ویدیوی بالایی با کیفیت بهتر رو مشاهده کنید 👌 @js_challenges @js_masters_gp