#htmlcss
فصل ۷ داره میاد 🔥

و به کل دیگه تمومه دوره

آقا من دوره html css جوناسو ندیدم خودم یه دوره دیگه ازش دیده بودم

گفتم برم یه سر ببینم چه پروژه هایی زدع تو این دورش

خدایی عجب پروژه هایی میزنه جوناس🔥🔥🔥🔥

فقط html css
ریکورد کردم شمام ببینید 😄🌹

اونایی که دارن فرانتو شروع میکنن
بدون شک بهترین دوره همینه و عمرا دوره بهتر از این پیدا کنید 👌

devsub.ir
دوره کامل تو سایت هستش ❤️

https://medium.com/@tsecretdeveloper/10-sayings-that-scream-unprofessional-developer-c8e30fa4ae3a


یه مقاله از سایت Medium رو خوندم
موضوشم درباره اینه که چه رفتارهایی هست که از یک توسعه‌دهندهٔ غیر حرفه‌ای می‌تونه از خودش بروز بده


اینو حتما براتون ترجمه میکنم و فردا راجبش توضیح میدم 🔥

#مقاله

خب بریم یه خلاصه و مورد های مقاله بالا رو بررسی کنیم

✅گفتن اینکه من نمی‌دونم
توی کار تیمی وقتی مشکلی پیش میاد، نه تنها باعث نشون دادن ضعفتون میشه بلکه باعث میشه که فشار روی تیمتون وارد بشه . یک رفتار حرفه‌ای می‌تونه این باشه که بگیم «تاحالا با این مورد کار نکردم، ولی بذار تلاشم رو بکنم ، خیالتون راحت از پسش بر میام»

✅ گفتن «داری اشتباه می‌کنی»
اصلا این حرفو مخصوصا به افراد سینیور تیم نزنید فقط الکی داری خودتونو خراب میکنید ، راه حل افراد بزرگتر و توی تیم گوش بدید بعد را حل خودتونو پیشنهاد بدید . اینطوری حتی نشون میدید که واقعا اینکاره اید 🔥

✅گفتن «روی سیستم من جواب نمیده »

اینم که فکر کنم میدونید 😁

✅ منفعل بودن توی استندآپ‌ها
توی کار تیمی هدف استندآپ‌های روزانه اینه که هم دیگران رو از روند کارها و نیازهامون با خبر کنیم و هم از روند فعالیت‌های بقیه با خبر بشیم تا بلاکرها به حداقل برسه

✅گفتن صرفاً «مشکل از بکنده یا فرانته»

به نوع ارور ها توجه کنید ، که چه خطاهایی به ما میده (404)... حتی اگر مطمعین شدید که مشکل از شما نیست باید تو تیم به حل مشکل کمک کنید یا ایده بدید


ریکشنا زیاد باشه کلشو براتون با ترجمه میزارم
با این کارتون به من انرژی زیادی میدید 🔥

البته بگم این توضیحاتی که دادم تجربه های خودمم سعی کردم با موضوعاتش صدق بدم ❤️

#استخدامی

1.Event bubbling , Event Capturing

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

خب آقای x خانم y , شما راجب مفهوم event bubbling  میتونید به ما یه توضیحی بدید؟؟

قبل از توضیح بزارید با کد نشونتون بدم


<div >
    <p >Click Me</p>
</div>

حالا مثلا یه onclick به جفتشون میدم هم div هم بچش که p هستش

document.querySelector('div');
.addEventListener('click', function() {
Console.log("you click div");
});

document.querySelector('p');
.addEventListener('click', function() {
Console.log("you click P!");
});

اوکیه ؟؟؟

من الان اگه رو P بزنم ، یعنی رو Click Me
چه اتفاقی میفته بنظرتون ؟؟؟

✅اول p اجرا میشه ، بعد بلافاصله div اجرا میشه

یعنی از child رفت به parent ، رفتش بالا

به این مفهموم میگن bubbling

حالا capturing دقیقا برعکس اینه 😁


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

یعنی اومد گقت که میخوام فقط رو هر چی کلیک کردی مثلا فقط p اجرا بشه !!

✅میگی closest()


فصل ۱۳ دوره جوناس 😄🌹


پستو سیو کنید ، اگه این کارم حمایت شه و ریکشن بالای ۲۰۰ تا بگیره هر روز سعی میکنم یه سوال خفن بزارم براتون و از #استخدامی برای دسترسی سریع به سوالا استفاده کنید ❤️

🌎 devsub.ir
@developersubtitle

