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
JavaScript Async/Await Tutorial


تو این مقاله از فری کد کمپ به مفاهیم مهم Asycn/Await تو جاوااسکریپت کاملا اشاره شده .حتما مطالعه کنید.


💻@DevAcaademy
💬@DevAcademyGroup
👍4
What are soft skills?(1)

اول نیازه که بدونیم دقيقا معنی soft skill چیه؟ بخوام خیلی ساده توضیح بدم میشه ویژگی ها و توانایی هایی که یه فرد باید داشته باشه تا بتونه ارتباط موثری با بقیه همکاراش تو محیط کار داشته باشه.
شاید چیز خیلی پیچیده ای به نظر نیاد ولی شرایط متفاوت و ارتباط های مختلف شرایطی رو رقم میزنه که ضعف این مهارت ها خودشو خیلی خوب نشون میده.

تو یه رشته پست میخوایم الفبای soft skills با هم بشناسیم و بدونیم دقیقا چیا هستن

1. Communication

در واقع یعنی شما بتونید دقیقا حرفای دیگران رو بفهمید و منظورتون دقیق به بقیه بفهمونید.خیلی از مشکلات محل کار ناشی از عدم Communication  صحيحه و میتونه کار رو به جایی برسونه که دیگه به نقطه قبل برنگردید.
یکی از هنرهای Communication صحيح فیدبک دادن درست به دیگران میتونه باشه که باعث سو برداشت نشه.
میتونی Communication رو مهم ترين soft skills یک فرد ارزیابی کنیم


2. Leadership

این یکی از ویژگی هایی که بعضیا ذاتا دارن و بعضها هم نه! ولی خبر خوب اینه که میشه اون رو یاد گرفت.یه ليدر واقعی این قابلیت داره که به اعضاء تیم انگیزه بده و بتونه تصوير واضحی از اینده تیمش و هدفی که میخوان بهش برسن رو به بقیه ارائه بده.
یه ليدر واقعی قابلت Coaching and mentoring داره و میتونه conflict هایی که به وجود اومده داخل تیم رو به خوبی مدیریت کنه و قابلیت انتقاد پذیری هم داشته باشه که باعث پیشرفت شخصی خودش هم میشه.


3. Teamwork

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

#بخش_اول

💻@DevAcaademy
💬@DevAcademyGroup
👏1
https://newsletter.pragmaticengineer.com/p/building-the-threads-app
تو این مطلب میتونید داستان لانچ شدن اپ تردز اینستاگرام رو بخونید که تو یک هفته تونست حدود 100 میلیون کاربر رو جذب کنه..
تو کل متن در مورد چالش‌ها و اتفاقاتی که در حین برنامه‌ریزی و پیاده‌سازی وجود داشته صحبت شده
جالبه که تو خیلی از قسمت‌ها مستقیما به اجایل اشاره نشده ولی میتونید خیلی از اصول و ارزش های اجایل بودن رو مشاهده کنید؛ از نحوه کار تیمی و کار با تیم‌های مولتی فانکشنال گرفته تا چالش‌هایی که به شکل تیمی حل شده
💻@DevAcaademy
💬@DevAcademyGroup
👏2👍1
📌وقتی فرانت به بک اند ریکوعست میزنه ممکنه که سناریو های مختلفی رخ بده.مثلا اینکه اون روت پیدا نشه یا سرور خطای داخلی بده یا هر وضعیت پیش بینی شده یا نشده دیگه ای.حالا این وسط برا اینکه بین بک و فرانت هماهنگی پیش بیاد و همه از یه قواعد استفاده کنن از http status code ها استفاده میشه.تو عکس زیر راهنمای جامعی از این کد ها و معنای مفهومیش می بینید.استاتوس کد مورد علاقه فرانتیا کدومه به نظرتون 😄 ؟

#backend #http #status_code

💻@DevAcaademy
💬@DevAcademyGroup
👍6
Job Position

📌دوستان ما برای نقش‌های زیر قصد اضافه کردن افراد با تجربه و توانمند رو به صورت تمام وقت داریم

Mid Cloud Engineer
Mid QA Engineer
Senior QA Engineer
Senior .NET Developer
اطلاعات تکمیلی در لینک زیر
https://shorturl.at/ituB2

💻@DevAcaademy
💬@DevAcademyGroup
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