studio amozesh | صفر تا صد برنامه نویسی – Telegram
studio amozesh | صفر تا صد برنامه نویسی
1.2K subscribers
764 photos
280 videos
39 files
897 links
اگر دوست داری وارد دنیای برنامه نویسی بشی ولی نمیدونی از کجا شروع کنی با من همراه باش تا کامل بهت یاد بدم 🔥

https://news.1rj.ru/str/boost/studi

وب سایت :
https://studioamozesh.com
لینک گروه :
@studioAmozeshGroup
مدیریت | نقد و انتقادات | تبلیغات
@Amir_Khosroshahi
Download Telegram
StructuredClone

کپی عمیق و ایمن اشیا:
let obj = { a: 1, b: { c: 2 } };
let clone = structuredClone(obj);
clone.b.c = 99;
console.log(obj.b.c); // 2

✔️ سریع‌تر و امن‌تر از JSON.parse(JSON.stringify).

#JavaScript #StructuredClone #DeepCopy

      
channel | group | website
Please open Telegram to view this post
VIEW IN TELEGRAM
چیزای خوب رو راحت به بقیه برسون.

#انگیزه #به_اشتراک_گذاری

      
channel | group | website
1
Page Visibility API

تشخیص وقتی کاربر تب رو ترک یا برمیگرده:
document.addEventListener("visibilitychange", () => {
if(document.hidden) console.log("کاربر رفت");
else console.log("کاربر برگشت");
});

✔️ برای توقف و ادامه پخش ویدیو یا انیمیشن.

#JavaScript #PageVisibilityAPI #UserExperience

      
channel | group | website
Please open Telegram to view this post
VIEW IN TELEGRAM
Web Workers

اجرای کد در یک Thread جدا بدون کند کردن UI:
// worker.js
self.onmessage = e => {
let result = e.data * 2;
postMessage(result);
};

// main.js
let worker = new Worker('worker.js');
worker.postMessage(5);
worker.onmessage = e => console.log(e.data); // 10

✔️ عالی برای محاسبات سنگین بدون فریز شدن صفحه.

#JavaScript #WebWorkers #Performance

      
channel | group | website
Please open Telegram to view this post
VIEW IN TELEGRAM
وقتی پروژه سنگینه، تقسیمش کن بین چند نفر… یا چند Thread 😉

#Motivation #ProgrammingLife

      
channel | group | website
2
Streams API

خواندن داده‌ها تکه‌تکه به جای یکجا:

fetch('/bigfile.txt')
.then(res => res.body.getReader())
.then(reader => reader.read().then(console.log));

✔️ برای مدیریت فایل‌های بزرگ بدون فشار به حافظه.

#JavaScript #StreamsAPI #Optimization

      
channel | group | website
Please open Telegram to view this post
VIEW IN TELEGRAM
SharedArrayBuffer

اشتراک حافظه بین Thread‌ها:
let buffer = new SharedArrayBuffer(1024);
let arr = new Int32Array(buffer);
arr[0] = 42;

✔️ برای پروژه‌های با نیاز به هماهنگی داده‌ها.

#JavaScript #SharedArrayBuffer #Concurrency

      
channel | group | website
Please open Telegram to view this post
VIEW IN TELEGRAM
قدم‌به‌قدم حرکت کن؛ حتی طولانی‌ترین مسیرها با اولین بایت شروع میشه.

#Motivation #CodingMindset

      
channel | group | website
42
BroadcastChannel

ارتباط بین تب‌های مختلف مرورگر:

let bc = new BroadcastChannel('channel_name');
bc.onmessage = e => console.log(e.data);
bc.postMessage('سلام از تب دیگه!');

✔️ عالی برای همگام‌سازی دیتا بین تب‌ها.

#JavaScript #BroadcastChannel #WebDev

      
channel | group | website
Please open Telegram to view this post
VIEW IN TELEGRAM
Navigator.connection

بررسی وضعیت اینترنت کاربر:
console.log(navigator.connection.downlink, navigator.connection.effectiveType);

برای بهینه‌سازی لود محتوا در سرعت‌های مختلف.

#JavaScript #NetworkAPI #UX

      
channel | group | website
تفاوت Run as administrator و Run 😂

      
channel | group | website
Please open Telegram to view this post
VIEW IN TELEGRAM
2
بریم سراغ آموزش Optional Chaining که خیلی ساده و پر کاربرده

برای جلوگیری از ارور وقتی آبجکت تو در تو نداره از علامت سوال ( ? ) استفاده میکنیم :
let user = {};
console.log(user?.address?.city); // undefined (بدون ارور)

✔️ به جای کلی if پشت سر هم، کد رو تمیزتر می‌کنه.

#JavaScript #OptionalChaining #CleanCode

      
channel | group | website
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
دارم روی یک پروژه pwa کار میکنم که برای شرکته و خیلی سرم شلوغ شده.

اگر با ریکت و نکست کار میکنید سعی کنید حتما روی pwa مسلط بشید.
شرکت ها خیلی بهش نیاز دارن
4
This media is not supported in your browser
VIEW IN TELEGRAM
بچه های فوتبالی یه pwa دیگه داره متولد میشه که کارش ثبت گزارش و پخش زنده و نمایش اطلاعات بازی های فوتبال و سایر ورزش های دیگه هست.

به زودی میاد بالا و خیلی به دوستداران فوتبال کمک می‌کنه تا در لحظه از اخبار داغ و یا اطلاعات تیم مورد علاقه خودشون با خبر بشن
2
بهونه نیار، معطل نکن، منتظر معجزه نباش...
هدف توئه که باید براش بجنگی!

وقتی بهش برسی، اون حس رضایت و غرور، همۀ سختی‌های راه رو برات شیرین میکنه.

بی صدا برو جلو بزار نتایج خودشون حرف بزنن😎
Please open Telegram to view this post
VIEW IN TELEGRAM
211
This media is not supported in your browser
VIEW IN TELEGRAM
بعضی ها قبل از شروع فکر میکنن اینجوری js قورت میدن
ولی هر چیزی نیاز به زمان داره و باید تمرین و تکرار داشت.
6
هر جا که جات میشه جایگاهت نیست
10
بعضی وقتا بهترین نتایج زمانی رخ میده که تو آماده انجام دادن نیستی
پس همش امروز و فردا نکن
5
این تصویر سال ۱۹۹۶ گرفته شده و کلی با این تصویر خاطره داریم ولی ...