🔺 تایپاسکریپت توی دنیای امروز برای یک توسعهدهنده فرانتاند ، یک «باید» هست
Anonymous Poll
78%
قبول دارم
22%
مخالفم
👍8
🔺کدنویسی تمیز با حذف Flag Argument
ــ Flag Argument به آرگومانی گفته میشه که معمولاً به صورت Boolean به یک تابع پاس داده میشه و حضور و عدم حضور اون باعث میشه که تابع رفتارهای متفاوتی نشون بده که در نتیجه اصل اول SOLID که میگه یک تابع فقط و فقط باید یک کار انجام بده نقض میشه
- توی عکس، اولین تابع یک Flag Argument گرفته به اسم silentMode که باعث میشه تابع ۲ تا کار انجام بده
- آقای رابرت سیمارتین میگه این کار یک کدنویسی تمیز به حساب نمیاد و بهتره تابع رو تبدیل کنیم به چند تابع که هر کدوم مسئول یک رفتار مشخص و قابل پیشبینی باشن
#tips
ــ Flag Argument به آرگومانی گفته میشه که معمولاً به صورت Boolean به یک تابع پاس داده میشه و حضور و عدم حضور اون باعث میشه که تابع رفتارهای متفاوتی نشون بده که در نتیجه اصل اول SOLID که میگه یک تابع فقط و فقط باید یک کار انجام بده نقض میشه
- توی عکس، اولین تابع یک Flag Argument گرفته به اسم silentMode که باعث میشه تابع ۲ تا کار انجام بده
- آقای رابرت سیمارتین میگه این کار یک کدنویسی تمیز به حساب نمیاد و بهتره تابع رو تبدیل کنیم به چند تابع که هر کدوم مسئول یک رفتار مشخص و قابل پیشبینی باشن
#tips
👍64🔥4🤔2🙏2
Ditty | دیتی
🔺کدنویسی تمیز با حذف Flag Argument ــ Flag Argument به آرگومانی گفته میشه که معمولاً به صورت Boolean به یک تابع پاس داده میشه و حضور و عدم حضور اون باعث میشه که تابع رفتارهای متفاوتی نشون بده که در نتیجه اصل اول SOLID که میگه یک تابع فقط و فقط باید یک کار…
🔺یک مثال ملموستر از این Code Smell
#tips
#tips
👍16🔥4
🔺 این دوست عزیزمون کتاب نکات ریاکتی داره که برای ایرانیها رایگان کرده:
’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
’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
Linkedin
Sign Up | LinkedIn
500 million+ members | Manage your professional identity. Build and engage with your professional network. Access knowledge, insights and opportunities.
🕊31👍15👌5👎2👏1🤔1
فاندیشن SheCodes آموزشهای خودش رو برای 10,000 خانم ایرانی رایگان کرد ❤️👏
https://www.shecodesfoundation.org/iran
https://www.shecodesfoundation.org/iran
👍42👎4👏3❤2
🔺درود دوستان. ۲ مقاله تایپاسکریپتی منتشر کردم. امیدوارم بدردتون بخوره:
• تفاوت Type و Interface توی تایپاسکریپت
• تایپهای any و unknown توی تایپاسکریپت چه فرقی دارن؟
پ.ن: ممنون که توی این مدت توی کانال بودین و حمایت کردین. اگه فعالیتی نبود، به احترام غمی بود که به همهمون وارد شد. اگه هم فعالیتی باشه، دلیلی جز احترام به حضور و درخواست شما عزیزان نیست ❤️
- قصد دارم به زودی (نه خیلی زود :)) ) مجموعه مقالات فنی و غیرفنی رو آماده کنم که بهتون کمک میکنه بتونین شغل بهتری پیدا کنین یا توی شغلتون به عنوان یک Frontend Developer پیشرفت کنین. ممنون اگه به هر نحوی از کانال و مطالب حمایت کنین
#typenoscript
• تفاوت Type و Interface توی تایپاسکریپت
• تایپهای any و unknown توی تایپاسکریپت چه فرقی دارن؟
پ.ن: ممنون که توی این مدت توی کانال بودین و حمایت کردین. اگه فعالیتی نبود، به احترام غمی بود که به همهمون وارد شد. اگه هم فعالیتی باشه، دلیلی جز احترام به حضور و درخواست شما عزیزان نیست ❤️
- قصد دارم به زودی (نه خیلی زود :)) ) مجموعه مقالات فنی و غیرفنی رو آماده کنم که بهتون کمک میکنه بتونین شغل بهتری پیدا کنین یا توی شغلتون به عنوان یک Frontend Developer پیشرفت کنین. ممنون اگه به هر نحوی از کانال و مطالب حمایت کنین
#typenoscript
❤81👍20🎉3👎2😢2👏1🙏1
This media is not supported in your browser
VIEW IN TELEGRAM
🔺یه ابزار باحال برای نمایش
- با Console Ninja که یک اکستنشن VS Code هست میتونیم
- نصب و جزییات بیشتر:
https://marketplace.visualstudio.com/items?itemName=WallabyJs.console-ninja
#links
console.log های برنامه- با Console Ninja که یک اکستنشن VS Code هست میتونیم
console.log های برنامه رو توی همون VS Code و به صورت لحظهای ببینیم (ویدئو رو نگاه کنین)- نصب و جزییات بیشتر:
https://marketplace.visualstudio.com/items?itemName=WallabyJs.console-ninja
#links
👍50🔥9👎2🤩2
🔺از sendBeacon جاوااسکریپت چی میدونیم؟
- اگه توی یک صفحه وب، قصد داریم اطلاعات کوچیک که بیشتر جنبهٔ آماری دارن رو به سرور ارسال کنیم، بهتره
- متد
ditty.ir/506
#javanoscript
- اگه توی یک صفحه وب، قصد داریم اطلاعات کوچیک که بیشتر جنبهٔ آماری دارن رو به سرور ارسال کنیم، بهتره
sendBeacon رو به Ajax ترجیح بدیم. چون توی بعضی شرایط Ajax محدودیتهایی داره و قابل اطمینان نیست- متد
sendBeacon که یک Web API هست، شباهتهایی به ایجکس داره و اطلاعات رو بصورت Async به سرور میفرسته. اما ویژگیها و کاربرد منحصر به فردی داره که توی پست زیر میتونید با اون آشنا بشید:ditty.ir/506
#javanoscript
دیتی | Ditty.ir
از sendBeacon جاوااسکریپت چی میدونیم؟
اگه قصد داریم اطلاعات جزئی و غیرضروری رو به سرور بفرستیم بهتره بجای AJAX از یک API به اسم sendBeacon استفاده کنیم که توی این قسمت با اون آشنا میشیم
👎179👍40❤8💔1
🔺با چند 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