DevAcademy
2.97K subscribers
98 photos
44 videos
25 files
345 links
ما اینجا از تجربه های خودمون تو دنیای برنامه نویسی میگیم و هرچی که یاد میگیریم رو باهم به اشتراک میذاریم

آدرس کانال:
https://t.iss.one/DevAcaademy

آدرس گروه:
https://t.iss.one/DevAcademyGroup

آدرس چنل یوتیوب :
https://www.youtube.com/@DevAcaademy
Download Telegram
Bun چیه ؟🤨️️️️️️

هم RunTime هست هم Package Manager
یه جایگزین بهتر و پر سرعت تر از nodejs هست و قابلیت پشتبانی از es6,jsx,ts داره
و سرعت بالاتری حدود ۲۰۰ برابر بالاتر از webpackداره🤯


https://www.makeuseof.com/what-is-bunjs-why-the-javascript-community-excited/
برای مطالعه بیشتر...😉
#bun #webpack
💻@DevAcaademy
💬@DevAcademyGroup
🤯4
Media is too big
VIEW IN TELEGRAM
Px vs Rem🤔

بنظرتون کدوم یکی میتونه گزینه بهتری باشه؟
بیاید باهم مزایا و معایب هرکدوم یه نگاهی بندازیم و ببینیم بهتره از هر کدوم تو چه جایی استفاده کنیم.

#css
#front_end

💻@DevAcaademy
💬@DevAcademyGroup
📌نکاتی کوتاه در باب مصاحبه استاندارد

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


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

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

3️⃣ سوالات مصاحبه باید بیشتر مفهومی و تجربی باشه و اگر دیدیدن سوالات به سمت حفظی بودن رفت بدونید مصاحبه کننده توان تشخیص بار فنی شما رو نداره.

4️⃣ تسک ارسالی باید بیشتر رو مباحثی متمکز شه که دست خط برنامه نویس رو نشون بده نه اینکه یه فیچر پیچیده بخواد پیاده بشه.پیاده سازی یه کراد استاندارد خیلی بهتر از یه تسکی هست که پیچیدگی فنی داره.

5️⃣ اگر برای انجام تسک بیشتر از سه روز زمان نیازه بدونین تسک مناسبی برای شناخت شما نیست.تایم شما هم نا محدود نیست که برا همه شرکتا پنج روز وقت بزارین که تو یه ماه ممکنه فرصت کنین فقط با سه چهار جا مصاحبه کنید.

6️⃣ مهم ترین نکته مصاحبه استاندارد دادن فیدبک هست.هرجا بهتون فیدبک درستی ندادن بدونین اونا خودشون هم نمیدونن به چه علت شما رو رد کردن.

7️⃣ نهایتا از زمان انجام هر مرحله تا ارسال فیدبک باید یک هفته بگذره نه بیشتر.

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

تو کامنتا از تجربه های خوب و بد مصاحبه بگین.

💻@DevAcaademy
💬@DevAcademyGroup
👍2👏1
📌‏توی آگهی های شغلی و مصاحبه ها کلی دیدیم نوشتن MVC
حالا بیایم ببینیم این دقیقا چیه

تصور کنید در حال ساختن یک خونه هستین. می خواین سازماندهی شده باشه و کار روی اون آسون باشه، بنابراین وظایف رو به سه بخش اصلی تقسیم می کنید:


📂 مدل
این شبیه نقشه خونه شماست. مدل شامل تمام اطلاعات در مورد چگونگی ساختار خونه میشه، مثل تعداد اتاق ها، جایی که درها و پنجره ها باید باشن، و نحوه کار برق و لوله کشی. در نرم افزار، مدل داده ها و قوانین نحوه مدیریت و تغییر داده ها رو نشان می ده.


ویو
این بخش مثل پنجره ها، درها و دیوارهای خونه شما هست. دقیقا همون چیزی هستن که مردم می بینن و با اونا ارتباط برقرار می کنن. در نرم افزار View وظیفه نمایش اطلاعات به کاربر رو به نحوی که بتونه درک کنه رو بر عهده داره. میشه برای مثال بگیم شبیه رابط کاربری (UI) یک وب سایت یا برنامه هستش.


کنترلر
به عنوان سرکارگر یا مدیر پروژه برای ساخت خونه بهش نگاه کنید. کنترلر ارتباط بین Model و View هندل می کنه. به درخواست‌های شما گوش می‌ده (مثلا «یه اتاق جدید اضافه کن» یا «دیوارها رو آبی رنگ کنید») و با گفتن اینکه مدل چه کاری رو باید انجام بده و بعد برای نشون دادن تغییرات، View رو بروزرسانی کنه، مطمئن می‌شه که این درخواست‌ها اتفاق می‌افتن. در نرم افزار، Controller ورودی کاربر رو مدیریت می کنه و اقدامات بین Model و View را هماهنگ می کنه.



