یه دوره‌ای دارن میذارن به اسم دوره کارخانه هیولاسازی فرانت!

خب همتون می‌دونید من چه قدر با این دوره‌های فله‌ای مخالفم. ولی از اونجا که همیشه می‌گید چرا مخالفی اتفاقا خیلی هم خوبه ، برید از لینک زیر توی وبینار رایگانش شرکت کنید.

https://evand.com/events/build-a-monster#

ببینید برای چه مطالب سطح پایینی که توی یوتیوب و با دو تا سرچ می‌تونید پیدا کنید ، چه هزینه وحشتناکی میخوان ازتون بگیرن.

در واقع اون کلمه هیولایی که توی عنوان دوره گذاشتن ، به همین بحث مالیش احتمالا اشاره داره.

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

مدارکی که نیازه آپلود کنید:

۱. Proof of habitual residence in the administrative district
۲. University degree
۳.Recognition of a university degree (obtained in a foreign country)
۴.Proof of qualified professional experience
۵.Proof of German language skills
۶.Proof of English language skills
۷.Proof of marriage/registered civil partnership
۸.Proof of secure livelihood

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

یه تریک خیلی جالب برای VSCode
https://youtube.com/shorts/zDiJpqVbszk?si=N-BLbXj9T6v0UjXa

یه سایتی هست تموم مستندات تکنولوژی‌های مختلف رو جمع کرده یکجا و راحت و سریع می‌تونید به همشون دسترسی داشته باشید. به نظرم جالبه:

https://devdocs.io/

یکبار برای همیشه
مفاهیمی که دپریکیت شده یا تموم شده رو نخونید دیگه.

خیلی بعیده توی وب پروژه‌ای بهتون بخوره که مال ۱۰ سال پیش باشه.

اگر به هر دلیل تصمیم گرفتید jQuery بخونید ، به این ویدیو یه نگاه بندازید. ساده و روون توضیح میده:
https://www.youtube.com/watch?v=2n5EBLBHx-A&ab_channel=CodeBlessYou

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

نحوه استفاده از تایپ اسکریپت توی ریکت.

https://www.youtube.com/watch?v=TPACABQTHvM&ab_channel=ByteGrad

ویدیوش ساده نیست و بهتره از قبل یه چیزایی از تایپ اسکریپت بدونید

قدم ۴ هوش مصنوعی:

۱۰ قسمت رایگان از دوره ماشین لرنینگ جادی رو دیدم. همش رایگان نیست و باید از مکتب خونه بخریدش. به نظرم خیلی خوب بود ولی با اینکه میگه الزامی نیست که پایتون بلد باشید ، ولی باید پایتون بلد باشید.

پس این قدم هم مجددا به مطالعه عمیق پایتون ، بررسی کتابخانه آناکوندا ، نامپای و جوپیتر قراره بگذره.

البته جلسات دکتر شریفی رو هم میخوام ببینم این سری. صرفا برای مقایسه با جادی و اینکه فعلا کدومشون رو ادامه بدم.

پاورقی:
سری پستهایی که با هشتگ #how_alithecodeguy_learn_ai میذارم ، لزوما روش درست یا قطعی‌ای نیست. فقط تجربه خودم در مسیر یادگیری هوش مصنوعیه که احتمال اشتباه بودنش هم کم نیست.

معولا هر دوره‌ای برای ساختمان داده و الگوریتم بخواید ببینید یا با جاوا توضیح داده یا پایتون و البته توضیحاتشون هم زیاد جالب نیست.

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

روی دانلودلی پیداش می‌کنید.
Udemy - JavaScript Algorithms and Data Structures Masterclass 2023-8

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

#datastructure #algorithms

شبه کد یه چیزه ، کد واقعی یه چیز دیگه‌اس.
ابزاری رو که دارید باهاش کار می‌کنید خوب بشناسید.

بعضی سوالات مصاحبه‌ای هستند که خیلی ساده به نظر می‌رسند ولی وقتی عمیق که میشی میبینی اونقدرا هم ساده نیستن یا ممکنه با وجود ساده بودن ، توی ذهن آدم نباشن.

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

با هشتگ #js_interview_question پیداشون می‌کنید.

