Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب – Telegram
Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب
9.19K subscribers
657 photos
354 videos
90 files
813 links
اگر با جاوااسکریپت مشکل داری، این چنل مخصوص خودته 🤝

دوبله بهترین دوره های جاوااسکریپت و ریکت دنیا رایگان:
https://news.1rj.ru/str/DeepDevs/2166

تبلیغات و تبادل نداریم

گروه اصلی برای پرسش و پاسخ:
@DeepDevsGpOriginal

گروه چت:
@InstaDevsGp
Download Telegram
سلام شب همگی بخیر ❤️
آقا فصل نوزدهم از دوبله دوره ریکت جوناس انجام شد امیدوارم که دوستانی که تهیه کردید لذت ببرید ✌️

فصل بعدی که بسیار فصل مهم و جذابیه در مورد ریداکس هست و رسماً با دوبله فصل بیست پارت سوم دوره به اتمام میرسه و وارد پارت آخر دوبله دوره میشیم 🔥

راستی دوتا تغییرات توی خرید دوبله ها قراره اتفاق بیافتد که خواستم یه اطلاع رسانی هم بکنم که هم اکنون هزینه دوبله دوره بعد از نه فصل اول که رایگان هست ۴۰۰ هزار تومن هست و احتمالا به زودی افزایش قیمت داشته، زیاد نه ولی حتما داریم..

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

این رو گفتم برای عزیزانی که میخوان تهیه بکنن، اول دوبله نه فصل اول رو که کاملا رایگان هست از چنل دوبله های ما @DubDev ببینید بعد اگر خواستید تهیه بکنید به من پیام بدید
@MehrshadHeisenberg3

داخل همین چنل دوبله ها، دوبله دوره جاوااسکریپت جوناس هم کاملا رایگان قرار گرفته و انشالا در آینده دوبله دوره HTML CSS جوناس هم کاملا رایگان داخلش قرار خواهد گرفت✌️
❤‍🔥11👍6🔥1
⚠️این کد به منظور حذف موارد تکراری از یک آرایه در جاوااسکریپت استفاده می‌شود.⚠️

این Set یک ساختار داده در جاوااسکریپت است که فقط مقادیر منحصر به فرد را در خود نگه می‌دارد. در اینجا new Set(array) از آرایه array یک مجموعه (Set) ایجاد می‌کند.

و ... (spread operator) برای استخراج اعضای مجموعه به عنوان عناصر جداگانه به کار می‌رود.

ایجاد یک آرایه جدید به نام uniqueArray که تنها دارای مقادیر منحصر به فرد از array است.

در نتیجه، uniqueArray حاوی مقادیر یکتا و بدون تکرار از array خواهد بود. در مثال فراهم شده، این آرایه حاوی اعداد 1، 2، 3 و 6 خواهد بود .

اگه از این جور پست ها خوشتون میاد با ری اکشن و اشتراک گذاریش بهم نشون بدین

Channel | Group | YouTube
👍32🔥5💯5
This media is not supported in your browser
VIEW IN TELEGRAM
#Fun

بحث و گفتگوهای (دیسکاشن های) گیت هاب در مقابل استک اورفلو 😂

Channel | Group | YouTube
🤣24😁3
یه چیزی که زیاد میبینم توی گروهمون اتفاق میافته اینه که دوستان سوال میپرسن ولی چون اصلا اطلاعات سوالی که پرسیدن کامل نیست باید دو سه تا سوال دیگه ازشون پرسیده بشه تا اینکه بشه فهمید مشکل کجاست و تازه دنبال راه حل گشت

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

1️⃣ دوستان عزیز لطفا همراه با توضیحات سوالتون کد هم ارسال کنید، اگر شما بگید وقتی من روی این دکمه کلیک میکنم کار نمیکنه من چطور باید بفهمم که چرا کار نمیکنه؟ یا اگر بگید من فلان ارور رو گرفتم چطور من باید بدون کد بفهمم که شما چرا اون ارور رو گرفتید؟ علم غیب که ندارم درسته؟ در نتیجه لطفا از قسمت مربوطه (نه از تمام کدتون) عکس بدید و خیلی خوب میشه اگر که زحمت بکشید به شکل اسکرین شات بفرستید که خوانایی کدتون بیشتر بشه

2️⃣ مورد دوم اینکه خیلی خوبه اگر که راه حل هایی که خودتون هم امتحان کردید رو بنویسید، به طور مثال این دکمه کار نمیکنه و این مشکل رو داره، من فلان کد رو براش نوشتم بعد دیدم این مشکل رو داره و فلان تغییر رو داخلش اعمال کردم ولی همچنان کار نمیکنه، بعد رفتم سرچ کردم از این کد استفاده کردم الان اکی شده ولی فلان مشکل رو داره همچنان و ... اینطوری شخص جواب دهنده خیلی بهتر میتونه به شما کمک بکنه