بنابراین، معماری MVC راهی برای سازماندهی و ساختار نرم افزار (مانند وب سایت ها یا برنامه ها) با جدا کردن اون به این سه بخش مجزاست. این کمک می کنه تا همه چیز سازماندهی بشه و کار بر روی جنبه های مختلف یک پروژه آسون تر بشه و تضمین می کنه که تغییرات در یک قسمت، قسمت های دیگر را به هم نریزه. درست مثل نمونه خونه سازی ما، که در اون شما یک طرح، ساختمان واقعی و شخصی دارید که فرآیند رو مدیریت می کنه.

#back_end
#Architecture
#MVC

💻@DevAcaademy
💬@DevAcademyGroup
👍3
Virtual DOM


هر وقت اسم React میشنویم اولین چیزی که ممکنه به ذهنمون برسه Virtual DOM.
اینکه دقیقا Virtual DOM چیه و چطوری کار میکنه و اصلا چرا بهش احتیاج داریم، سوال هایی که ممکنه بارها تو مصاحبه های مختلف از ما پرسیده باشن.
تو این پست یه نگاه دوباره ای داریم به فلسفه virtual DOM و استفاده که React از اون
داره

#front_end
#react

💻@DevAcaademy
💬@DevAcademyGroup



https://medium.com/@greennolgaa/where-is-the-virtual-dom-stored-in-react-41724bc09f4f
Media is too big
VIEW IN TELEGRAM
Rest Api Or GraphQl
📌خب قبل تر کمی راجع به api صحبت کردیم.برای ارتباط کلاینت و اپلیکیشن راه حل های متفاوتی وجود داره.
تکنولوژی REST (Representational State Transfer) و GraphQL هردو از API دیزاین هایی هستند که وظیفه انتقال دیتا در بستر پروتکل های اینترنت از جمله HTTP را دارند.

1️⃣تکنولوژی REST یک الگوی معماری و GraphQL یک query language می باشد.
2️⃣تکنولوژی REST می تواند چندین End points داشته باشد در صورتیکه GraphQL تنها یک End point می تواند داشته باشد.
3️⃣هردو دیتا را بصورت JSON انتقال می دهند
4️⃣ در تکنولوژی GraphQL این قابلیت وجود دارد که دیتایی که از سرور دریافت می کنیم را با جزئیات بیشتری درخواست کنیم ، اما در REST این گونه نیست و تمام دیتا واکشی می شود.
در ویدیو زیر به خوبی تفاوت های این دو می شویم.
به نظر شما استفاده از کدوم مناسب تره؟جوابش بستگی به چیا داره ؟

💻@DevAcaademy
💬@DevAcademyGroup
🤔4👍2
هر جا هستید فقط قوز نکنید 😂😂😂روزتون مبارک برنامه نویس های گل ...
یادتون باشه اول سلامتتون مهمه بعد کار ...🥰
روز برنامه نویس مبارک ...😎👨‍💻👩‍💻


💻@DevAcaademy
💬@DevAcademyGroup
😁6🎉2🤔1
DevAcademy pinned a photo
What's New in DevTools (Chrome 117)


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

#news #chrome
💻@DevAcaademy
💬@DevAcademyGroup


https://developer.chrome.com/blog/new-in-devtools-117/
DevAcademy
divar-sisakht-acc.zip
📌 چندتا نمونه تسک‌ دیگه مصاحبه برای پوزیشن مدیریت محصول

پیشنهادم اینه قبل از دیدن جواب‌ها خودتون رو درگیر مسائل کنید و تلاش کنید حلشون کنید..
چیزی که قراره به عنوان خروجی این تسک‌ها ارزیابی بشه مدل حل مسئله شماست نه لزوما خود جواب‌ها!

#product
#interview

💻@DevAcaademy
💬@DevAcademyGroup
This media is not supported in your browser
VIEW IN TELEGRAM
وقتی پروداکت میخواد راه حل بکندی بده 😂😂😂
💻@DevAcaademy
💬@DevAcademyGroup
😁5
💀💀death by #javascript💀💀


https://deathbyjavascript.com/


خییلی بانمک بود سایتش😂😂
Clone :
https://github.com/Charca/astro-photo-gallery
انیمیشن باحالی هم به عکسا داده بود
#Fun
💻@DevAcaademy
💬@DevAcademyGroup
Soft Skills

تو این پست سعی شده به چندتا از مهم ترین soft skill هایی که باید داشته باشیم و اون هارو بهبود بدیم بپردازیم.اهمیت soft skills بارها و بارها ثابت شده که کمتر از مهارت های تکنیکال نیست و خیلی از مشکلات رایج شرکت ها ناشی از عدم اطلاع یا اموزش دقیق این مهارت هاست.
قطعا تعداد اون ها بیشتر از ۸ مورده ولی همین موارد هم جزو تاثیر گذار ترین و با اهمیت ترین ها به حساب میاد.

