Anophel | آنوفل
149 subscribers
278 photos
294 links
آنوفل | Anophel: دنیای بی ‌پایان امکانات برای برنامه‌ نویسان

https://anophel.com

پشتیبانی :
@anophel_support
Download Telegram
ساخت یک معماری فرانت اند تمیز و مقیاس پذیر

🔺 همانطور که چشم انداز دیجیتال همچنان به تکامل خود ادامه می دهد، اهمیت معماری frontend برای برنامه های کاربردی وب را نمی توان دست کم گرفت. یک معماری ظاهری خوب طراحی شده نه تنها تجربه کاربر را افزایش می دهد، بلکه قابلیت نگهداری و مقیاس پذیری پروژه را نی...

🌐 : ساخت یک معماری فرانت اند تمیز و مقیاس پذیر

#فرانت_اند #frontend #react #nextjs
بلوک کد های try catch تو جاوااسکریپت بنظرم خیلی طولانی هست ولی جاش می تونید از Safe Assignment Operator که به اکمااسکریپت اضافه شده استفاده کنید، این اپراتور به صورت "=?" ، این باعث میشه کد هاتون تمیز تر و error handling خوبی داشته باشید.

آنوفل دنیای برنامه نویسی

#جاوااسکریپت #جاوا_اسکریپت #Js #code #javascript
ساخت یک معماری فرانت اند تمیز و مقیاس پذیر

🔺 همانطور که چشم انداز دیجیتال همچنان به تکامل خود ادامه می دهد، اهمیت معماری frontend برای برنامه های کاربردی وب را نمی توان دست کم گرفت. یک معماری ظاهری خوب طراحی شده نه تنها تجربه کاربر را افزایش می دهد، بلکه قابلیت نگهداری و مقیاس پذیری پروژه را نی...

🌐 : ساخت یک معماری فرانت اند تمیز و مقیاس پذیر
چگونه TypeScript به شما در نوشتن کد بهتر کمک می کند

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

🌐 : چگونه TypeScript به شما در نوشتن کد بهتر کمک می کند
آشنایی با Web Worker ها در React و تایپ اسکریپت

🔺 Web Worker ها ابزاری برای مرورگرهای وب برای اجرای اسکریپت ها در پس زمینه بدون تداخل با UI هستند. اگر به درستی راه‌اندازی شود، یکweb worker می‌تواند پیام‌هایی را از کد جاوا اسکریپت یا تایپ اسکریپت که در آن راه‌اندازی شده است ارسال و دریافت کند. در این...

🌐 : آشنایی با Web Worker ها در React و تایپ اسکریپت
Git چیست؟ چرا هر توسعه دهنده ای باید آن را بداند

🔺 در قلمرو سیستم کنترل نسخه (VCS)، Git به عنوان یک روش مدیریت کد منبع قطعی (SCM) ظهور کرده است. Git که توسط لینوس توروالدز برای توسعه هسته لینوکس راه اندازی شد، به طور تصاعدی رشد کرد و عمدتاً توسط پلتفرم هایی مانند GitHub، GitLab و Bitbucket پشتیبانی م...

🌐 : Git چیست؟ چرا هر توسعه دهنده ای باید آن را بداند
برنامه نویس Junior ،Mid Level و ارشد

🔺 برنامه نویسی فقط نوشتن کد نیست. این یک سفر رشد مداوم و یادگیری است. چه یک علاقه‌مند جوان باشید، چه یک توسعه‌دهنده متوسط یا یک senior با تجربه، مسیر موفقیت شامل مراحل استراتژیک است. بیایید بررسی کنیم که چگونه می توانید این سفر را طی کنید و حرفه برنامه...

🌐 : برنامه نویس Junior ،Mid Level و ارشد
تفاوت بین Agile و DevOps چیست؟