3️⃣ خواهشا توضیحاتتون کامل باشه،‌ توضیح کامل یعنی چی؟ دقیقا چه کاری انجام دادید و دقیقا به چه مشکلی خوردید و نتیجه مورد نظر شما که الان بهش نرسیدید و میخواید بهش برسید چی هستش؟

4️⃣ یه نکته فوق العاده مهمی که باید بهش دقت بکنید و خیلی بهتون توی رفع مشکلاتتون کمک میکنه اینه که قبل از اینکه بخواید حالا چه توی گروه ما و چه هر جای دیگه ای مشکلتون رو مطرح کنید حتما حتما حتما توی گوگل در موردش سرچ کنید و بعد اگر از سرچ کردن هم به نتیجه نرسیدید اون موقع تازه مشکلتون رو توی گروه مطرح کنید و خیلی خوب میشه که بنویسید دقیقا چه چیزی رو داخل گوگل برای رفع مشکلتون سرچ کردید چون شاید کلا روش سرچ کردنتون اشتباه بوده باشه و اعضای گروه بهتون کمک کنن که متوجه بشید دقیقا چطوری باید توی گوگل دنبال جوابتون بگردید که اینطوری مهارت سرچتون خیلی بهتر میشه

5️⃣ دوستان سوالاتی نظیر: کسی هست اینجا اطلاعات در مورد جاوااسکریپت داشته باشه سوال دارم؟ کسی اینو بلده ازش سوال بپرسم؟ کسی از این استفاده کرده ازش سوال بپرسم و ... اینجور سوالات رو نپرسید، مستقیم سوال اصلیتون رو بپرسید برید سراغ اصل مطلب اگر کسی بلد بود جواب میده

این ها به نظرم موارد مهمی هستن که باید توی سوال پرسیدن رعایت بشه، باز هم اگر موردی بود اضافه میکنم اگر شما هم موردی به نظرتون رسید به من بگید که اضافه بکنم

گروه اصلی چنل:
@DeepDevsGp
گروه چتمون:
@InstaDevsGp
👍15👌31
دوستان یه عزیزی توی پیوی از من پرسید الان که ورژن جدید ریکت اومده پس باز باید آموزشمون رو عوض کنیم؟ بگردیم دنبال آموزشی که مشخصا ریکت ۱۹ رو آموزش داده؟ و همچنین در مورد آپدیت تکنولوژی های دیگه چطور؟

این ویس رو براشون گرفتم و بهشون توضیح دادم به نظرم خوبه شما هم بشنوید ❤️

Channel | Group | YouTube
👍15🤝5
کدام گزینه جزو موتور جاوا اسکریپت است؟
Anonymous Quiz
23%
Event loop
35%
Call stack
14%
Call back queue
28%
Web Api
🤣12🆒7❤‍🔥1
Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب
کدام گزینه جزو موتور جاوا اسکریپت است؟
رفقا پست فورواردی بالا مربوط به این چالشیه که روش ریپلای زدم و فقط ۳۹ درصد جواب درست دادن!

پست بالا مقاله های یه دوست عزیزیه که به قول خودش در رابطه با دل و روده جاوااسکریپت نوشته براتون 😁

اگر دوست داشتید بیشتر بفهمید چی به چیه ماجراهای پشت صحنه جاوااسکریپت، مطالعه کنید ❤️
12
#Tips_N_Tricks

📣راحت ترین روش روی تبدیل انواع دیتا بهم📣

🚀جمع هر چیزی با "" => راحت ترین روش تبدیل به رشته
🚀گذاشتن + پشت هر چیزی => راحت ترین روش تبدیل به عدد
🚀گذاشتن !! => راحت ترین روش تبدیل به بولین.

Channel | Group | YouTube
❤‍🔥11🤣4🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
#Out_Of_IDE

If you want to make everyone happy, don't be a leader. Sell ice cream.🍦

حالا تصمیم با شماست که رهبر باشین یا بستنی فروش🫠

Channel | Group | YouTube
11👍3❤‍🔥2😁2🤝1
#NPM

اگه براتون سواله که این 2 تا فایل (package.json و package-lock.json ) چین و به چه دردی میخورم, پس فایل pdf رو بخونید 2 دقیقه طول میکشه 😎

Channel | Group | YouTube
👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇
👍8🔥2
تفاوت package.json و package-lock.json.pdf
45.4 KB
#NPM
اینم از چیت شیت تفاوت فایل package.json و package-lock.json که خیلی ساده سعی کردم توضیح بدم و بگم که اصلا هر کدوم به چه دردی میخورن😎
⚠️با انتشارتون این پست رو بترکونید⚠️

Channel | Group | YouTube
👍122🕊1
This media is not supported in your browser
VIEW IN TELEGRAM
#Out_Of_IDE

گذری بر داستان زندگی پریسا تبریز شاهدخت امنیت گوگل 😍