💻@DevAcaademy
💬@DevAcademyGroup

https://medium.com/@masoud.varziii/its-important-to-understand-exactly-what-soft-skill-means-3170902c37a7
👍3
Media is too big
VIEW IN TELEGRAM
What is Docker? Easy way
📌برای استفاده از هر تکنولوژی باید اول بدونیم چرا به وجود اومده و چه نیازی رو رفع میکنه؟ الزاما استفاده از ابزارهای جدید نمیتونه باعث بهبود نرم افزار بشه.تو این ویدیو خیلی روون و راحت توضیح داده میشه که چرا باید داکر استفاده کنیم و اگه نکنیم چی میشه.قطعا بعد دیدنش مجاب میشی که بری داکر یاد بگیری.دوره mosh hamedani دوره بسیار خوبیه.پیشنهاد میکنم حتما ببینید.

💻@DevAcaademy
💬@DevAcademyGroup
2
خیلی وقتا شده که به جای تمرکز روی مسئله بیشتر در مورد نحوه پیاده سازی یک محصول و تکنولوژی‌هایی که قراره از اون‌ها استفاده بشه صحبت میشه، در حالی که عملا بدون تشخیص درست نیاز کاربر و مسئله‌ای که اون باهاش مواجه هست پیاده سازی هر محصولی با هر تکنولوژی‌ای در نهایت به نتیجه مطلوبی از نظر کاربر منجر نمیشه
مفهوم JTBD (Jobs To Be Done) یکی از مهم‌ترین و اساسی‌ترین مفاهیم حوزه پروداکت هست که میگه کاربران اون محصول و سرویسی رو خرید/استفاده می‌کنن که یک نیازی از اون‌ها رو حل کنه؛ در واقع job هایی از کاربر که باید done بشن چیزی هست که باید روی اون‌ها تمرکز کنید
پیشنهادم اینه که این مطلب رو حتما مطالعه کنید
چون یکی از اصلی ترین دغدغه‌هایی که تو تیم پروداکت وجود داره نحوه تشخیص درست مسئله کاربر و اهمیت دادن به اون نسبت به پیاده سازی صرفا یک فیچر و محصول هست
https://strategyn.com/jobs-to-be-done/

💻@DevAcaademy
💬@DevAcademyGroup
👍2
Monolithic vs Micro Frontends

معمولا تو شرکت های بزرگ،یکی از مشکلات رایج، اضافه شدن فیچرهای جدید و به روزرسانی پیوسته App های بزرگ هست که مشکلات زیادی رو با خودش به همراه داره.از طرفی ممکنه تیم های متفاوتی روی یک اپ کار کنن و بارها به کانفلیکت بخورن.بنظرتون راه حل چی میتونه باشه؟

#front_end

💻@DevAcaademy
💬@DevAcademyGroup

https://xhulqornayn.hashnode.dev/monolithic-frontend-vs-micro-frontend-application-differences-pros-and-cons
https://www.fixmyresume.xyz/

اگه حس میکنید رزومتون مشکل داره میتونید یه دیسکریپشن از شغلتون رو بهش بدید با کمک Ai اون رو براتون درست و تنظیم می‌کنه🤓🤓
@DevAcaademy
@DevAcademyGroup
👍1
کانالهای یوتیوبی که حکم نون شب رو دارن برای برنامه نویس های فرانت :


developedbyed
NetNinja
freecodecamp
Akshay Saini
programmingwithmosh
Jack Herrington
Matt Pocock
Josh tried coding
Web dev cody
Sam selikoff
Bytegrad
Hamed bahram
Learn with jason
Lee robinson
Fireship
ByteByteGo
Andrew Burgess
Awesome coding
CoderOne
Traversy Media
Code evolution
پ.ن:این لیست آپدیت خواهد شد و اگر کانال خوبی میشناسید چت باز هست برای نظرات شما .😁☺️


@DevAcaademy
@DevAcademyGroup
👍3👎1
UI libraries

یکی از دغدغه های فرانت اند کارها اینه که بهترین library ممکنه برای UIپروژشون انتخاب کنن که قاعدتا به خیلی عوامل بستگی داره از جمله سایز پروژه و اینکه حتی دیزاین از چه کیت استفاده میکنه.تو این مقاله سعی شده یه مقایسه خیلی مفید داشته باشه بر روی library هایی که برای UI در فرانت این روز ها زیاد استفاده میشه.

#front_end

💻@DevAcaademy
💬@DevAcademyGroup

https://medium.com/@dinothan1/comparison-between-material-ui-ant-design-and-chakra-ui-for-react-js-b8fdfb8c556c