Frontend with Erfun👨🏻💻
سلام رفقا حالتون چطوره برای رفقایی که اصفهان هستن چهارشنبه همین هفته توی مجموعه آبی سفید یک رویداد مربوط به برنامه نویسی هست که موضوع این هفته شون تست فرانت هست. البته هر هفته هست با موضوع های مختلف اگه خواستید بیاید یکم باهم باشیم👍🏻🤍 معمولا ساعت ۶ عصر…
اگر خواستید بیاید بهم پیوی پیام بدید یه شماره تماس بهتون بدم وقتی رسیدید بیام دنبالتون
چون یکمی نا پیداس جاش
@erfundev
چون یکمی نا پیداس جاش
@erfundev
یکی از دیزاین پترن های جالب ریکت custom hook هست
به این صورت که ما کلا منطق خاصی رو داخل فانکشنال کامپوننت نگه نمیداریم و هر منطق و فانکشنی که با هوک های دیگه مثل
از خوبی هاش میشه به این موارد اشاره کرد:
1. readability: of functional components
2. reusability: of logics and states
3. testability: can be easily tested while we have separated the logic
4. scalability: it could be scaled as much without having too long functional component code bases.
حالا این
اینم یه نمونه ای هست که با همچین پترنی نوشتم و فکر میکنم که خیلی میتونه کیفیت کد های ریکتیمونو بیشتر کنه:
https://github.com/erfunit/transfer-list-component
به این صورت که ما کلا منطق خاصی رو داخل فانکشنال کامپوننت نگه نمیداریم و هر منطق و فانکشنی که با هوک های دیگه مثل
useEffect و useState سرو کار دارن رو میبریم داخل یک custom hook و صرفا از دیتای بازگشتیش استفاده میکنیم.از خوبی هاش میشه به این موارد اشاره کرد:
1. readability: of functional components
2. reusability: of logics and states
3. testability: can be easily tested while we have separated the logic
4. scalability: it could be scaled as much without having too long functional component code bases.
حالا این
custom hook میتونه هرکاری مثل فچ کردن یه سری دیتا، نگه داشتن یه سری فانکشن و استیت داخل خودش، هندل کردن side effect ها و... رو داشته باشه.اینم یه نمونه ای هست که با همچین پترنی نوشتم و فکر میکنم که خیلی میتونه کیفیت کد های ریکتیمونو بیشتر کنه:
https://github.com/erfunit/transfer-list-component
GitHub
GitHub - erfunit/transfer-list-component: transfer-list component ✅
transfer-list component ✅. Contribute to erfunit/transfer-list-component development by creating an account on GitHub.
👍12
سلام رفقا خوبین؟
یه موقعیت کار با حقوق ثابت هست
و خوبیش اینه که با خودم کار میکنید و سطحتون هرچی که باشه من کمکتون میکنم که توی پروژه واقعی پیشرفت کنید و چیزای جدید یادبگیرید😁
ریکت اگر بلد هستید بهم پیام بدید و رزومه بفرستید.
نکاتی که باید توجه داشته باشید:
۱. مهارت غیر فنی از فنی برام خیلی مهم تره مثل خوش قول بودن و مدیریت زمان و صداقت و اینجور داستانا
۲. برای این موقعیت تست فنی میگیریم و مورد بررسی قرار میگیره (ولی بخاطر نکته ی اول، با خیال راحت انجامش بدید)
۳. آشنایی با نکست و تایپ اسکریپت مزیت حساب میشه ولی ریکت و تیلویند رو حتما باید بلد باشید
یه موقعیت کار با حقوق ثابت هست
و خوبیش اینه که با خودم کار میکنید و سطحتون هرچی که باشه من کمکتون میکنم که توی پروژه واقعی پیشرفت کنید و چیزای جدید یادبگیرید😁
ریکت اگر بلد هستید بهم پیام بدید و رزومه بفرستید.
نکاتی که باید توجه داشته باشید:
۱. مهارت غیر فنی از فنی برام خیلی مهم تره مثل خوش قول بودن و مدیریت زمان و صداقت و اینجور داستانا
۲. برای این موقعیت تست فنی میگیریم و مورد بررسی قرار میگیره (ولی بخاطر نکته ی اول، با خیال راحت انجامش بدید)
۳. آشنایی با نکست و تایپ اسکریپت مزیت حساب میشه ولی ریکت و تیلویند رو حتما باید بلد باشید
❤6
Frontend with Erfun👨🏻💻
سلام رفقا خوبین؟ یه موقعیت کار با حقوق ثابت هست و خوبیش اینه که با خودم کار میکنید و سطحتون هرچی که باشه من کمکتون میکنم که توی پروژه واقعی پیشرفت کنید و چیزای جدید یادبگیرید😁 ریکت اگر بلد هستید بهم پیام بدید و رزومه بفرستید. نکاتی که باید توجه داشته باشید:…
خب از این آگهی که گذاشتم تعداد زیادی رزومه برام اومد و یه تعدادی رو مصاحبه کردم باهاشون
عزیزایی که قبول شدن مرحله اول مصاحبه رو، براشون تست فنی رو ارسال کردم که انجام بدن و بریم واسه مراحل بعدی و انشالله همکاری👍🏻🔥
برای من تجربه خیلی جالبی بود
دوست داشتم یه سری مورد رو راجع به این تجربه و به عنوان یک مصاحبه کنندهی تازه کار باهاتون به اشتراک بذارم:
۱. اول از همه اینکه اگر تجربه کمی دارید و یا خیلی از مسائل رو داخل پروژه های واقعی استفاده نکردید اشکالی نداره واقعا! برید، بخونید، بفهمید چیه که اگر پرسیده شد بتونید جواب بدید. سر فرصت توی پروژه هم تجربش میکنید و تو بعضی از موارد اگر دانش تئوری رو نداشته باشید هیچوقت تجربه عملیش روهم کسب نمیکنید.
۲. دوم اینکه تعداد سوالات مصاحبه ای که توی اینترنت و رفرنس های مختلف وجود داره واقعا زیاده و کاملا دستتون بازه که تعداد خیلی زیادیشون رو بخونید و برای مصاحبه فنی امادگی داشته باشید
پس نیازی نیست به دانش و تجربه قبلی و ویدیو های اموزشیی که ازدوره ها دیدید تکیه کنید. چون اصلا منبع خوبی برای امادگی برای مصاحبه نیستن. (به عنوان کسی که خودش یه دورهی تایپ اسکریپت درست کرده این حرف رو میزنم)
۳. سوم هم راجع به حقوق
اگر توی اینترنت سرچ کنید
یا پروژه هایی رو فریلنسری انجام داده باشید یا قیمت هارو شنیده باشید قطعا میدونید که عدد هایی که وجود داره چجوریه برای حقوق یک برنامه نویس. کاملا هم درست، منطقی و قابل احترامه. ولی نه زمانی که تجربهی کافی رو نداشته باشید و حقوقی رو بخواید که یک شخص با تجربه میخواد و اون عدد رومیگه. باید عددی رو بگید که با سطح مهارتتون همخوانی داشته باشه. هیچوقت کسی حاضر نیست بابت یه جنس معمولی پول زیاد بده.
قطعا این به این منظور نیست که ما حاضر نیستیم به شما حقوق معمولی و عرف رو بدیم. خیر! بخشی از حقوقی که دریافت نمیکنید رو بذارید پای هزینهیکسب کردن مهارت.
۴. و در نهایت هدف جلسات مصاحبه فقط دریافت کردن حس و انرژی مثبت کافی و جلت اعتماد هست. تمامی سوالات فنی که وجود داره رو شما داخل اینترنت و هرجایی میتونید بخونید و اگر استفاده و کاربرد خاصی براتون نداشته باشه به نسبت قوی بودن حافظه کوتاه مدتتون تو یه تایمی فراموشتون میشه.
در نظر داشته باشید که من خودمم مصاحبه های زیادی رو شرکت کردم و میکنم (نه صرفا به هدف استخدام شدن) و اینا تجربه های واقعی خودم بود.
مرسی از دوستایی که رزومه فرستادن و همراهی کردن❤️🔥
تمامی دغدغه ها، ابهامات و اشتباهای شما کاملا برای من و امثال من قابل درکه چون قطعا ماهم یه روزی ازهمین مراحل شروع کردیم.
امیدوارم تجربه جالبی برای دوستانی که شرکت کردن بوده باشه وعزیزایی که افتخار صحبت باهاشون رو نداشتیم هم این پست بدردشون خورده باشه😁
عزیزایی که قبول شدن مرحله اول مصاحبه رو، براشون تست فنی رو ارسال کردم که انجام بدن و بریم واسه مراحل بعدی و انشالله همکاری👍🏻🔥
برای من تجربه خیلی جالبی بود
دوست داشتم یه سری مورد رو راجع به این تجربه و به عنوان یک مصاحبه کنندهی تازه کار باهاتون به اشتراک بذارم:
۱. اول از همه اینکه اگر تجربه کمی دارید و یا خیلی از مسائل رو داخل پروژه های واقعی استفاده نکردید اشکالی نداره واقعا! برید، بخونید، بفهمید چیه که اگر پرسیده شد بتونید جواب بدید. سر فرصت توی پروژه هم تجربش میکنید و تو بعضی از موارد اگر دانش تئوری رو نداشته باشید هیچوقت تجربه عملیش روهم کسب نمیکنید.
۲. دوم اینکه تعداد سوالات مصاحبه ای که توی اینترنت و رفرنس های مختلف وجود داره واقعا زیاده و کاملا دستتون بازه که تعداد خیلی زیادیشون رو بخونید و برای مصاحبه فنی امادگی داشته باشید
پس نیازی نیست به دانش و تجربه قبلی و ویدیو های اموزشیی که ازدوره ها دیدید تکیه کنید. چون اصلا منبع خوبی برای امادگی برای مصاحبه نیستن. (به عنوان کسی که خودش یه دورهی تایپ اسکریپت درست کرده این حرف رو میزنم)
۳. سوم هم راجع به حقوق
اگر توی اینترنت سرچ کنید
یا پروژه هایی رو فریلنسری انجام داده باشید یا قیمت هارو شنیده باشید قطعا میدونید که عدد هایی که وجود داره چجوریه برای حقوق یک برنامه نویس. کاملا هم درست، منطقی و قابل احترامه. ولی نه زمانی که تجربهی کافی رو نداشته باشید و حقوقی رو بخواید که یک شخص با تجربه میخواد و اون عدد رومیگه. باید عددی رو بگید که با سطح مهارتتون همخوانی داشته باشه. هیچوقت کسی حاضر نیست بابت یه جنس معمولی پول زیاد بده.
قطعا این به این منظور نیست که ما حاضر نیستیم به شما حقوق معمولی و عرف رو بدیم. خیر! بخشی از حقوقی که دریافت نمیکنید رو بذارید پای هزینهیکسب کردن مهارت.
۴. و در نهایت هدف جلسات مصاحبه فقط دریافت کردن حس و انرژی مثبت کافی و جلت اعتماد هست. تمامی سوالات فنی که وجود داره رو شما داخل اینترنت و هرجایی میتونید بخونید و اگر استفاده و کاربرد خاصی براتون نداشته باشه به نسبت قوی بودن حافظه کوتاه مدتتون تو یه تایمی فراموشتون میشه.
در نظر داشته باشید که من خودمم مصاحبه های زیادی رو شرکت کردم و میکنم (نه صرفا به هدف استخدام شدن) و اینا تجربه های واقعی خودم بود.
مرسی از دوستایی که رزومه فرستادن و همراهی کردن❤️🔥
تمامی دغدغه ها، ابهامات و اشتباهای شما کاملا برای من و امثال من قابل درکه چون قطعا ماهم یه روزی ازهمین مراحل شروع کردیم.
امیدوارم تجربه جالبی برای دوستانی که شرکت کردن بوده باشه وعزیزایی که افتخار صحبت باهاشون رو نداشتیم هم این پست بدردشون خورده باشه😁
❤8👍2
سلام رفقا امیدوارم حالتون عالی و درجه یک باشه🔥
ابزار هایی که توی این مقاله معرفی شده رو من مدت زیادیه دائما دارم ازشون استفاده میکنم و هم توی پروژه ها به نتایج خوبی میرسم هم تسک های فنی خفن رو باهاشون پیش میبرم(وقتایی که بشه از ابزار های این چنینی استفاده کرد)
https://dev.to/miguelrodriguezp99/frontend-resources-v2-57mj
دریابیدش که خیلی تکمیله✅
ابزار هایی که توی این مقاله معرفی شده رو من مدت زیادیه دائما دارم ازشون استفاده میکنم و هم توی پروژه ها به نتایج خوبی میرسم هم تسک های فنی خفن رو باهاشون پیش میبرم(وقتایی که بشه از ابزار های این چنینی استفاده کرد)
https://dev.to/miguelrodriguezp99/frontend-resources-v2-57mj
دریابیدش که خیلی تکمیله
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5🔥4👍1
Frontend with Erfun👨🏻💻
سلام رفقا امیدوارم حالتون عالی و درجه یک باشه🔥 ابزار هایی که توی این مقاله معرفی شده رو من مدت زیادیه دائما دارم ازشون استفاده میکنم و هم توی پروژه ها به نتایج خوبی میرسم هم تسک های فنی خفن رو باهاشون پیش میبرم(وقتایی که بشه از ابزار های این چنینی استفاده…
کلا این سایت dev.to رو خیلی هستم باهاش
یادمه توی مصاحبه فنی اسنپ که بودم سوالای به شدت سخت و عجیب غریب ازم میپرسیدن
بعد من اخرش دیگه اعصابم خورد شده بود از مسئولش پرسیدم اینارو باید از کجا یاد گرفت یکی از منابعی که معرفی کرد همین سایت بود😂
مصاحبه رو که رد شدم ولی کلا خیلی پیشرفت کردم با مقالات داخل این وبسایت
خلاصه که دریابیدش😁
یادمه توی مصاحبه فنی اسنپ که بودم سوالای به شدت سخت و عجیب غریب ازم میپرسیدن
بعد من اخرش دیگه اعصابم خورد شده بود از مسئولش پرسیدم اینارو باید از کجا یاد گرفت یکی از منابعی که معرفی کرد همین سایت بود😂
مصاحبه رو که رد شدم ولی کلا خیلی پیشرفت کردم با مقالات داخل این وبسایت
خلاصه که دریابیدش😁
🔥8❤3
برای رفقایی که تازه به جمع ما پیوستن😁
اگر اول مسیر هستید
من دوتا دوره ی رایگان دارم
⚙️
اولیش دوره ی جاوا اسکریپت هست که به صورت crash course هست و مطالب اصلی جاوا اسکریپت رو با مثال های کاربردی داخلش کاور کردم
و داخل یوتیوب هست
اینم لینک پلی لیستش:
https://youtu.be/8aKeGsW96rY?si=lfJio3ozg5tsgr7b
________________________
⚙️
دومین دوره هم دوره ی تایپ اسکریپ هست که رایگان هست و داخل چنل پرایویت تلگرام هست
اگر میخواید توی این دوره شرکت کنید بهم پیام بدید که لینک براتون بفرستم👍🏻
@erfundev
________________________
و خبر خوب🔥
احتمالا قراره به زودی یه دوره ی خیلی خفن و کامل کار با API به صورت حرفه ای مخصوص فرانت اند دولوپرا درست کنم که مطالب خیلییی زیادی رو قراره کاور کنم داخلش.
از ساده ترین مطالب که راجع به کد های ایسینکرونوس هست تا بحث caching همراه با react query داخل ریکت و SWR
اگر اول مسیر هستید
من دوتا دوره ی رایگان دارم
اولیش دوره ی جاوا اسکریپت هست که به صورت crash course هست و مطالب اصلی جاوا اسکریپت رو با مثال های کاربردی داخلش کاور کردم
و داخل یوتیوب هست
اینم لینک پلی لیستش:
https://youtu.be/8aKeGsW96rY?si=lfJio3ozg5tsgr7b
________________________
دومین دوره هم دوره ی تایپ اسکریپ هست که رایگان هست و داخل چنل پرایویت تلگرام هست
اگر میخواید توی این دوره شرکت کنید بهم پیام بدید که لینک براتون بفرستم👍🏻
@erfundev
________________________
و خبر خوب🔥
احتمالا قراره به زودی یه دوره ی خیلی خفن و کامل کار با API به صورت حرفه ای مخصوص فرانت اند دولوپرا درست کنم که مطالب خیلییی زیادی رو قراره کاور کنم داخلش.
از ساده ترین مطالب که راجع به کد های ایسینکرونوس هست تا بحث caching همراه با react query داخل ریکت و SWR
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥13
Frontend with Erfun👨🏻💻
این ویدیو براتون کفایت میکنه که برای استفاده از تیلویند توی پروژه های html css js خام آماده بشید و بتونید راحت ازش استفاده کنید برای بقیه کلاس های تیلویند هم برید سراغ داکیومنتش مثل من به دوره های آموزشی پول ندید و الکی وقت خودتونو هدر ندید!
این آموزش تیلویند روهم دریابید 😁✌🏻
🔥7👍2
درود رفقا وقتتون بخیر
من جدیدا شروع کردم دارم گولنگ رو یاد میگیرم برای توسعه ی بک اند
کسی از شما اگه دوست داره توی این مسیر باهام همراه بشه بهم پیام بده
یه کد تخفیف ۳۵ درصدی از این دوره هم از طرف من میرسه بهش😁🤝🏻
@erfundev
من جدیدا شروع کردم دارم گولنگ رو یاد میگیرم برای توسعه ی بک اند
کسی از شما اگه دوست داره توی این مسیر باهام همراه بشه بهم پیام بده
یه کد تخفیف ۳۵ درصدی از این دوره هم از طرف من میرسه بهش😁
@erfundev
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5
درود رفقا امسال ایونت جذاب فرانت چپتر شیراز هست
خوشحال میشم اگه افتخار ملاقات باهاتون رو داشته باشم
https://frontchapter.ir/event/
رفقایی که اصفهان هستن و میخوان حضور داشته باشن بهم پیام بدن برای رفتن هماهنگ بشیم باهم🔥🥕
@erfundev
خوشحال میشم اگه افتخار ملاقات باهاتون رو داشته باشم
https://frontchapter.ir/event/
رفقایی که اصفهان هستن و میخوان حضور داشته باشن بهم پیام بدن برای رفتن هماهنگ بشیم باهم🔥🥕
@erfundev
🔥7
Media is too big
VIEW IN TELEGRAM
همایش فرانت چپتر امسال😁
ارائهی اول، راجع به موضوع ترند هوش مصنوعی و تاثیرش روی بیزنس های مختلف و ایده های مختلفی که اجرا میکنن.
ارائه دهنده: مجتبی افراز - مهندس نرم افزار در تپسل
ارائهی اول، راجع به موضوع ترند هوش مصنوعی و تاثیرش روی بیزنس های مختلف و ایده های مختلفی که اجرا میکنن.
ارائه دهنده: مجتبی افراز - مهندس نرم افزار در تپسل
🔥7
Media is too big
VIEW IN TELEGRAM
عرفان عباسی، تک لید کارگزاری مفید. راجع به مسیر و پستی بلندی های داستان یک برنامه نویس صحبت میکرد. براتون این تیکه که راجع به مصاحبه و رزومه نویسی بود رو گرفتم چون میدونم میتونه خیلی براتون مفید باشه.
❤5
Media is too big
VIEW IN TELEGRAM
بر فرض که شما نینجا هم هستین🥷
- سافت اسکیل
- استفاده از ابزار های موجود
- سافت اسکیل
- استفاده از ابزار های موجود
خیلی وقته این کتابخونه ترند شده
ولی من جدیدا دارم باهاش کار میکنم
و واقعا تا قبل از استفادش مدیریت search params های پیچیده و زیاد برام کابوس بود مگر اینکه کلی وقت میذاشتم خودم یدونه internal state management مینوشتم براش
https://nuqs.47ng.com/
دریابیدش که خیلی کار راه بندازه 🔥
-------
ذخیره کردن استیت های مربوط به سرچ و فیلتر داخل لیست
یا تغییراتی که توی صفحات محصول کاربر ایجاد میکنه (مثل چک کردن سایز ها و رنگ های دیگه ی محصول) جزو Good Practice ها حساب میشه که هم تجربه کاربری بهتری داره و هم جزو نکاتی حساب میشه که رعایت کردنش توی تست های فنی شمارو یه لول بالاتر نشون میده
-------
البته توی ایجاد تغییرات توی url محتاط باشید. ⚠️
push نکنید
بجاش replace کنید
چون که وقتی کاربر تغییرات زیادی اعمال میکنه انتظار داره با back navigation برگرده به صفحه ی قبل، نه تغییرات قبلی!
ولی من جدیدا دارم باهاش کار میکنم
و واقعا تا قبل از استفادش مدیریت search params های پیچیده و زیاد برام کابوس بود مگر اینکه کلی وقت میذاشتم خودم یدونه internal state management مینوشتم براش
https://nuqs.47ng.com/
دریابیدش که خیلی کار راه بندازه 🔥
-------
ذخیره کردن استیت های مربوط به سرچ و فیلتر داخل لیست
یا تغییراتی که توی صفحات محصول کاربر ایجاد میکنه (مثل چک کردن سایز ها و رنگ های دیگه ی محصول) جزو Good Practice ها حساب میشه که هم تجربه کاربری بهتری داره و هم جزو نکاتی حساب میشه که رعایت کردنش توی تست های فنی شمارو یه لول بالاتر نشون میده
-------
البته توی ایجاد تغییرات توی url محتاط باشید. ⚠️
push نکنید
بجاش replace کنید
چون که وقتی کاربر تغییرات زیادی اعمال میکنه انتظار داره با back navigation برگرده به صفحه ی قبل، نه تغییرات قبلی!
🔥6❤2
Frontend with Erfun👨🏻💻
خیلی وقته این کتابخونه ترند شده ولی من جدیدا دارم باهاش کار میکنم و واقعا تا قبل از استفادش مدیریت search params های پیچیده و زیاد برام کابوس بود مگر اینکه کلی وقت میذاشتم خودم یدونه internal state management مینوشتم براش https://nuqs.47ng.com/ دریابیدش…
البته خودم تازه با این پکیج آشنا شدم
نمیدونم اجازه میده بجای push کردن replace url انجام بدیم یا نه
نمیدونم اجازه میده بجای push کردن replace url انجام بدیم یا نه
👍2