نشریه فوربس از پریسا تبریز به عنوان یکی از ۳۰ چهره برتر در زمینه تکنولوژی، در کنار افرادی چون مارک زاکربرگ نام برده‌است. او در گوگل ریاست بخشی را بر عهده دارد که از ۳۰۰ هکر در اروپا و آمریکا تشکیل شده و وظیفه بررسی تهدیدات امنیتی مرتبط با موتور جستجوی گوگل و همین‌طور دیگر محصولات این شرکت، از جمله مرورگر گوگل کروم را بر عهده دارد.😍

هرکی مثل من بهش افتخار میکنه بکوبه ❤️ رو

Channel | Group | YouTube
81❤‍🔥11👍1
#VSCode_Extension

🚀 افزونه WakaTime برای VsCode یک ابزار است که به شما کمک می‌کند تا میزان زمان صرف‌شده در کدنویسی را دنبال کنید. این افزونه با استفاده از API WakaTime کار می‌کند و به شما اجازه می‌دهد تا به‌طور خودکار اطلاعات مربوط به فعالیت‌های کدنویسی خود را جمع‌آوری و تحلیل کنید.

Channel | Group | YouTube
🔥11👍31
#react

مروری بر گذشته ریکت...

کلاس کامپوننت ها در React یکی از دو روش اصلی برای تعریف کامپوننت‌ها هستن. این کامپوننت‌ها به صورت کلاس‌هایی تعریف می‌شن که از کلاس React.Component ارث‌بری می‌کنن و به شما این امکان رو میدن تا از ویژگی‌های مختلفی مانند state و lifecycle methods بهره‌مند بشید 👌

هر چند گذشته ها گذشته و تقریبا میشه گفت کلاس کامپوننت ها به تاریخ پیوستن ولی به نظرم خوبه همچنان یه دیدگاهی نسبت بهشون داشته باشیم چون شاید توی کدبیس های قدیمی همچنان سرو کلشون پیدا بشه 🤝

مثال :
import React from "react";

class MyComponent extends React.Component {
constructor(props) {
super(props);
this.state = {
count: 0,
};
}

render() {
return (
<div>
<p>Count: {this.state.count}</p>
<button onClick={() => this.setState({ count: this.state.count + 1 })}>
Increase
</button>
</div>
);
}
}

export default MyComponent;


Channel | Group | YouTube
👍41
This media is not supported in your browser
VIEW IN TELEGRAM
#Fun

اینو گذاشتم برای کسایی که تو مسیر یادگیری برنامه نویسی خسته شدن یا ناامید, خواستم بگم تنها نبودی و نیستی نا امیدی سراغ همه رفته تو این حرفه ولی اونایی برنده شدن که به ناامیدی غلبه کردن 💚

Channel | Group | YouTube
25💔5👍41👌1
#VSCode_Extension

افزونه Import Cost برای Visual Studio Code یک ابزار مفید برای توسعه‌دهندگان وب است که به شما کمک می‌کند تا اندازه بسته‌های جاوااسکریپت و TypeScript را که وارد پروژه خود می‌کنید، به‌صورت فوری مشاهده کنید. 😍

این افزونه اندازه دقیق فایل‌های وارد شده (import) را در زمان توسعه به شما نمایش می‌دهد، بنابراین می‌توانید به‌سرعت ارزیابی کنید که کدام کتابخانه‌ها و بسته‌ها ممکن است باعث افزایش حجم نهایی فایل‌های شما بشن 😎

Channel | Group | YouTube
🔥10👍4
#api
#Tools

📣 افزونه REST Client برای Visual Studio Code یک ابزار قدرتمند است که به شما اجازه می‌دهد درخواست‌های HTTP را مستقیماً از داخل محیط vscode ارسال و مدیریت کنید. این افزونه برای توسعه‌دهندگان بسیار مفید است، زیرا به شما امکان می‌دهد APIها را تست کرده و نتایج را به‌صورت سریع و بدون نیاز به نرم افزار اضافی ببینید.
https://marketplace.visualstudio.com/items?itemName=humao.rest-client

⚠️البته مثل swager وpostman قدرتمند نیست ولی خب ...⚠️

Channel | Group | YouTube
👍12😁6🔥21
#javanoscript


سیمبل ها یه نوع داده جدید در جاوااسکریپت هستن که در اکما اسکریپت ۶ اضافه شدن که به ما این امکانو میده که مقادیر منحصر به فرد و غیرقابل تغییر ایجاد کنیم.


برخلاف سایر داده‌ها مثل String، Number و Object، سیمبل‌ها مقادیر منحصر به فرد دارن و هرگز با هم برابر نیستن.

مثال:
const symbol1 = Symbol('mySymbol');
const symbol2 = Symbol('mySymbol');

console.log(symbol1 === symbol2); // false


Channel | Group | YouTube
👍18🤣6👌2🆒2👀1