🔺با چند Utility Type پرکاربرد تایپاسکریپت آشنا بشیم
ـ Utility Type ها چند تایپ درونی تایپاسکریپت هستن که کمک میکنن راحتتر و سریعتر تایپهای خاص و پیچیدهتری بسازیم
- برای مثال، یک Utility Type داریم به اسم
- تایپاسکریپت بیشتر از ۲۰ Utility Type درونی داره که توی این پستها میخوایم با اونها آشنا بشیم. قسمت اول:
ditty.ir/509
پ.ن: از سوالهای پرتکرار مصاحبههاست 💯
#typenoscript
ـ Utility Type ها چند تایپ درونی تایپاسکریپت هستن که کمک میکنن راحتتر و سریعتر تایپهای خاص و پیچیدهتری بسازیم
- برای مثال، یک Utility Type داریم به اسم
ReturnType که کمک میکنه یک تایپ جدید از نوع خروجی یک تابع داشته باشیم- تایپاسکریپت بیشتر از ۲۰ Utility Type درونی داره که توی این پستها میخوایم با اونها آشنا بشیم. قسمت اول:
ditty.ir/509
پ.ن: از سوالهای پرتکرار مصاحبههاست 💯
#typenoscript
🔥22👍8❤2👌1
🔺اگه به آموزشهای پروژه-محور علاقه دارین، ریپازیتوری Project Based Learning برای شماست:
https://github.com/practical-tutorials/project-based-learning
#links
https://github.com/practical-tutorials/project-based-learning
#links
GitHub
GitHub - practical-tutorials/project-based-learning: Curated list of project-based tutorials
Curated list of project-based tutorials. Contribute to practical-tutorials/project-based-learning development by creating an account on GitHub.
🔥26👍8❤7
🔺ـ Feature Branch چیه؟ 🤔
- توی کار تیمی و زمانی که با Git کار میکنیم، برای پیادهسازی یک فیچر، یکی از Best Practice ها اینه که از برنچ اصلی (یا develop) یک برنچ به اسم فیچر مد نظر بسازیم و کارهامون رو توی همون برنچ انجام بدیم
- مثلاً قصد داریم یک فیچر به برنامهمون اضافه کنیم که کاربر بتونه با PayPal پرداخت انجام بده. از برنچ اصلی یک برنچ میسازیم به اسم pay-with-paypal و کارهای مربوط به این فیچر رو توی این برنچ جدید انجام میدیم
- این کار چند مزیت داره:
منبع
#git
- توی کار تیمی و زمانی که با Git کار میکنیم، برای پیادهسازی یک فیچر، یکی از Best Practice ها اینه که از برنچ اصلی (یا develop) یک برنچ به اسم فیچر مد نظر بسازیم و کارهامون رو توی همون برنچ انجام بدیم
- مثلاً قصد داریم یک فیچر به برنامهمون اضافه کنیم که کاربر بتونه با PayPal پرداخت انجام بده. از برنچ اصلی یک برنچ میسازیم به اسم pay-with-paypal و کارهای مربوط به این فیچر رو توی این برنچ جدید انجام میدیم
- این کار چند مزیت داره:
• میتونیم به تعداد دلخواه Pull Request بدیم• کمک میکنه فیچر مدنظر توی یک شرایط ایزوله و بدون تداخل با بقیه فیچرها توسعه داده بشه• اعضای تیم به صورت گروهی میتونن بدون نگرانی از دستکاری شدن برنچ اصلی، روی یک فیچر خاص کار کنن• این اطمینان رو میده که برنچ اصلی شامل کدهای ناقص و تستنشده نباشهمنبع
#git
Atlassian
Git Workflow | Atlassian Git Tutorial
A git feature branch is a temporary branch used for development or testing purposes. Learn about the best way to manage them using this guide!
👍36🔥5
🔺این توئیت میگه خوب بودن توی یک مصاحبهٔ شغلی و خوب بودن توی شغل واقعی، دو مهارت کاملاً متفاوت هستن. من کاملاً موافق این توئیت هستم. نظر شما چیه؟
#interview
#interview
👍114👌1
🔺۳ ترفند برای اینکه Import های قشنگتری توی #جاوااسکریپت داشته باشیم:
https://antoine-mesnil.medium.com/3-tips-to-tidy-up-your-es6-imports
#javanoscript
https://antoine-mesnil.medium.com/3-tips-to-tidy-up-your-es6-imports
#javanoscript
Medium
3 Tips to clean your ES6 imports
Introduction
👍15
🔺یکی از تلههایی که ممکنه بهش دچار بشیم «فقط دنبال ابزارها بودن» یا به قول معروف Frameworker شدن هست. مثلاً ریاکت رو یاد میگیریم بدون اینکه بدونیم جاوااسکریپت چطوری کار میکنه. حتی جاوااسکریپت رو یاد میگیریم ولی نمیدونیم اصول و استانداردهای نوشتن یک نرمافزار خوب چه چیزهاییه
- اگه حین برنامهنویسی با مشکلاتی مواجه هستین و فکر میکنین راه حلی براشون نیست، احتمالاً نیاز دارین پایههاتون رو قوی کنین. بهتره که هدف نهایی Engineer شدن باشه، نه Frameworker
- اگه این اصول رو یاد نگیریم، علاوهبر اینکه توی مسیرمون با چالشهای زیادی مواجه میشیم، رشدمون هم محدود میشه و توی سطوح بالای دنیای نرمافزار جایی نداریم. ولی اگه برای یادگیری اونها وقت صرف کنیم و اونها رو خوب یاد بگیریم، ChatGPT ورژن ۱۰ هم بیاد نمیتونه شما رو بیکار کنه
- فریمورکها و ابزارها مثل شمشیر دو لبه هستن. مزایا و کاربردشون رو نمیشه انکار کرد. زمانی استفاده از اونها به ضرر ماست که بیایم بدون دانش لازم از اونها استفاده کنیم
- مقالهٔهای مرتبط:
ـ ۴۰ تجربه برای توسعهدهندههای تازهکار
ـ Be an Engineer, not a Frameworker
عکس
#tips
- اگه حین برنامهنویسی با مشکلاتی مواجه هستین و فکر میکنین راه حلی براشون نیست، احتمالاً نیاز دارین پایههاتون رو قوی کنین. بهتره که هدف نهایی Engineer شدن باشه، نه Frameworker
- اگه این اصول رو یاد نگیریم، علاوهبر اینکه توی مسیرمون با چالشهای زیادی مواجه میشیم، رشدمون هم محدود میشه و توی سطوح بالای دنیای نرمافزار جایی نداریم. ولی اگه برای یادگیری اونها وقت صرف کنیم و اونها رو خوب یاد بگیریم، ChatGPT ورژن ۱۰ هم بیاد نمیتونه شما رو بیکار کنه
- فریمورکها و ابزارها مثل شمشیر دو لبه هستن. مزایا و کاربردشون رو نمیشه انکار کرد. زمانی استفاده از اونها به ضرر ماست که بیایم بدون دانش لازم از اونها استفاده کنیم
- مقالهٔهای مرتبط:
ـ ۴۰ تجربه برای توسعهدهندههای تازهکار
ـ Be an Engineer, not a Frameworker
عکس
#tips
👍62👌4💯3❤1🔥1
🔺به قول لئوناردو داوینچی که میگه «سادگی، نهایت پیچیدگی هست»، این توئیت هم میگه هر چی تجربهٔ کاری بالاتر میره، کدهایی هم که مینویسیم سادهتر میشه. نظر شما چیه؟
#tips
#tips
🤣286👍74💯3🤔2
🔺۵ دلیلی که ChatGPT و یا کلا هوش مصنوعی، آینده توسعهی نرمافزار به حساب میاد:
https://blog.bitsrc.io/leading-the-charge-5-reasons-why-chatgpt-is-the-future-of-software-development
به نظر شما هوش مصنوعی توی دنیای توسعه نرمافزار قراره یک تهدید باشه یا یک ابزار مفید؟
#links
https://blog.bitsrc.io/leading-the-charge-5-reasons-why-chatgpt-is-the-future-of-software-development
به نظر شما هوش مصنوعی توی دنیای توسعه نرمافزار قراره یک تهدید باشه یا یک ابزار مفید؟
#links
Medium
5 Reasons Why ChatGPT is the Future of Software Development
An overview of the benefits of using an AI-assisted development workflow.
❤7👍5👏1
🔺ـ Bard، پاسخ گوگل به ChatGPT
- آقای پیچای، مدیرعامل گوگل گفته که قراره یک سرویس مشابه ChatGPT به صفحات سرچ گوگل اضافه بشه که میتونه قابلیتهای مشابه ChatGPT رو در اختیار کاربرا قرار بده
- این سرویس توی مرحلهٔ آزمایشی هست و مشخص نیست چه زمانی (احتمالاً خیلی زود) در اختیار عموم قرار میگیره
- مایکروسافت هم به تازگی سرمایهگذاری بزرگی روی OpenAI (خالق ChatGPT) انجام داده و شایعاتی وجود داره که میخواد از اون توی سرچ Bing استفاده کنه
(منبع)
پ.ن: چطوری از این تحولات به نفع خودمون استفاده کنیم؟ پیشنهاد میکنم این پست از دوست خوبم، آقا بابک رو بخونین
#news
- آقای پیچای، مدیرعامل گوگل گفته که قراره یک سرویس مشابه ChatGPT به صفحات سرچ گوگل اضافه بشه که میتونه قابلیتهای مشابه ChatGPT رو در اختیار کاربرا قرار بده
- این سرویس توی مرحلهٔ آزمایشی هست و مشخص نیست چه زمانی (احتمالاً خیلی زود) در اختیار عموم قرار میگیره
- مایکروسافت هم به تازگی سرمایهگذاری بزرگی روی OpenAI (خالق ChatGPT) انجام داده و شایعاتی وجود داره که میخواد از اون توی سرچ Bing استفاده کنه
(منبع)
پ.ن: چطوری از این تحولات به نفع خودمون استفاده کنیم؟ پیشنهاد میکنم این پست از دوست خوبم، آقا بابک رو بخونین
#news
👍17😁3😢1👌1
🔺یه کانال خوب که فرصتهای شغلی خارجی/ریموت مناسب ایرانیها رو معرفی میکنه:
https://news.1rj.ru/str/jobs_finding
#links
https://news.1rj.ru/str/jobs_finding
#links
Telegram
Job Finding | Search for your job
ADMIN : @jobs_finding_support
Donate
USDT ( TRC20 ):
TDFmn1ZQZp2UXZmu71MBz1J4h82rEo73nt
https://coffeete.ir/Jobs_finding
Here you will find information about job openings outside of Iran,or remotely, in the areas of computer and other related fields.
Donate
USDT ( TRC20 ):
TDFmn1ZQZp2UXZmu71MBz1J4h82rEo73nt
https://coffeete.ir/Jobs_finding
Here you will find information about job openings outside of Iran,or remotely, in the areas of computer and other related fields.
👍9❤2
🔺وبسایت رسمی جدید ریاکت
- تقریباً یک هفته میشه که ریاکت از وبسایت جدیدش react.dev رونمایی کرده که توی اون همه چیز، از جمله مستندات رنگ و روی تازه گرفتن
- جزییات بیشتر:
https://react.dev/blog/2023/03/16/introducing-react-dev
#react
- تقریباً یک هفته میشه که ریاکت از وبسایت جدیدش react.dev رونمایی کرده که توی اون همه چیز، از جمله مستندات رنگ و روی تازه گرفتن
- جزییات بیشتر:
https://react.dev/blog/2023/03/16/introducing-react-dev
#react
react.dev
React is the library for web and native user interfaces. Build user interfaces out of individual pieces called components written in JavaScript. React is designed to let you seamlessly combine components written by independent people, teams, and organizations.
🔥35👍8❤3👌1
🔺توی جاوااسکریپت آبجکتهای Map و WeakMap چی هستن و چرا معرفی شدن؟🤔
- آبجکتهای Map و WeakMap توی شرایطی معرفی شدن که با آبجکتهای معمولی میتونستیم تقریباً هر کاری انجام بدیم! اما توی برنامههای مدرن، توی بعضی از شرایط خاص استفاده از آبجکتهای معمولی باعث کاهش #سرعت و توسعهپذیری برنامه میشد که به همین علت Data Structure های مختلفی مثل Map و WeakMap معرفی شدن
- توی جدیدترین پست دیتی با مجموعههای Map و WeakMap آشنا میشیم و تفاوتشون رو با آبجکتهای معمولی مقایسه میکنیم:
ditty.ir/513
#javanoscript
- آبجکتهای Map و WeakMap توی شرایطی معرفی شدن که با آبجکتهای معمولی میتونستیم تقریباً هر کاری انجام بدیم! اما توی برنامههای مدرن، توی بعضی از شرایط خاص استفاده از آبجکتهای معمولی باعث کاهش #سرعت و توسعهپذیری برنامه میشد که به همین علت Data Structure های مختلفی مثل Map و WeakMap معرفی شدن
- توی جدیدترین پست دیتی با مجموعههای Map و WeakMap آشنا میشیم و تفاوتشون رو با آبجکتهای معمولی مقایسه میکنیم:
ditty.ir/513
#javanoscript
دیتی | Ditty.ir
همه چیز از آبجکتهای Map و WeakMap توی جاوااسکریپت
جاوااسکریپت برای مدیریت کردن اطلاعات برنامه علاوهبر آبجکتهای معمولی، Data Structure های کاربردی دیگهای هم داره که توی این پست میخوایم با ۲ از اونها آشنا بشیم
❤24👍8🎉4👌2
🔺چطوری ساختار یک جیسان پیچیده رو بررسی کنیم؟
ـ JSON Crack وبسایتیه برای Visualize کردن ساختارهای جیسان که با اون خیلی راحت میتونیم ساختار یک جیسان پیچیده رو بررسی و موشکافی کنیم:
https://jsoncrack.com
#links
ـ JSON Crack وبسایتیه برای Visualize کردن ساختارهای جیسان که با اون خیلی راحت میتونیم ساختار یک جیسان پیچیده رو بررسی و موشکافی کنیم:
https://jsoncrack.com
#links
Jsoncrack
Editor | JSON Crack
JSON Crack Editor is a tool for visualizing into graphs, analyzing, editing, formatting, querying, transforming and validating JSON, CSV, YAML, XML, and more.
🔥12👍9❤4💯2🕊1
🔺افزایش سرعت ۲ برابری Vite نسخه 4.3 در مقایسه با نسخه 4.2 🤯
- ویت که به سرعتش معروف هست، توی جدیدترین نسخهٔ خودش توی خیلی از بنچمارکها بهبود ۲ برابری سرعت رو در مقایسه با ورژن قبلی خودش ثبت کرده:
https://vitejs.dev/blog/announcing-vite4-3.html
#tools
- ویت که به سرعتش معروف هست، توی جدیدترین نسخهٔ خودش توی خیلی از بنچمارکها بهبود ۲ برابری سرعت رو در مقایسه با ورژن قبلی خودش ثبت کرده:
https://vitejs.dev/blog/announcing-vite4-3.html
#tools
🤯29❤7👌7
🔺چطوری AbortController #جاوااسکریپت به وبسایتمون کمک میکنه عملکرد و UX بهتری داشته باشه؟ 🤔
- این پست جدید دیتی رو ببینین:
ditty.ir/515
#javanoscript
- این پست جدید دیتی رو ببینین:
ditty.ir/515
#javanoscript
دیتی | Ditty.ir
همه چیز از AbortController جاوااسکریپت
AbortController یک قابلیت کاربردی توی جاوااسکریپت هست که با اون خیلی راحت میتونیم یک یا چند عملیات Async رو در زمان لزوم متوقف کنیم
👍15🔥4💯2🙏1🕊1
🔺گوگل Bard چطوری به برنامهنویسها کمک میکنه؟
- گوگل Bard یک سرویس هوش مصنوعی مشابه ChatGPT هست و هنوز بطور رسمی در اختیار همه قرار نگرفته. توی این بلاگ، گفته شده که این سرویس میتونه برای بیشتر از ۲۰ زبان برنامهنویسی Code Generation انجام بده، دیباگینگ کنه و ساختار یک قطعه کد رو توضیح بده. همچنین میشه از اون بخوایم کدها رو از لحاظ سرعت و کیفیت بهینهتر کنه
- البته چنین ویژگیهایی توی ابزارهای هوش مصنوعی دیگه مثل GitHub Copilot Labs هم وجود داره. برای مثال GitHub Copilot Labs میتونه کدها رو براتون توضیح بده، دیباگ کنه و تبدیل کنه به یک زبان دیگه و یا براشون تست و داکیومنت بنویسه
- باید منتظر Bard باشیم تا ببینیم کدومشون بیشتر برای جامعهٔ برنامهنویسها کاربردیتر هستن
#news
- گوگل Bard یک سرویس هوش مصنوعی مشابه ChatGPT هست و هنوز بطور رسمی در اختیار همه قرار نگرفته. توی این بلاگ، گفته شده که این سرویس میتونه برای بیشتر از ۲۰ زبان برنامهنویسی Code Generation انجام بده، دیباگینگ کنه و ساختار یک قطعه کد رو توضیح بده. همچنین میشه از اون بخوایم کدها رو از لحاظ سرعت و کیفیت بهینهتر کنه
- البته چنین ویژگیهایی توی ابزارهای هوش مصنوعی دیگه مثل GitHub Copilot Labs هم وجود داره. برای مثال GitHub Copilot Labs میتونه کدها رو براتون توضیح بده، دیباگ کنه و تبدیل کنه به یک زبان دیگه و یا براشون تست و داکیومنت بنویسه
- باید منتظر Bard باشیم تا ببینیم کدومشون بیشتر برای جامعهٔ برنامهنویسها کاربردیتر هستن
#news
Google
Code and debug with Bard
Bard can now help with programming and software development tasks, across more than 20 programming languages.
💯13👍5🔥1👏1
🔺فایل package-lock.json توی پروژههای جاوااسکریپتی چیه و چه کاربردی داره؟ 🤔
- این فایل رو معمولاً ما توسعهدهندهها خیلی به صورت مستقیم باهاش سر و کار نداریم
- خوبه که بدونیم این فایل کاربردی کمک میکنه که برنامهٔ ما زمانی که توی محیطهای مختلف Deploy میشه یا توسط یک شخص دیگه توسعه داده میشه، رفتار و خروجی پایدار و قابل پیشبینی داشته باشه
- از این لینک میتونین بطور کامل با ویژگی و کاربرد این فایل آشنا بشین:
ditty.ir/516
#general
- این فایل رو معمولاً ما توسعهدهندهها خیلی به صورت مستقیم باهاش سر و کار نداریم
- خوبه که بدونیم این فایل کاربردی کمک میکنه که برنامهٔ ما زمانی که توی محیطهای مختلف Deploy میشه یا توسط یک شخص دیگه توسعه داده میشه، رفتار و خروجی پایدار و قابل پیشبینی داشته باشه
- از این لینک میتونین بطور کامل با ویژگی و کاربرد این فایل آشنا بشین:
ditty.ir/516
#general
دیتی | Ditty.ir
فایل package-lock.json توی پروژههای جاوااسکریپتی چیه و چه کاربردی داره؟
توی برنامههای جاوااسکریپتی یک فایل کاربردی به اسم package-lock.json وجود داره که هدف اون حفظ سازگاری بین نسخههایی از برنامه هست که توی جاهای مختلف نصب میشن
👍26👏5❤4👌2🕊1
🔺نظرسنجی
- امروز توی یک کد دیدم که برنامهنویس برای اینکه ببینه یک مقدار
- به نظر من، هر چند استفاده از این عملگر ممکنه جذابتر و کوتاهتر باشه، دو تا مشکل به وجود میاد:
۱. باعث پایین اومدن خوانایی کد میشه: توی کد بالا برای مورد 1، کسی که کد رو میخونه باید یک محاسبهٔ ذهنی انجام بده تا به منظور برنامهنویس برسه
۲. عملکرد و سرعت: شاید توی این مورد خیلی موضوع مهمی نباشه، اما خوبه که بدونیم عملگر
حالا کد توی تصویر ببینین و نظرتون رو بگین که با کدوم روش بیشتر موافقین 👏
#poll
- امروز توی یک کد دیدم که برنامهنویس برای اینکه ببینه یک مقدار
undefined هست یا نه، از عملگر !! استفاده کرده بود- به نظر من، هر چند استفاده از این عملگر ممکنه جذابتر و کوتاهتر باشه، دو تا مشکل به وجود میاد:
۱. باعث پایین اومدن خوانایی کد میشه: توی کد بالا برای مورد 1، کسی که کد رو میخونه باید یک محاسبهٔ ذهنی انجام بده تا به منظور برنامهنویس برسه
۲. عملکرد و سرعت: شاید توی این مورد خیلی موضوع مهمی نباشه، اما خوبه که بدونیم عملگر
!! یک عملگر اختصاصی نیست. بلکه متشکل از دو عملگر NOT کنار هم هست. پس اینجا دو مرتبه تبدیل نوع انجام میگیرهحالا کد توی تصویر ببینین و نظرتون رو بگین که با کدوم روش بیشتر موافقین 👏
#poll
👍45👎7🤔2🤨2❤1