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
Next 14
خب به سلامتی دیروز next 14 هم معرفی شد و ماهایی که هنوز با next 13 کلنجار میریم باید اماده ورژن بعدی بشیم😂
بریم ببینیم بلاگ خود next در موردش چیا گفته

#front_end
#next

💻@DevAcaademy
💬@DevAcademyGroup

https://nextjs.org/blog/next-14
Data Caching

یکی از مسائلی که توی فرانت خیلی اهمیت داره بحث optimization و تکنیک های مربوط به اونه. cache کردن دیتاها باعث کاهش request به سرور میشه.
تو این مقاله سعی شده با استفاده از state management ترند این روزها یعنی Zustand و react و typescript این تکنیک رو توی اپمون پیاده کنیم


#front_end
#react

💻@DevAcaademy
💬@DevAcademyGroup

https://medium.com/@mahya.kabiri21/efficient-data-caching-with-typescript-react-hooks-and-zustand-694e08796cc3
👍5
اخیرا داشتم یکی از دوره های ZTM رو نگاه میکردم و بنظرم خیلی خوب بود.یه نگاهی هم به چنلش کردم و چیزای باحالی میشه توش پیدا کرد. از crash course های مختلف تو فرانت اند،بک اند و حتی دیزاین بگیر تا tips and tricks متفاوت و developer roadmaps‌
بنظرم پلی لیست کامل و خوبی داره.

#front_end
#back_end
#design

💻@DevAcaademy
💬@DevAcademyGroup

https://youtube.com/@ZeroToMastery?si=TEqDBUnSBQ8lhNyK
👍6🔥2
Visa Sponsorship

این یه لیستی از شرکت هایی که ظاهرا visa-sponsorship داشتن به همراه لینکدینشون که میتونید قسمت موقعیت های شغلیشون چک کنید شاید همچنان بشه ازش موقعیت های خوبی پیدا کرد.لینکش چند روز پیش تو لینکدین خیلی دست به دست شده بود که متاسفانه الان به خاطرم نیست کدوم یکی از عزیزان زحمتش رو کشیده.

💻@DevAcaademy
💬@DevAcademyGroup

https://siaexplains.github.io/visa-sponsorship-companies/
👍61
This media is not supported in your browser
VIEW IN TELEGRAM
طریقه صحیح کار کردن تو شرکت های
ایرانی 😂

#fun