رفقا فصل ۷ اضافه شد

http://devsub.ir/product/html-and-css-sub/

و دوره تکمیل شد 💣

بریم رونمایی از دوره بعدی🔥

صبحتون بخیر 🌹

من اومدم سوال دومم براتون بنویسم ولی دیدم متاسفانه هنوز ریکشنا ۲۰۰ تا نشده 😁

سوال بعدی ، من قسم میخورم اگه ازتون آزمون فنی بگیرن ، صد در صد میپرسن این سوالو

از ریکتم هست 😄

#استخدامی
#سوال_دوم

من اینو مطمعینم از ۹۰ درصدتون میپرسن

+میتونید یکم راجب virtual dom توضیح بدید ؟؟

💯 ببینید شما باید اینقدر سطح و عمق مطالبتون بالا باشه که وقتی با طرف صحبت میکنید متوجه این بشه که شما واقعا مفاهیمو بلدید

مثلا چطوری ؟؟؟💣

اگه از من این سوالو بپرسن اینطوری جوابشو میدم :

میگم که قبل از اینکه بگم virtual dom چیه !! اجازه بدید اول DOM رو بهتون توضیح بدم

دام مخفف کلمه Document Object Model هست ، در واقع دام یه آبجکت جاوااسکریپتی هستش که کل المنت های html در اونجا وجود داره

خب؟؟✅

که ما میتونیم با اون آبجکت که اسمش هست DOM بیایم المنت های html مون رو ویرایش و دستکاریشون کنیم 😄

حالا virtual dom چیه ؟؟

ویرچوال دام یک نمونه کپی از DOM هستش ...
حالا فرقش چیه؟؟

فرقش اینه که تو DOM وقتی ما تغییراتی اعمال میکنیم ، کل اون دام (آبجکت بود دیگه) میاد از اول رندر میشه

ولی تو React ، نمونه کپی DOM که ویژوال دام بود
وقتی ما تغیراتی میدیم ، اون رندر میشه و تغییرات جدیدو فقط به DOM اضافه میکنه ...

دیگه دام از اول Render نمیشه ، فقط تغییرات جدید بهش اضافه شده ...


امیدوارم براتون مفید بوده باشه ✅
لطفاً اگه مفید بود تو کامنتا بهم انرژی بدید 😍

🌎 devsub.ir
@developersubtitle

نظرتون چیه ؟؟ 🔥

@developersubtitle1_Bot

ربات درست شد ، ولی به زودی آپدیت میشه منتظر باشید ❤️

سلام چطورید بچه ها 😄

فردا برای داتین دمو داریم سر همین درگیر اونم

امشب بریم برای سوال استخدامی سوم 🔥

#استخدامی
#سوال_سوم

مفهموم Higher Order رو یاد بگیرید
چه Higher Order function ،
چه Higher Order Component !!؟

بنظرم مفهومیه که تو برنامه نویسی ازش میتونن خوب سوال بپرسن

از من که پرسیدن 😜


حالا آقا توابع مرتبه بالا چی هستن ؟
اینم فارسیش😁

توابع مرتبه بالا توابعی گفته میشه که می‌تونن یک تابع رو به عنوان ورودی بگیره و یا یک تابع رو به عنوان به خروجی return کنه و بفرسته.


همین ☝️🏻

همین موضوع واسه کامپوننتم هست دقیقا
یه کامپونتت تو کامپوننت دیگه استفاده میشه تو React

Coming soon 🔥

موضوع اینه که چند فصل آخر دوره ریکت جوناس
یه بخشش آموزش تیلویند هستش
و ازش تو پروژه استفاده میکنه

من ترجمه اینو رایگان در اختیارتون قرار میدم و تو سایت تا چند روز آینده قرار میدم ❤️

خب بریم سراغ ترجمه دوره ی جدید از جوناس 🔥🔥

NEXT JS 😱❤️

من ترجمه ی دوره ماش همدانیو شروع کرده بودم و میخواستم به زودی معرفی کنم

ولی وقتی جوناس دیدم دوره ی Next رو داد دیگه گقتم هیچ دوره ای بهتر از این نیست قطعا 🌹

ترجمه شروع شد و به زودی در اختیارتون قرار میگیره 😄❤️


#nextjs
@developersubtitle

Tailwind by Jonas 🔥❤️

به سایت اضافه شد
مجددا رایگان

لینک دوره 🔗

@developersubtitle
🌎 devsub.ir

لینک دانلود 🔗🔗



رو این لینک دانلود مستقیم 🌹