🔺"خب به آخر مصاحبه رسیدیم. آیا سوالی هست که دوست داری بپرسی؟"

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

- برای پاسخ به چنین سوالی صفحه زیر رو ببینین که اختصاصی برای توسعه‌دهنده‌ها نوشته شده:
https://github.com/Twipped/InterviewThis

#links

🔺وقتی درباره بهینگی و کاربر پسند بودن یک برنامه وب صحبت می‌کنیم، سرعت تعامل با اون برنامه همیشه یکی از فاکتورهای مهم و حیاتی به حساب میاد

- خوشبختانه راه‌هایی مختلفی برای افزایش سرعت و بهینگی یک برنامه وب وجود داره که توی این قسمت می‌خوایم با ۴ تا از اونها آشنا بشیم:
• Preload
• Prefetch
• Preconnect
• Prerender

- از لینک زیر با این قابلیت‌ها آشنا می‌شیم که کمک می‌کنن یک برنامهٔ سریع‌تر و کاربرپسند تر داشته باشیم:
ditty.ir/491

#optimization

🔺یک نمونه واقعی از قانون ۸۰/۲۰ توی صنعت نرم‌افزار

- توی سال ۲۰۰۲ مایکروسافت اعلام کرد که با برطرف کردن ۲۰٪ از باگ‌هایی که بیشتر از همه گزارش شدن، می‌تونستن ۸۰٪ مشکلات و باگ‌های مربوط به ویندوز و آفیس رو برطرف کنن

- بطور کلی این قانون میگه معمولاً چشمگیرترین (تقریباً ۸۰٪) خروجی‌ها، از ۲۰٪ تلاش‌ها ناشی میش. توی دنیای نرم‌افزار هم معمولاً چنین نتیجه‌گیری‌هایی وجود داره:

• ۸۰٪ یک نرم افزار با صرف ۲۰٪ زمان نوشته میشه. همچنین ۲۰٪ از سخت‌ترین قسمت‌های یک برنامه می‌تونه ۸۰٪ زمان رو به خودش اختصاص بده
• ۸۰٪ پیشرفت توسعهٔ یک برنامه مربوط به ۲۰٪ تلاش هست
• ۸۰٪ درآمد یک برنامه مربوط به ۲۰٪ از فیچرهای اون برنامه هست
• ۸۰٪ از خرابی‌ها (یا Crash های) یک برنامه مربوط به ۲۰٪ باگ‌ها هست
• ۸۰٪ استفاده از یک برنامه مربوط به ۲۰٪ از فیچرهای اون برنامه هست

- نظرتون درباره این اصل چیه؟ آیا این اصل برای شما قابل لمس بوده تا الان؟ 👇

منبع ۱ - منبع ۲
#tips

🔺نمودار محبوبیت زبان‌های برنامه‌نویسی توی گیت‌هاب

- این آمار جالب مسیر رشد یک زبان رو نشون میده و مشخص می‌کنه چه زبان‌هایی توی این چند سال بیشتر از همه مورد توجه بوده: 👇
https://madnight.github.io/githut

#links

🔺ـType Assertion تایپ‌اسکریپت چیه؟ 🤔

- بعضی وقت‌ها ما توسعه‌دهنده‌ها نسبت به کامپایلر تایپ‌اسکریپت اطلاع بیشتری از نوع یک مقدار داریم. مثلاً توی document.getElementById چیزی که تایپ‌اسکریپت درباره خروجی این متد می‌دونه اینه که نوعی از HTMLElement هست

- اما ما می‌دونیم که getElementById که فلان جای برنامه استفاده کردیم، مقداری از نوع HTMLCanvasElement هست. پس باید روشی باشه که به تایپ‌اسکریپت بگیم که خروجی اون متد، نوعی از تایپ مد نظر ما هست

- برای این کار از Type Assertion استفاده می‌کنیم که کمک می‌کنه با استفاده از کلمه‌کلیدی as که بعد از مقدار مد نظرمون قرار می‌گیره، تایپ مد نظرمون رو مشخص کنیم