💻@DevAcaademy
💬@DevAcademyGroup
😁14👏4👎1
علاقه مند به دنبال کردن مطالب چه فیلدی هستید؟
(میتونید بیشتر از یک گزینه هم انتخاب کنید)
(برای بهبود عملکرد کانال و مطالب لطفا نظرتون رو به ما بگید🙏)
Anonymous Poll
51%
Front-End(فرانت اند)
37%
Back-End(بک اند)
18%
DevOps(دواپس)
13%
Product manager (مدیر محصول،پروژه)
42%
job position(موقعیت کاری)
50%
Interview, resume, Work experience (مصاحبه،رزومه،تجربه کاری
45%
work migration(مهاجرت کاری)
🔥62
DevAcademy pinned «علاقه مند به دنبال کردن مطالب چه فیلدی هستید؟
(میتونید بیشتر از یک گزینه هم انتخاب کنید)
(برای بهبود عملکرد کانال و مطالب لطفا نظرتون رو به ما بگید🙏)
»
Job Position ‌Backend Python Developer
📌ما یه موقعیت پارت‌تایم Sr. Python dev در https://IFSGuide.com داریم

- ریموت، حقوق توافقی/رقابتی، حوزه سلامت روان
- جنگو‌ یا فست‌ای‌پی‌آی، دواپس، آشنا به AI
اطلاعات بیشتر در لینک زیر
https://docs.google.com/document/d/1l_vWq1Y0L97Nbr2sx9vKObq2K1EDg0boga7MtKJmMXI/edit#heading=h.ir8h9wkgahuu

💻@DevAcaademy
💬@DevAcademyGroup
👍4
https://github.com/JS-Mechanic/feip

یکی از دوستای خوبمون تو کانال یه ریپازیتوری گیت هاب ساخته که سوالات #مصاحبه فرانت رو گذاشته و هر روز اپدیت میشه .کلون کردن و استار دادن به این رپو خفن یادتون نره جهت حمایت 😇😎


💻@DevAcaademy
💬@DevAcademyGroup
👍122
Cross-Platform Development

فرایندی که شما بتونید یک App به گونه ای توسعه بدید که بر روی پلتفرم های مختلف قابلیت اجرایی داشته اونم تنها با یه کدبیس!
خب چرا ما اصلا باید به همچین چیزی احتیاج داشته باشیم؟ و چه مزیت هایی و معایبی میتونه داشته باشه؟
اول اینکه همون طوری که گفتیم شما فقط یکبار کد میزنید و میتونید در زمان و هزینه صرفه جویی کنید و خروجی های مختلف برای دستگاه های مختلف داشته باشید.
دوم اینکه میتونید زودتر محصولتون وارد بازار کنید اونم هم مثلا تو وب و هم موبايل(چه اندرويد چه ای او اس)! و اینجوری بازار وسیعی تری تارگت قرار میدید.
خب ظاهرا همه چیز خوب بنظر مدرسه، پس مشکلی باقي نمیمونه؟
کلا Cross-platform apps اون Performance که ممکن یه اپلیکیشن native داشته باشه رو نداره. حتی ممکنه مشکل Compatibility داشته باشیم روی پلتفرم های مختلف چون هر کدوم ممکنه design guidelines و features و functionalities خودشون داشته باشن.
با همه این تفاسير کلا Cross-platform خیلی محبوب هستن بخصوص برای استارتاپ هایی که میخوان زودتر و با هزینه
کمتر محصولشون لانچ کنن.

ادامه در کامنت⬇️

💻@DevAcaademy
💬@DevAcademyGroup
👍4
یکی از سایت هایی که خیلی بدرد ریکت دولوپر ها میخوره این سایت هست:
https://thisweekinreact.com/
هر هفته یک ایمیل از این سایت دریافت می‌کنیدحقیقتا آرتیکل های خوبی هم داره 😁😎

#React
💻@DevAcaademy
💬@DevAcademyGroup
👍41
This media is not supported in your browser
VIEW IN TELEGRAM
وقتی میگن ریکروترا اول cover letter میخونن بعد اگه حال داشتن یه نگاهم به resume میندازن😂
#fun


💻@DevAcaademy
💬@DevAcademyGroup
😁5
Media is too big
VIEW IN TELEGRAM
Load Balancer
📌بهینه بودن کد و دیتابیس بهینه و لایه کش و سرور قوی هر کدوم تا حدی میتونه برای تعداد ریکوعست بالا در برنامه شما کارساز باشه اما لود بالانسر جایی که خیلی میتونه به شما کمک کنه.قبل اینکه بگیم لود بالانسر چیه باید بدونین که کلا لود بالانسینگ یعنی اینکه بیای هر کار پردازش یا محاسبه یا حالا هر چیزی رو بین چند تا کامیپوتر توزیع کنی.حالا در برنامه های وب برای اینکه تعداد ریکوعست بالا هندل بشه ناچاریم از لود بالانسر استفاده کنیم.به این شکل فشار روی هر سرور کاهش پیدا می‌کند و کارآمدی سرورها افزایش پیدا می‌کند، عملکرد سریع‌تر می‌شود و  latency کاهش پیدا می‌کند.تصور کنید ۸ صندوق در یک فروشگاه وجود دارد اما تنها یکی از آن‌ها باز است. به این شکل تمامی مشتریان باید در یک صف قرار بگیرند و زمان زیادی طول می‌کشد تا یک مشتری هزینه‌ی لوازم خریداری شده را پرداخت کند. حال تصور کنید که این فروشگاه تمامی ۸ صندوق را باز کند. در این سناریو زمان انتظار مشتریان برای پرداخت هزینه‌ی لوازم خریداری شده حدود ۸ برابر کم‌تر می‌شود.برای درک الگوریتم های لود بالانسر حتما این ویدیو رو ببینید.
💻@DevAcaademy
💬@DevAcademyGroup
👍5
Front End Interview(1)

یکی از سوالایی که تو مصاحبه های فرانت اند پرسیده میشه تفاوت slice و splice
که ممکنه ساده بنظر برسه ولی غالبا مصاحبه شونده ها در موردش اشتباه میکنند.

در مورد slice باید بگیم که اصطلاحا immutable گفته میشه و Array اصلی رو تغییر نمیده و یه Array جدید به عنوان خروجی به ما میده و argument اول اجباری و دومی اپشناله.

در مورد splice هم باید بگیم که mutable گفته میشه چون Array اصلی رو تغییر میده و برای زمانی به کار میره که بخوایم از یک Array چیزی رو حذف یا حتی بهش اضافه کنیم و اولین argument المنت شروع رو مشخص میکنه و دومین argument تعداد المنت هایی که باید حذف یا اضافه بشن رو مشخص میکنه

#interview
#front_end

💻@DevAcaademy
💬@DevAcademyGroup
👍13👏1
«گلرنگ با «اُفود» oFood به رقابت با اسنپ‌فود می‌رود»
این خبر رو احتمالا شنیدید و این چند روز در موردش خیلی صحبت شده و میشه.
گلرنگ قبلا هم اُکالا را رونمایی کرده بود که انصافا چیز جالبی از اب درنیومد. اینکه اُفود چقدر بتونه سهم بازار رو از اسنپ فود بگیره،مشخص نیست ولی حداقل امیدواریم باعث شه اسنپ یه تکونی به خودش بده یه تغییر تحولی هم توی اپ هاش بده و هم پشتیبانی بهتری رو ارائه کنه.
باید صبر کنیم ببینیم پروداکت اُفود چه کیفیتی داره.فعلا که زحمت کشیدن تقریبا لوگو رو شبیه به رقیب طراحی کردن بخصوص فونتش و از رنگ ابی در مقابل قرمز اسنپ فود استفاده کردن😁

#news

💻@DevAcaademy
💬@DevAcademyGroup
👍8😁3