ویدیو دوبله شده در مورد Shadow DOM [+لینک]
شما را قادر می‌سازد تا یک درخت DOM را به یک عنصر متصل کنید و قسمت‌های داخلی این درخت را از جاوا اسکریپت و CSS دام اصلی پنهان کنید.

🔗https://aparat.com/v/onv2yu4
#️⃣#tip #dub
👥@IR_javascript_group
🆔@IR_javascript

ویدیو دوبله شده در مورد پوشه NPM bin با اسکریپت‌های اجرایی [+لینک]
پوشه NPM bin جایی است که NPM فایل‌های اجرایی مرتبط با بسته‌های نصب‌شده را ذخیره می‌کند. وقتی شما یک بسته NPM را نصب می‌کنید، اگر آن بسته شامل اسکریپت‌های اجرایی باشد، NPM این اسکریپت‌ها را در پوشه bin قرار می‌دهد.

این پوشه به شما این امکان را می‌دهد که به راحتی به این اسکریپت‌ها دسترسی داشته باشید و آن‌ها را از هر نقطه‌ای در خط فرمان اجرا کنید. اسکریپت‌های موجود در این پوشه معمولاً فاقد پسوند هستند و برای اجرا به خط Shebang (#!) نیاز دارند که در ابتدای هر فایل اجرایی قرار می‌گیرد و تعیین می‌کند کدام مفسر برای اجرای فایل استفاده شود..

🔗https://aparat.com/v/ved7pjj
#️⃣#tip #dub
👥@IR_javascript_group
🆔@IR_javascript

ویدیو دوبله شده در مورد شش سبک محبوب‌ معماری API [+لینک]
با میلیاردها درخواست API که روزانه انجام می‌شود، درک سبک‌های معماری API اهمیت بیشتری پیدا کرده است. این سبک‌ها ستون فقرات دنیای دیجیتال امروزی را تشکیل می‌دهند و واسط‌های برنامه‌نویسی کاربردی (API) نقش کلیدی در توسعه نرم‌افزارهای مدرن دارند.

🔗https://aparat.com/v/uka260b
#️⃣#tip #dub
👥@IR_javascript_group
🆔@IR_javascript

ویدیو دوبله شده در مورد Git Submodules [+لینک]
زیرماژول‌ها در Git به شما این امکان را می‌دهند که یک مخزن Git را به عنوان زیرمجموعه‌ای از مخزن دیگری نگهداری کنید. این ویژگی زمانی مفید است که بخواهید یک پروژه بزرگتر (مخزن اصلی) را به بخش‌های کوچک‌تر تقسیم کنید، یا از پروژه‌های دیگر به عنوان وابستگی (dependency) در پروژه خود استفاده کنید.



🔗https://www.aparat.com/v/rnwwb88
#️⃣#tip #dub
👥@IR_javascript_group
🆔@IR_javascript

ویدیو دوبله شده در مورد Install ESLint Prettier extensions for VSCode [+لینک]

‏ Prettier و ESLint هر دو ابزارهایی برای بهبود کد هستند، اما نقش‌های متفاوتی دارند.
‏Prettier یک فرمت‌کننده کد است که به طور خودکار کد شما را قالب‌بندی می‌کند و آن را مرتب می‌کند تا خواناتر شود. این ابزار بر نحوه نگارش کد تمرکز دارد.
‏ESLint اما یک ابزار تحلیل استاتیک کد است که به شما کمک می‌کند تا خطاهای رایج در کد را شناسایی کنید و همچنین می‌تواند به شما در رعایت قواعد کدنویسی کمک کند.
در واقع، Prettier به ظاهر کد می‌پردازد، در حالی که ESLint به کیفیت و صحت کد. معمولاً از هر دو به صورت مکمل استفاده می‌شود.

🔗https://www.aparat.com/v/mpo29n3
#️⃣#tip #dub
👥@IR_javascript_group
🆔@IR_javascript

ویدیو دوبله شده در مورد Material UI با Vuetify و Vue.js [+لینک] از vue school
با استفاده از Vuetify، به راحتی و در کمترین زمان یک اپلیکیشن Vue.js با رابط کاربری زیبا و کاربردی ایجاد کنید! این کتابخانه رابط کاربری شامل بیش از هشتاد کامپوننت آماده است که طبق مشخصات زیبا و کاربردی Material Design طراحی شده‌اند. همچنین، این کتابخانه پرکاربردترین کتابخانه رابط کاربری برای Vue.j
است که بیش از نیم میلیون دانلود هفتگی دارد!

🔗https://www.aparat.com/playlist/13837598
#️⃣#tip #dub
👥@IR_javascript_group
🆔@IR_javascript

بازسازی (Reflow) و تجدید نقاشی (Repaint) در مرورگر [+لینک]
بازسازی (Reflow) و تجدید نقاشی (Repaint) مفاهیم اساسی در نحوه رندر شدن صفحات وب توسط مرورگرها هستند. این دو فرآیند بخش‌های مختلفی از روند به‌روزرسانی و رندر کردن محتوای صفحه در مرورگر را تشکیل می‌دهند. درک نحوه عملکرد این دو و تأثیر آن‌ها بر عملکرد بسیار مهم است تا بتوان بهینه‌سازی‌های لازم را در وب‌سایت‌ها انجام داد.

🔗https://aparat.com/v/rxr7h3h
#️⃣#tip #dub
👥@IR_javascript_group
🆔@IR_javascript

ویدیو دوبله شده در مورد Storybook در Vue.js [+لینک]
‏Storybook، یک محیط توسعه و فضای آزمایشی قدرتمند برای کامپوننت‌های رابط کاربری (UI) است. با این ابزار می‌توان کامپوننت‌های رابط کاربری را به‌صورت مستقل از اپلیکیشن اصلی طراحی، توسعه، مستندسازی و در یک محیط ایزوله تست کرد. Storybook با فراهم کردن بستری برای نمایش تعاملی کامپوننت‌ها، فرایند توسعه رابط کاربری را ساده‌تر و موثرتر می‌کند و امکان همکاری بهتر بین توسعه‌دهندگان و طراحان را فراهم می‌آورد.


🔗https://www.aparat.com/playlist/14302971
#️⃣#tip #dub
👥@IR_javascript_group
🆔@IR_javascript

ویدیو دوبله شده در مورد Web Worker در جاوااسکریپت [+لینک]

یک Web Worker اسکریپتی است که در رشته‌های پس‌زمینه اجرا می‌شود و از رشته اصلی جدا است. Web Workerها این امکان را به مرورگر می‌دهند که چندین رشته جاوااسکریپت را به طور همزمان اجرا کند. رشته کارگر (worker) می‌تواند وظایف را بدون دخالت در رابط کاربری انجام دهد. پس از ایجاد شدن، یک worker می‌تواند با ارسال پیام‌ها به هندلر رویداد مشخص‌شده توسط کد جاوااسکریپت که آن را ایجاد کرده، به آن کد پیام ارسال کند (و بالعکس).

🔗https://aparat.com/v/qjhaemp
#️⃣#tip #dub
👥@IR_javascript_group
🆔@IR_javascript

ویدیو دوبله شده در مورد برنامه ریزی به روش بولت ژورنال [+لینک]

بولت ژورنال، نام یکی از بهترین روش‌ها و سیستم‌های برنامه‌ریزی در دنیا است که توسط رایدر کارول ابداع شده است. این روش آنقدر عالی بود که به سرعت در تمامی دنیا فراگیر شد. علاوه بر آن، این روش بر خلاف سایر روش‌های برنامه‌ریزی، بسیار ساده است و شما برای آغاز آن فقط به یک خودکار و دفتر نیاز دارید؛ اما در عین سادگی، با یادگیری روش بولت ژورنال، خواهید توانست که برای اهداف و چشم‌انداز خود برنامه‌ریزی جامع و کاملی داشته باشید، بازدهی خود را افزایش دهید و استرس از دست دادن کاری را نداشته باشید.


🔗https://aparat.com/v/ixc1845
#️⃣#tip #dub
👥@IR_javascript_group
🆔@IR_javascript

حالت بخار (Vapor Mode) در Vue.js یک استراتژی کامپایل جایگزین است که برای بهبود عملکرد برنامه‌های Vue.js طراحی شده است. این حالت به جای استفاده از Virtual DOM (VDOM)، کامپوننت‌ها را مستقیماً به HTML تبدیل می‌کند
‏vapor mode در vue 3.6 اضافه خواهد شد


#️⃣#tip #vue #dub
👥@IR_javascript_group
🆔@IR_javascript

ویدیو دوبله شده در مورد بهینه‌سازی عملکرد Vue [+لینک]

عملکرد بهینه یکی از عوامل کلیدی در اپلیکیشن‌های مدرن تحت وب است. عملکرد ضعیف منجر به کاهش تعامل کاربران، کاهش نرخ تبدیل و در نهایت از دست دادن فرصت‌های تجاری می‌شود. این دوره به شما کمک می‌کند تا:

زمان بارگذاری و عملکرد اجرایی اپلیکیشن Vue.js خود را به‌طور چشمگیری بهبود دهید.
تکنیک‌های پیشرفته بهینه‌سازی که توسط متخصصان صنعت استفاده می‌شود را اجرا کنید.
مشکلات عملکردی را به‌صورت کارآمد اشکال‌زدایی و برطرف کنید.
تصمیمات معماری آگاهانه‌ای اتخاذ کنید که بر سرعت برنامه تأثیر می‌گذارد.
تجربه‌ای استثنایی برای کاربران از طریق بهینه‌سازی عملکرد ارائه دهید.

به ما بپیوندید و با تسلط بر بهینه‌سازی عملکرد Vue.js، اپلیکیشن‌های خود را به سطحی جدید از سرعت و کارایی برسانید.


🔗https://www.aparat.com/v/tdvpkja?playlist=17549421
#️⃣#tip #dub #vue
👥@IR_javascript_group
🆔@IR_javascript

ویدیو دوبله شده در مورد انواع روش‌های آپلود فایل و رمزگذاری Base64 [+لینک]

به بررسی روش‌های مختلف آپلود فایل‌ها به سرور از جمله استفاده از داده‌های فرم چندبخشی (Multi-Part Form Data) و رمزگذاری Base64 پرداخته شد. روش‌های مختلف مانند ارسال فایل‌ها به صورت متن ساده (Plain Text)، رمزگذاری URL و فرم داده چندبخشی به تفصیل بررسی شد. همچنین استفاده از رمزگذاری Base64 برای جاسازی تصاویر در ایمیل‌ها و صفحات HTML شرح داده شد. در نهایت، نکات مهم در مورد محدودیت‌ها و بهترین شیوه‌های استفاده از این تکنیک‌ها در دنیای واقعی بیان گردید.


🔗https://www.aparat.com/v/pqz7475
#️⃣#tip #dub
👥@IR_javascript_group
🆔@IR_javascript

ویدیو دوبله شده در مورد چگونه کامپوزِیبل‌های بهتری بنویسیم [+لینک]

یاد بگیرید چگونه با استفاده از تکنیک‌ها، اصول و الگوهای درست، کامپوزِیبل‌های درخشان و حرفه‌ای در Vue طراحی و پیاده‌سازی کنید.



🔗https://aparat.com/v/kmihlut
#️⃣#tip #dub
👥@IR_javascript_group
🆔@IR_javascript

ویدیو دوبله شده در مورد چگونگی مدیریت صف‌ها و حلقهٔ رویداد (event loop)

مسئول مدیریت ترتیب اجرای کد در جاوااسکریپت با Event Loop است. این حلقه صف‌های مختلفی دارد که کدهای مختلف را در آن‌ها قرار می‌دهد تا به ترتیب اجرا شوند.

#️⃣#tip #dub
👥@IR_javascript_group
🆔@IR_javascript

ویدیو دوبله شده در مورد الگو های طراحی در اپلیکیشن های تحت وب [+لینک]
در این دوره، با الگوهای طراحی برای پروژه‌های فرانت‌اند با استفاده از جاوا اسکریپت آشنا خواهید شد. مزایا و چالش‌های الگوهای طراحی را درک خواهید کرد و نحوه پیاده‌سازی الگوهای مختلف برای ارتقای خوانایی، قابلیت استفاده مجدد، مدولار بودن و مقیاس‌پذیری پروژه‌های جاوا اسکریپت ساده خود را خواهید آموخت.

🔗https://www.aparat.com/v/phnxki9?playlist=20513366
#️⃣#tip #dub
👥@IR_javascript_group
🆔@IR_javascript

ویدیو دوبله شده در مورد CI/CD

#️⃣#tip #dub
👥@IR_javascript_group
🆔@IR_javascript

ویدیو دوبله شده در مورد مدیریت حافظه در مرورگر

#️⃣#tip #dub
👥@IR_javascript_group
🆔@IR_javascript

ویدیو دوبله شده در مورد اسولت نسخهٔ پنج (The Complete Svelte 5 Course) [+لینک]

اسولت یک فریم‌ورک همراه با کامپایلر اختصاصی است که هدفش تولید کد کلاینتی فوق‌العاده سبک است؛ و البته فریم‌ورکی نسبتاً پرطرفدار نیز به شمار می‌آید.

«ماتیا از کرواسی» (امضایی که خودِ نویسنده استفاده می‌کند) دوره‌ای بسیار جامع گرد آورده که به شما امکان می‌دهد اسولت نسخهٔ پنج را از پایه بیاموزید. این دوره شامل بیست و هشت فصل، سه ساعت ویدئو و تعداد زیادی دمو است. دوره رایگان است،
کد ها در لینک زیر موحود است
https://joyofcode.xyz/learn-svelte

🔗https://www.aparat.com/v/dbp98sl
#️⃣#tip #dub
👥@IR_javascript_group
🆔@IR_javascript

کش کردن ETag در HTTP یک مکانیزم برای اعتبارسنجی کش وب است.
در این ویدئو، خواهیم آموخت که ETag‌ها چه هستند و چگونه با هدرهای If-None-Match و If-Match و کدهای وضعیت HTTP ۳۰۴ و ۴۱۲ مرتبط می‌شوند.


🔗https://www.youtube.com/watch?v=tWu9lBlghOc
#️⃣#tip #dub
👥@IR_javascript_group
🆔@IR_javascript