🔺 Agile و DevOps دو متدولوژی توسعه نرم‌افزاری هستند که بیشترین استفاده را دارند. با وجود شباهت‌ها و تفاوت‌های فراوان، اما هدف یکسانی دارند. و هدف ایجاد محصول کارآمد و سریع است. بسیاری از شرکت‌های فناوری از متدولوژی‌های Agile و DevOps پیروی می‌کنند تا ب...

🌐 : تفاوت بین Agile و DevOps چیست؟
10 مشکل رایج جاوا اسکریپت که باید بدانید

🔺 در ابتدا، جاوا اسکریپت ممکن است بسیار ساده به نظر برسد. با این حال، این زبان بسیار ظریف‌تر، قدرتمندتر و پیچیده‌تر از آن چیزی است که در ابتدا تصور می‌شد. بسیاری از ظرافت‌های جاوا اسکریپت منجر به تعدادی از مشکلات رایج، که 10 مورد از آن‌ها در اینجا، می‌...

🌐 : 10 مشکل رایج جاوا اسکریپت که باید بدانید
استفاده از JWT برای احراز هویت سرویس API

🔺 در چشم انداز همیشه در حال تحول معماری ابر، نقش رابط های برنامه نویسی کاربردی (API) به طور فزاینده ای حیاتی شده است. APIها به عنوان پلی عمل می کنند که به نرم افزارهای مختلف اجازه می دهد تا به طور یکپارچه با هم ارتباط برقرار کنند. این مقاله به بررسی اه...

🌐 : استفاده از JWT برای احراز هویت سرویس API
کار با دیزاین پترن ها یا الگوهای طراحی در React

🔺 الگوهای طراحی یا دیزاین پترن ها راهی مناسب برای مقابله با چالش‌ها با راه‌حل‌های تست شده ارائه می‌دهند و در زمان و تلاش توسعه‌دهندگان صرفه‌جویی می‌کنند. در اینجا چگونه الگوهای طراحی React به ماژول های منسجم با جفت کمتر اجازه می دهند صحبت خواهیم کرد.&n...

🌐 : کار با دیزاین پترن ها یا الگوهای طراحی در React
استراتژی‌هایی برای ساخت برنامه‌های React در معماری سمت کلاینت

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

🌐 : استراتژی‌هایی برای ساخت برنامه‌های React در معماری سمت کلاینت
ژنریک ها (Generics) در Go : بررسی عمیق

🔺 در Go 1.18، این زبان ویژگی جدیدی به نام انواع generic (که معمولاً، ژنریک شناخته می‌شود) معرفی کرد که مدتی در لیست آرزوهای توسعه‌دهندگان Go قرار داشت. در برنامه نویسی، نوع generic، نوعی است که می تواند همراه با چندین نوع دیگر استفاده شود. معمولاً در G...

🌐 : ژنریک ها (Generics) در Go : بررسی عمیق

#go #golang #گو #گولنگ
FrankenPHP چیست؟ اپ سرور مدرن PHP

🔺 همانطور که پیچیدگی برنامه های کاربردی وب همچنان در حال رشد است، توسعه دهندگان به طور فزاینده ای بر عملکرد و مقیاس پذیری تمرکز می کنند. لاراول که به عنوان یک چارچوب قدرتمند PHP شناخته می شود، این نیازها را برطرف می کند. با این حال، راه حل های مختلفی ب...

🌐 : FrankenPHP چیست؟ اپ سرور مدرن PHP

#فرانیکن #لاراول #php #frankenphp
آشنایی با Error Handling در Go : بررسی عمیق

💠 مدیریت خطا (Error Handling) یک جنبه حیاتی در هر زبان برنامه نویسی است و Go نیز از این قاعده مستثنی نیست. در این مقاله از سری مقالات گولنگ در آنوفل، به بررسی اشتباهات معمولی که حتی توسعه دهندگان باتجربه مرتکب می شوند اختصاص یافته است، ما بر Error Hand...

💙 : آشنایی با Error Handling در Go : بررسی عمیق

#Go #Golang #گو #گولنگ
Please open Telegram to view this post
VIEW IN TELEGRAM
بهترین فریمورک های وب Go در 2024