- باید دقت کنیم که تایپ مد نظر ما باید یک زیر-تایپ از تایپ انتخابی کامپایلر باشه. مثلاً نمی‌تونیم برای یک رشته از تایپ number استفاده کنیم که در این صورت خطا می‌گیریم
#typenoscript

🔺کدنویسی تمیز با حذف Flag Argument

ــ Flag Argument به آرگومانی گفته میشه که معمولاً به صورت Boolean به یک تابع پاس داده میشه و حضور و عدم حضور اون باعث میشه که تابع رفتارهای متفاوتی نشون بده که در نتیجه اصل اول SOLID که میگه یک تابع فقط و فقط باید یک کار انجام بده نقض میشه

- توی عکس، اولین تابع یک Flag Argument گرفته به اسم silentMode که باعث میشه تابع ۲ تا کار انجام بده

- آقای رابرت سی‌مارتین میگه این کار یک کدنویسی تمیز به حساب نمیاد و بهتره تابع رو تبدیل کنیم به چند تابع که هر کدوم مسئول یک رفتار مشخص و قابل پیش‌بینی باشن
#tips

🔺یک مثال ملموس‌تر از این Code Smell
#tips

🔺 این دوست عزیزمون کتاب نکات ری‌اکتی داره که برای ایرانی‌ها رایگان کرده:

’People from Iran have no access to any international payment tool therfore I will give it for free to everyone from Iran.’

https://www.linkedin.com/posts/adrian-%F0%9F%9F%A2-b-b52348181_people-from-iran-who-want-to-get-my-ebook-activity-6980276118041845760-F56Q

فاندیشن SheCodes آموزش‌های خودش رو برای 10,000 خانم ایرانی رایگان کرد‌ ❤️👏

https://www.shecodesfoundation.org/iran

🔺درود دوستان. ۲ مقاله تایپ‌اسکریپتی منتشر کردم. امیدوارم بدردتون بخوره:

• تفاوت Type و Interface توی تایپ‌اسکریپت
• تایپ‌های any و unknown توی تایپ‌اسکریپت چه فرقی دارن؟


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

- قصد دارم به زودی (نه خیلی زود :)) ) مجموعه مقالات فنی و غیرفنی رو آماده کنم که بهتون کمک می‌کنه بتونین شغل بهتری پیدا کنین یا توی شغلتون به عنوان یک Frontend Developer پیشرفت کنین. ممنون اگه به هر نحوی از کانال و مطالب حمایت کنین
#typenoscript

🔺یه ابزار باحال برای نمایش console.log های برنامه

- با Console Ninja که یک اکستنشن VS Code هست می‌تونیم console.log های برنامه رو توی همون VS Code و به صورت لحظه‌ای ببینیم (ویدئو رو نگاه کنین)

- نصب و جزییات بیشتر:
https://marketplace.visualstudio.com/items?itemName=WallabyJs.console-ninja

#links

🔺از sendBeacon جاوااسکریپت چی می‌دونیم؟

- اگه توی یک صفحه وب، قصد داریم اطلاعات کوچیک که بیشتر جنبهٔ آماری دارن رو به سرور ارسال کنیم، بهتره sendBeacon رو به Ajax ترجیح بدیم. چون توی بعضی شرایط Ajax محدودیت‌هایی داره و قابل اطمینان نیست

- متد sendBeacon که یک Web API هست، شباهت‌هایی به ای‌جکس داره و اطلاعات رو بصورت Async به سرور می‌فرسته. اما ویژگی‌ها و کاربرد منحصر به فردی داره که توی پست زیر می‌تونید با اون آشنا بشید:
ditty.ir/506

#javanoscript

🔺با چند Utility Type پرکاربرد تایپ‌اسکریپت آشنا بشیم

ـ Utility Type ها چند تایپ درونی تایپ‌اسکریپت هستن که کمک می‌کنن راحت‌تر و سریع‌تر تایپ‌های خاص و پیچیده‌تری بسازیم

- برای مثال، یک Utility Type داریم به اسم ReturnType که کمک می‌کنه یک تایپ جدید از نوع خروجی یک تابع داشته باشیم