What is difference between null and undefined in javanoscript?

#js_interview_question

What is && operator in javanoscript?

#js_interview_question

What is || operator in javanoscript?

#js_interview_question

Several ways to convert a string to a number in JavaScript

#js_interview_question

What exactly is The Document Object Model (DOM)?

#js_interview_question

6. What are Event Propagation and Event Delegation in Javanoscript?

این سوال رو تقریبا همیشه می‌پرسن

#js_interview_question

7. What is the difference between preventDefault and stopPropagation in JavaScript?

#js_interview_question

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

-----------------

1. مدیریت بهینه رندرینگ در Next.js
در پروژه‌هایی که با Next.js کار کرده‌اید، چگونه تصمیم گرفته‌اید که از Server-Side Rendering (SSR)، Static Site Generation (SSG) یا Client-Side Rendering (CSR) استفاده کنید؟
در چه شرایطی استفاده از CSR منجر به مشکلات performance شد و چگونه آن را بهینه‌سازی کردید؟
اگر با re-hydration issues روبرو شدید، چه راه‌حلی به کار بردید؟

2. SEO
تجربه شما در استفاده از Next.js برای بهبود SEO چیست؟
چگونه از SSR و SSG برای بهبود crawlability صفحات استفاده کرده‌اید؟
آیا تا به حال با مشکلاتی مانند duplicate content یا canonical URL mismanagement مواجه شده‌اید؟
در چه شرایطی استفاده از dynamic routing در Next.js باعث کاهش SEO شده و چگونه آن را بهبود دادید؟

3. بهینه‌سازی بارگذاری منابع در React و به‌کارگیری Code Splitting
تجربه شما در استفاده از Code Splitting و Lazy Loading در پروژه‌های بزرگ React چیست؟
چگونه این تکنیک‌ها را برای کاهش time to interactive (TTI) و بهبود performance در صفحات پیچیده پیاده‌سازی کرده‌اید؟
آیا تا به حال با مشکلاتی در dependency management یا circular dependencies هنگام استفاده از code splitting مواجه شده‌اید؟ چگونه آنها را حل کردید؟

4. مدیریت state در پروژه‌های بزرگ با Redux یا Context API
در پروژه‌های بزرگ چگونه state management را مدیریت کرده‌اید؟
آیا از Redux یا Context API استفاده کرده‌اید؟ لطفاً یک تجربه خاص را شرح دهید که در آن به دلیل مدیریت ناکارآمد state با performance bottleneck مواجه شدید و چه اقداماتی برای بهینه‌سازی آن انجام دادید؟
در چه شرایطی استفاده از Redux middleware (مانند thunk یا saga) را ترجیح داده‌اید؟

5. رفع مشکلات Cross-Browser Compatibility و بهینه‌سازی رندرینگ در مرورگرهای مختلف
در پروژه‌های گذشته چگونه با مشکلات Cross-Browser Compatibility مواجه شده‌اید؟
تجربه‌ای از زمانی که یک CSS feature یا JavaScript API به‌طور ناخواسته در مرورگری کار نمی‌کرده است دارید؟
چه ابزارهایی برای تست و رفع این مشکلات استفاده کرده‌اید؟ آیا تا به حال به polyfill یا استفاده از PostCSS برای حل این مشکلات متوسل شده‌اید؟

6. تجربه بهینه‌سازی Lighthouse Performance و Web Vitals
در پروژه‌ای که با Lighthouse و Core Web Vitals کار کرده‌اید، چه مشکلاتی در مورد Largest Contentful Paint (LCP) یا Cumulative Layout Shift (CLS) داشتید؟
چه تغییراتی در CSS, JavaScript یا image optimization انجام دادید تا این مقادیر را بهبود دهید؟
آیا تجربه‌ای در پیاده‌سازی Preloading یا Prefetching منابع دارید؟ چگونه این تکنیک‌ها بر بهبود رتبه وب‌سایت در Google PageSpeed Insights تأثیر گذاشت؟

8. What is difference between event.target and event.currentTraget in Javanoscript?

#js_interview_question

9. What is !! operator in Javanoscript?

#js_interview_question