💠 با ادامه پیشرفت فناوری، نیاز روزافزونی به برنامه های کاربردی وب سریع، قابل اعتماد و مقیاس پذیر وجود دارد. Go که با نام Golang نیز شناخته می شود، یک زبان برنامه نویسی است که به دلیل سادگی، کارایی و همزمانی آن محبوبیت پیدا کرده است. این زبان تبدیل به ز...

💙: بهترین فریمورک های وب Go در 2024

#گو #گولنگ #Gin #Echo
Please open Telegram to view this post
VIEW IN TELEGRAM
🔹یکی از دوستان ی پروژه ای نوشته بودن و از تایپ اسکریپت اومدن استفاده کردن، بعد قرار شد کد هاش بررسی کنم و مواردی که حالا نیاز بود رعایت کنه رو بگم. اینجام قرار میدم که همه مون تو پروژه های آینده مون استفاده کنیم ازش.

🫶1. از Mapped Types استفاده کنید.
حالا Mapped Types در TypeScript به شما اجازه میده تا نوع‌های جدیدی را بر اساس نوع‌های موجود ایجاد کنید. با استفاده از یک نوع ژنریک ( Generic) که از یک union از PropertyKeyها (معمولاً با استفاده از keyof ایجاد میشه) برای تکرار کلیدها و ایجاد یک نوع جدید انجام میشه.

🫶2. از آپشنال chaining ?. استفاده کنید.
این باعث میشه دیگه نگران مقدار های null یا undefined نباشید.

🫶3. از Utility Types استفاده کنید.
حالا Utility Types در TypeScript مجموعه‌ای از نوع‌های از پیش تعریف شده هستند که به شما کمک می‌کنند تا تغییرات و عملیات‌های رایج روی نوع‌ها را انجام بدید. این نوع‌ها به شما اجازه میده تا نوع‌های جدیدی بر اساس نوع‌های موجود ایجاد کنید، پراپرتی ها Partial یا Required و همچنین Readonly کنید، نسخه‌های غیرقابل تغییر از نوع‌ها بسازید و ...

🫶4. استفاده از Branded Types
اینم قشنگه و در تایپ‌اسکریپت یک روش برای ایجاد انواع یونیک است که از اشتباهات لاجیکال جلوگیری میکنه. این نوع‌ها با اضافه کردن یک ویژگی خاص به نوع اصلی، به نوعی “برند” می‌شوند.
دقت کنید این ویژگی در زمان اجرا وجود ندارد، اما به کامپایلر تایپ‌اسکریپت کمک می‌کند تا تفاوت بین انواع مختلف را تشخیص بده.

موارد دیگه ای هم بودن، در پست های آینده بهش می پردازیم.

موردی هم بود حتما در بخش کامنت ها بنویسید ♥️

Anophel | آنوفل

#تایپ_اسکریپت #ts #typescript
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from IEEE Sharif UT
🔹انجمن علمی دانشکده مهندسی برق دانشگاه صنعتی شریف برگزار می‌کند:
🔻رویداد Emeet 2024
با حضور کارآفرینان موفق ایرانی

در این رویداد شما فراتر از مفاهیم تئوری و تکراری، روایت‌های ارزشمندی از مسیر پر چالش کارآفرینی، شکست‌ها، موفقیت‌ها و تجربه‌های کاربردی را از زبان کسانی می‌شنوید که این راه را با موفقیت پیموده‌اند.

⬅️ جهت ثبت‌نام در رویداد اینجا را کلیک کنید.
🗓 ۲۶ و ۲۷ مهرماه
📍در دانشگاه صنعتی شریف (به صورت حضوری و مجازی)

🔥 شماره می‌توانید با استفاده از کد off20 از 20 درصد تخفیف ویژه برخوردار شوید.

🔴 ظرفیت شرکت حضوری در رویداد محدود است و ورود برای عموم آزاد است.

🖥 Website | ℹ️ LinkedIn | 💬  Support

