این آموزش تیلویند روهم دریابید 😁✌🏻

درود رفقا امسال ایونت جذاب فرانت چپتر شیراز هست
خوشحال میشم اگه افتخار ملاقات باهاتون رو داشته باشم

https://frontchapter.ir/event/

رفقایی که اصفهان هستن و میخوان حضور داشته باشن بهم پیام بدن برای رفتن هماهنگ بشیم باهم🔥🥕
@erfundev

پارسال😁

همایش فرانت چپتر امسال😁
ارائه‌ی اول، راجع به موضوع ترند هوش مصنوعی و تاثیرش روی بیزنس های مختلف و ایده های مختلفی که اجرا میکنن.
ارائه دهنده: مجتبی افراز - مهندس نرم افزار در تپسل

و تجربه های جذاب و شنیدنی مسعود بیگی عزیز، مدیر فنی رسمیو.

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

انجام اولین تسک در دنیای واقعی.

بر فرض که شما نینجا هم هستین🥷

- سافت اسکیل
- استفاده از ابزار های موجود

همه چیز کد نیست

خیلی وقته این کتابخونه ترند شده
ولی من جدیدا دارم باهاش کار میکنم

و واقعا تا قبل از استفادش مدیریت search params های پیچیده و زیاد برام کابوس بود مگر اینکه کلی وقت میذاشتم خودم یدونه internal state management مینوشتم براش

https://nuqs.47ng.com/
دریابیدش که خیلی کار راه بندازه 🔥

-------
ذخیره کردن استیت های مربوط به سرچ و فیلتر داخل لیست
یا تغییراتی که توی صفحات محصول کاربر ایجاد میکنه (مثل چک کردن سایز ها و رنگ های دیگه ی محصول) جزو Good Practice ها حساب میشه که هم تجربه کاربری بهتری داره و هم جزو نکاتی حساب میشه که رعایت کردنش توی تست های فنی شمارو یه لول بالاتر نشون میده
-------
البته توی ایجاد تغییرات توی url محتاط باشید. ⚠️
push نکنید
بجاش replace کنید
چون که وقتی کاربر تغییرات زیادی اعمال میکنه انتظار داره با back navigation برگرده به صفحه ی قبل، نه تغییرات قبلی!

البته خودم تازه با این پکیج آشنا شدم
نمیدونم اجازه میده بجای push کردن replace url انجام بدیم یا نه

آبی سفید - هم اکنون😁✌🏻

همایش کد اند کافی با موضوع frontend optimization

فارق از اینکه به عنوان برنامه نویس و فعالان حوزه تکنولوژی باید همیشه درحال یادگیری و پیشرفت باشیم؛

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

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

شما پلنتون چیه؟
اگه بخواید با یادگرفتن یک یا چند موضوع یه مسئله ای رو از ۱۴۰۳ حل کنید، اون چه موضوعیه؟

از تجربه مصاحبه ای که امروز رفتم براتون بنویسم

خیلی آدمی نیستم که بخوام نکات منفی بگم و دانش فنی یه نفر (ظاهرا مدیر فنی/بدون دانش فنی) رو زیر سوال ببرم.

ولی میخوام نکته ای که بنظرم جالب اومد و کمتر بهش پرداخته شده رو بهتون بگم.
مدیر فنی داستان امروز، خیلی اصرار داشت که از من اینو بشنوه:
SPA === CSR

از هزار راه داشت سعی میکرد این نظریه اشتباهش رو به من ثابت کنه ولی متاسفانه نتونست😂

اما اشکالی نداره!
من برای شما توضیح میدم که چرا این نظریه اشتباهه.

میدونم که خیلیاتون خیلی حتی بهتر از من این دو مفهوم رو میدونید
ولی یه توضیح کوتاهی داشته باشیم ازش:

SPA (Single Page Application)
نوعی وب اپلیکیشن که در ابتدا فایل html رو بدون محتوای خاص صرفا همراه با یک root tag دریافت میکنه و هر محتوایی که باید داشته باشیم رو بعد از compile شدن فایل جاوا اسکریپت داخل اون tag قرار میدیم.
احتمالا توی پروژه های ریکت دیدید یه div وجود داره به این صورت:
<div id="root"></div>

CSR (Client-Side Rendering)
یک استراتژی رندر هست که مرورگر بعد از دریافت و اجرای فایل javanoscript فراید رندر کردن صفحه رو شروع میکنه

----------
بله احتمالا میدونید که خیلی این دو مفهوم به هم شبیه هستند
ولی چرا نمیشه گفت باهم یکی هستن؟؟

چون که یک SPA میتونه محتوای SSR هم داشته باشه!
همونطور که توی ورژن های قبلی nextjs یا حتی در حال حاضر داخل page router این مفهوم رو داریم.
که اپلیکیشن ما به صورت کلی SPA هست
ولی میتونیم مشخص کنیم یه سری از محتوا ها SSR یا حتی SSG باشن!
به کمک getServerSideProps

خب حالا چطور میتونیم بهتر اینارو تعریف کنیم؟
- SPA
بیشتر یک معماری هست تا یک rendering strategy!
- CSR
یک rendering strategy هست. جوری که/جایی که رندر صورت میگیره

و در نهایت باید اینو بدونیم که یک SPA app میتونه هم SSR باشه هم CSR و حتی SSG.

کامپایلر زبان تایپ اسکریپت درحال port شدن به golang هست.
چیزی که باعث میشه سرعت کامپایل تایپ اسکریپت تا 10x سریع تر بشه!

احتمالا این خبر رو توی کامیونیتی خیلی شنیدید ولی بیاید باهم یه سری سوال رو جواب بدیم و مفاهیم رو ساده تر درک کنیم😁
برای رفقایی که تازه وارد این حوزه شدن و دوست دارن دیدشون باز تر بشه🤍

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


زبان golang چیه؟
یه زبان برنامه نویسی multithread (یعنی میتونه از هسته های مختلف cpu به صورت همزمان استفاده کنه و سرعت فوق العاده بالاتر بهمون بده)
که توسط گوگل ساخته شده و جزو زبان هایی حساب میشه که سرعت خیلی بالایی داره.
و دلیلی که کامپایلر تایپ اسکریپت الان قراره چنین سرعت متفاوت و بالاتری داشته باشه همینه.

منظور از port شدن چیه؟
به اشتباه بعضا میگن همون rewrite هست.
ولی اینطور نیست
توی rewrite ما در کنار تغییر تکنولوژی و ابزار(اختیاری) تغییر معماری و ساختار رو داریم.
ولی اینجا مفهوم port کردن یعنی دقیقا فانکشن به فانکشن، خط به خط، همون کد های تایپ اسکریپتی که قبلا بوده (کامپایلر قبلی با تایپ اسکریپت نوشته شده) رو با زبان golang نوشتن.
غیر از سرعت خیلی بالا، هیچ تغییری زمان توسعه حس نمیشه.