- تایپ‌اسکریپت بیشتر از ۲۰ Utility Type درونی داره که توی این پست‌ها می‌خوایم با اونها آشنا بشیم. قسمت اول:
ditty.ir/509

پ.ن:‌ از سوال‌های پرتکرار مصاحبه‌هاست 💯
#typenoscript

🔺اگه به آموزش‌های پروژه-محور علاقه دارین، ریپازیتوری Project Based Learning برای شماست:
https://github.com/practical-tutorials/project-based-learning

#links

🔺ـ Feature Branch چیه؟ 🤔

- توی کار تیمی و زمانی که با Git کار می‌کنیم، برای پیاده‌سازی یک فیچر، یکی از Best Practice ها اینه که از برنچ اصلی (یا develop) یک برنچ به اسم فیچر مد نظر بسازیم و کارهامون رو توی همون برنچ انجام بدیم

- مثلاً قصد داریم یک فیچر به برنامه‌مون اضافه کنیم که کاربر بتونه با PayPal پرداخت انجام بده. از برنچ اصلی یک برنچ می‌سازیم به اسم pay-with-paypal و کارهای مربوط به این فیچر رو توی این برنچ جدید انجام میدیم

- این کار چند مزیت داره:
• می‌تونیم به تعداد دلخواه Pull Request بدیم
• کمک می‌کنه فیچر مدنظر توی یک شرایط ایزوله و بدون تداخل با بقیه فیچرها توسعه داده بشه
• اعضای تیم به صورت گروهی می‌تونن بدون نگرانی از دستکاری شدن برنچ اصلی، روی یک فیچر خاص کار کنن
• این اطمینان رو میده که برنچ اصلی شامل کدهای ناقص و تست‌نشده نباشه

منبع
#git

🔺این توئیت میگه خوب بودن توی یک مصاحبهٔ شغلی و خوب بودن توی شغل واقعی، دو مهارت کاملاً متفاوت هستن. من کاملاً موافق این توئیت هستم. نظر شما چیه؟
#interview

🔺تایپ void و never توی #تایپ‌اسکریپت چه فرقی باهم دارن؟ 🤔

ditty.ir/505

#typenoscript

🔺یکی از تله‌هایی که ممکنه بهش دچار بشیم «فقط دنبال ابزارها بودن» یا به قول معروف Frameworker شدن هست. مثلاً ری‌اکت رو یاد می‌گیریم بدون اینکه بدونیم جاوااسکریپت چطوری کار می‌کنه. حتی جاوااسکریپت رو یاد می‌گیریم ولی نمی‌دونیم اصول و استانداردهای نوشتن یک نرم‌افزار خوب چه چیزهاییه

- اگه حین برنامه‌نویسی با مشکلاتی مواجه هستین و فکر می‌کنین راه حلی براشون نیست، احتمالاً نیاز دارین پایه‌هاتون رو قوی کنین. بهتره که هدف نهایی Engineer شدن باشه، نه Frameworker

- اگه این اصول رو یاد نگیریم، علاوه‌بر اینکه توی مسیرمون با چالش‌های زیادی مواجه می‌شیم، رشدمون هم محدود میشه و توی سطوح بالای دنیای نرم‌افزار جایی نداریم. ولی اگه برای یادگیری اونها وقت صرف کنیم و اونها رو خوب یاد بگیریم، ChatGPT ورژن ۱۰ هم بیاد نمی‌تونه شما رو بیکار کنه

- فریم‌ورک‌ها و ابزارها مثل شمشیر دو لبه هستن. مزایا و کاربردشون رو نمیشه انکار کرد. زمانی استفاده از اونها به ضرر ماست که بیایم بدون دانش لازم از اونها استفاده کنیم

- مقالهٔ‌های مرتبط:
ـ ۴۰ تجربه برای توسعه‌دهنده‌های تازه‌کار
ـ Be an Engineer, not a Frameworker
عکس

#tips

🔺به قول لئوناردو داوینچی که میگه «سادگی، نهایت پیچیدگی هست»، این توئیت هم میگه هر چی تجربهٔ کاری بالاتر میره، کدهایی هم که می‌نویسیم ساده‌تر میشه. نظر شما چیه؟
#tips