@EmeetSUT | @EEResana
Please open Telegram to view this post
VIEW IN TELEGRAM
💠امروز میخوام یک ابزار جدید معرفی کنم به اسم Neu.js.

این یک کتابخانه جاوا اسکریپت سبک و اوپن سورس است که برای توسعه ساده فرانت اند طراحی شده است که بر سهولت استفاده و حداقل کد تأکید دارد.


🔹خب Nue.js به عنوان یک ابزار جدید در حوزه توسعه فرانت اند ظاهر شده است که رویکردی حداقلی برای ساخت اینترفیس های وب ارائه می دهد. البته این به دلیل ماهیت سبک خود متمایز است‌.

🔹زمانی که فشرده می شود تنها 2.3kb حجم دارد و نسبت به فریمورک های مثل Vue.js، React.js یا Svelte آبستکرشن با همون انتزاعات کمتری دارد. این کتابخانه بر طراحی وب بهبود معنایی و پیشرونده تمرکز دارد و برای توسعه دهندگان UI که طراحی تعامل، دسترسی و تجربه کاربر را در اولویت قرار می دهند، هدف قرار گرفته است.

🔹همچنین Nue.js بخشی از یک اکوسیستم پیش‌بینی‌شده است که شامل پروژه‌های آینده مانند Nue CSS، Nue MVC، Nue UI، Nuemark و Nuekit است که هدف آن ارائه یک جایگزین جامع برای راه‌حل‌های موجود مانند Vite، Next.js و Astro است.

🔹سادگی این فریمورک به توسعه دهندگان اجازه می دهد تا به میزان قابل توجهی کد کمتری بنویسند و شامل ویژگی هایی برای توسعه آسان و یک زنجیره ابزار ساده برای SSR و تولید کامپوننت بدون نیاز به ابزارهای باندلر پیچیده است.

آنوفل | Anophel

#nuejs #frontend #js #javascript #جاوااسکریپت
Please open Telegram to view this post
VIEW IN TELEGRAM
💠امروز میخوام درباره 8 تا از راه های استفاده از Shallow Copy تو جاوااسکریپت براتون بگم.

🔺در جاوا اسکریپت، یک Shallow Copy یک کپی از یک آبجکت یا آرایه ای است که در آن فقط ساختار سطح بالا کپی شده، در حالی که ساختارهای تودرتو هنوز ارجاع داده می شوند.

🔺اولی Spread syntax (…):

با استفاده از این می تونید از آرایه یا آبجکت یک کپی بگیرید

🔺دومی Array.from() :
اینم آرایه هایی که شبیه آبجکت هستن یا آبجکت iterable هستند رو به أآرایه تبدیل می کند.

🔺سومی Object.assign() :
پراپرتی ها را از یک یا چند آبجکت منبع به یک آبجکت هدف کپی می‌کند و آبجکت مورد نظر را تغییر می‌دهد.

🔺چهارمی Array.prototype.concat() :
اینم با ترکیب یک مقدار یا یک آرایه موجود به یک آرایه جدید یک shallow Copy ایجاد می کند.

🔺پنجمی Array.prototype.slice() :
با اینم بخشی از آرایه رو اسلایس می کنید و یک آرایه جدید می سازید و یک Shallow Copy ایجاد می کند.

🔺ششمی Object.keys():
با استفاده از این هم می تونید یک Shallow Copy از پراپرتی های یک آبجکت بگرید.

🔺هفتمی اپراتور =
با اساین کردن یک مقدار به یک متغیر دیگر، یک shallow copy ایجاد می کند.

🔺هشتمی Object.create() :
از آبجکت نمونه یک آبجکت جدید همراه با پراپرتی ها می سازد.


🔸بر اساس سناریویی که دارید می تونید از یکی از روش های بالا استفاده کنید.

💙آنوفل | Anophel

#جاوااسکرپیت #فرانت_اند #ری_اکت #js #javascript #frontend #react
Please open Telegram to view this post
VIEW IN TELEGRAM