📄 چگونه در بلیزور با LocalStorage مرورگر کار کنیم ؟ | How To Work With The Browser's Local Storage in Blazor
- من بعد از اومدن دات نت 6 برای استفاده از Local Storrage خودم مینشستم یه سرویس مینوشتم تا بتونم خودم از localStorage مرور گر استفاده کنم. اون روش من که هیچ ولی ایشون مشابه من کار کرده توی این مقاله :
🔗 BlazorSchool / Local storage
- اما امروز من یک پکیج اوپن سورس پیدا کردم که خیلی حرفه ای تر، برام این کار رو انجام میده!
🔗 How To Work With The Browser's Local Storage in Blazor (آموزش استفاده ازش)
🔗 Dark Mode With Blazor and Tailwind Css (آموزش ساختن دارک مود با این روش)
🔗 Github / Blazored / LocalStorage (ریپوی پکیج)
#معرفی_منابع
@codeaghajcs
- من بعد از اومدن دات نت 6 برای استفاده از Local Storrage خودم مینشستم یه سرویس مینوشتم تا بتونم خودم از localStorage مرور گر استفاده کنم. اون روش من که هیچ ولی ایشون مشابه من کار کرده توی این مقاله :
🔗 BlazorSchool / Local storage
- اما امروز من یک پکیج اوپن سورس پیدا کردم که خیلی حرفه ای تر، برام این کار رو انجام میده!
🔗 How To Work With The Browser's Local Storage in Blazor (آموزش استفاده ازش)
🔗 Dark Mode With Blazor and Tailwind Css (آموزش ساختن دارک مود با این روش)
🔗 Github / Blazored / LocalStorage (ریپوی پکیج)
#معرفی_منابع
@codeaghajcs
👍1
🐳 دوره آموزشی دِو آپس | DevOps OverView
- به یه سری از دوستان قول داده بودم مثل اون مجموعه لینکی که برای برنامه نویسی گذاشتیم، چند سایت و مقاله معتبر برای دِو آپس و چند تا چیز دیگه معرفی کنم! ولی خب هم من وقت ندارم برم بین اون همه لینکی که دارم بگردم ببینم کدوماش بهترن هم اینکه یه چیزی پیدا کردم که خیلی بهتر از اونا شما رو متوجه میکنه.
- یک دوره کامل و خوب که از ابتدا شروع میکنه قشنگ همه چیز رو توضیح میده و رایگانه و توی یوتیوبه و از همه مهم تر اینکه زبانش فارسیه 💪
- پس بچسبید بهش
🔗 Youtube / DevOps Hobbies / DevOps QverView
#معرفی_منابع #دو_آپس
@codeaghajcs
- به یه سری از دوستان قول داده بودم مثل اون مجموعه لینکی که برای برنامه نویسی گذاشتیم، چند سایت و مقاله معتبر برای دِو آپس و چند تا چیز دیگه معرفی کنم! ولی خب هم من وقت ندارم برم بین اون همه لینکی که دارم بگردم ببینم کدوماش بهترن هم اینکه یه چیزی پیدا کردم که خیلی بهتر از اونا شما رو متوجه میکنه.
- یک دوره کامل و خوب که از ابتدا شروع میکنه قشنگ همه چیز رو توضیح میده و رایگانه و توی یوتیوبه و از همه مهم تر اینکه زبانش فارسیه 💪
- پس بچسبید بهش
🔗 Youtube / DevOps Hobbies / DevOps QverView
#معرفی_منابع #دو_آپس
@codeaghajcs
👍1🎉1
📄 چرا باید از تایپ اسکریپت و جاوا اسکریپت با هم استفاده کنیم ؟ | Why You Should Use TypeScript Over JavaScript in 2021 | A Simple Example
- مقاله جالبیه. توضیح میده که تایپ اسکریپت چطوری میتونه از یه سری باگ های احتمالی که همیشه رخ میدن جلوگیری کنه و البته کلی چیز دیگه 👍
🔗 Why You Should Use TypeScript Over JavaScript in 2021 | A Simple Example
#مقاله
@codeaghajcs
- مقاله جالبیه. توضیح میده که تایپ اسکریپت چطوری میتونه از یه سری باگ های احتمالی که همیشه رخ میدن جلوگیری کنه و البته کلی چیز دیگه 👍
🔗 Why You Should Use TypeScript Over JavaScript in 2021 | A Simple Example
#مقاله
@codeaghajcs
🤝1
📄 استفاده از گودو در بلیزور | Godot and Microsoft Blazor
- گودو یک موتور بازی سازیه که اتفاقا خروجی html5 هم داره. اگر براتون سواله که بازی های html5 چی هستن، من فقط همینو توضیح میدم که با js و html5 و یه سری استایل css و کلی عکس(انیمیشن های کاراکتر ها و دشمنا و...) میان و یک بازی میسازن. انجین هایی مثل unity و همین گودو و کانستراکت ۳ از این خروجی ها میدن
- شما میتونید خروجی های html5 گودو رو بیارید و توی برنامه بلیزورتون داشته باشید. این خوبه چون هم توی گودو میتونید با سی شارپ کد بزنید هم بلیزور و این اونجاست که خلاقیت شما به چالش کشیده میشه برای کشف ایده های نو تر و بهتر 👌
🔗 Godot and Microsoft Blazor
#مقاله
@codeaghajcs
- گودو یک موتور بازی سازیه که اتفاقا خروجی html5 هم داره. اگر براتون سواله که بازی های html5 چی هستن، من فقط همینو توضیح میدم که با js و html5 و یه سری استایل css و کلی عکس(انیمیشن های کاراکتر ها و دشمنا و...) میان و یک بازی میسازن. انجین هایی مثل unity و همین گودو و کانستراکت ۳ از این خروجی ها میدن
- شما میتونید خروجی های html5 گودو رو بیارید و توی برنامه بلیزورتون داشته باشید. این خوبه چون هم توی گودو میتونید با سی شارپ کد بزنید هم بلیزور و این اونجاست که خلاقیت شما به چالش کشیده میشه برای کشف ایده های نو تر و بهتر 👌
🔗 Godot and Microsoft Blazor
#مقاله
@codeaghajcs
🤝1
🐳 ترجمه آزاد و رایگان کتاب Clean Code 🤩
- کتاب Clean Code کتابیه که به هر برنامه نویسی پیشنهاد میشه تا بخونه. خیلی خیلی کمک میکنه تا تجربه بهتری از کد نوشتن داشته باشید، طوری که بقیه هم بفهمن شما چیکار کردین و این واقعا عالیه. اگر تیم هستین، پیشنهاد میکنم که این کتابو دست جمع با هم بخونید.
- اما اینجا ما یک ترجمه آزاد و رایگان از این کتاب داریم البته کامل نیست ولی تکمیل میشه :
🔗 ترجمه آزاد کتاب Clean Code
- و یه سری خلاصه خوب در سایت خوب راکت :
🔗 خلاصه کتاب Clean Code
#معرفی_منابع #کتاب
@codeaghajcs
- کتاب Clean Code کتابیه که به هر برنامه نویسی پیشنهاد میشه تا بخونه. خیلی خیلی کمک میکنه تا تجربه بهتری از کد نوشتن داشته باشید، طوری که بقیه هم بفهمن شما چیکار کردین و این واقعا عالیه. اگر تیم هستین، پیشنهاد میکنم که این کتابو دست جمع با هم بخونید.
- اما اینجا ما یک ترجمه آزاد و رایگان از این کتاب داریم البته کامل نیست ولی تکمیل میشه :
🔗 ترجمه آزاد کتاب Clean Code
- و یه سری خلاصه خوب در سایت خوب راکت :
🔗 خلاصه کتاب Clean Code
#معرفی_منابع #کتاب
@codeaghajcs
👍2
🐳 منابع آموزشی خوب رایگان یادگیری دیزاین پترن
- دیزاین پترن ها روش های طراحی ساختار نرم افزار هستن که قراره بخش های بزرگی از ایرادات ساختاری نرم افزار های ما رو حل کنن و باعث بشن تا در قالب این الگو ها توسعه نرم افزار رو هم برای خودمون هم برای دیگران راحت کنیم !
- کسایی که با زبان هایی مثل سی شارم و جاوا کار میکنن که توشون OOP اجباریه، حتما باید اینا رو بلد باشنو اگر هم از زبون هایی مثل تایپ اسکریپت یا پایتون استفاده میکنید، خیلی توی کار بهتون کمک میکنن 👍
- یک ریپوزیتوری ایرانی که همه چیو فارسی و خوب و کامل توضیح داده :
🔗 khajavi/Practical-Design-Patterns
- و سایت گورو که کامل توضیح داده(ولی انگلیسی) و به زبون های مختلف زیادی اون دیزاین پترن رو پیاده سازی کرده و با کامنت های بشدت مناسب و به جا، میتونید یاد بگیرید با هر زبونی که کار میکنید چجوری اون دیزاین پترن رو یاد بگیرید :
🔗 Refactoring Guru
- چند تا سایت خوب و مناسب دیگه هم هستن :
🔗 https://www.toptal.com/design-patterns
🔗 https://www.tutorialspoint.com/design_pattern/index.htm
🔗 https://sourcemaking.com/design_patterns
#معرفی_منابع
@codeaghajcs
- دیزاین پترن ها روش های طراحی ساختار نرم افزار هستن که قراره بخش های بزرگی از ایرادات ساختاری نرم افزار های ما رو حل کنن و باعث بشن تا در قالب این الگو ها توسعه نرم افزار رو هم برای خودمون هم برای دیگران راحت کنیم !
- کسایی که با زبان هایی مثل سی شارم و جاوا کار میکنن که توشون OOP اجباریه، حتما باید اینا رو بلد باشنو اگر هم از زبون هایی مثل تایپ اسکریپت یا پایتون استفاده میکنید، خیلی توی کار بهتون کمک میکنن 👍
- یک ریپوزیتوری ایرانی که همه چیو فارسی و خوب و کامل توضیح داده :
🔗 khajavi/Practical-Design-Patterns
- و سایت گورو که کامل توضیح داده(ولی انگلیسی) و به زبون های مختلف زیادی اون دیزاین پترن رو پیاده سازی کرده و با کامنت های بشدت مناسب و به جا، میتونید یاد بگیرید با هر زبونی که کار میکنید چجوری اون دیزاین پترن رو یاد بگیرید :
🔗 Refactoring Guru
- چند تا سایت خوب و مناسب دیگه هم هستن :
🔗 https://www.toptal.com/design-patterns
🔗 https://www.tutorialspoint.com/design_pattern/index.htm
🔗 https://sourcemaking.com/design_patterns
#معرفی_منابع
@codeaghajcs
👍2
🐳 یک گیت هاب گیست عالی که میاد با سرویس ورکر از IndexedDB استفاده می کنه
🔗 Integrating IndexedDB into site with a Service Worker
#معرفی_منابع
@codeaghajcs
🔗 Integrating IndexedDB into site with a Service Worker
#معرفی_منابع
@codeaghajcs
Gist
Code for Service Workers 9 - Integrating IndexedDB into site with a Service Worker
Code for Service Workers 9 - Integrating IndexedDB into site with a Service Worker - app.js
Audio
رادیو جادی ۱۶۰، دگمهها
در مورد عجیبترین خبر امنیتی این سالها حرف میزنیم: کشف شدن یه در پشتی در محصولات اپل اما خبرهای فان هم داریم: اضافه شدن دگمههای جدید به فولکس و کیبردهامون و احتمال اینکه با گوشی بتونیم به استارلینک وصل بشیم و فروش دوربینهای مدار بسته اتاق خوابها!
01:50 - عجیبترین خبر امنیتی: در پشتی تمام آیفون ها و آیپدها و ...
18:03 - احتمال سرویسدهی مستقیم استارلینک به گوشیهای همراه
20:30 - فروش دوربینهای مداربسته اتاق خوابها
22:45 - شکست تاریخی گوگل از اپیک گیمز در دادگاه
27:50 - هکر ۱۸ ساله جی تی ای ۶ به سپراندن زندگی در بیمارستان محکوم شد
31:30 - مرگ نیکولاس ورت و قانون ورث
35:10 - دگمههای فیزیکی به فولکس واگن باز میگردند
37:39 - مایکروسافت یک دگمه جدید به کیبردها اضافه میکند؛ برای هوش مصنوعی
39:30 - سهم بالاخره چهار درصدی لینوکس از دسکتاپ
41:00 - شرایط ایران، هک پمپ بنزینها و اسنپ فود و ...
43:54 - اتحادیه کارگری تسلا
49:30 - ایمیلها؛ استرینگ کست، بحث اعتراض و گرایش سیاسی ۳ کشته شده اعتراض به سفر نیکسون و کلاه برداری «فارسی کم»
52:00 - پیامهای آخر
https://youtu.be/R3BlJAJ74MM
در مورد عجیبترین خبر امنیتی این سالها حرف میزنیم: کشف شدن یه در پشتی در محصولات اپل اما خبرهای فان هم داریم: اضافه شدن دگمههای جدید به فولکس و کیبردهامون و احتمال اینکه با گوشی بتونیم به استارلینک وصل بشیم و فروش دوربینهای مدار بسته اتاق خوابها!
01:50 - عجیبترین خبر امنیتی: در پشتی تمام آیفون ها و آیپدها و ...
18:03 - احتمال سرویسدهی مستقیم استارلینک به گوشیهای همراه
20:30 - فروش دوربینهای مداربسته اتاق خوابها
22:45 - شکست تاریخی گوگل از اپیک گیمز در دادگاه
27:50 - هکر ۱۸ ساله جی تی ای ۶ به سپراندن زندگی در بیمارستان محکوم شد
31:30 - مرگ نیکولاس ورت و قانون ورث
35:10 - دگمههای فیزیکی به فولکس واگن باز میگردند
37:39 - مایکروسافت یک دگمه جدید به کیبردها اضافه میکند؛ برای هوش مصنوعی
39:30 - سهم بالاخره چهار درصدی لینوکس از دسکتاپ
41:00 - شرایط ایران، هک پمپ بنزینها و اسنپ فود و ...
43:54 - اتحادیه کارگری تسلا
49:30 - ایمیلها؛ استرینگ کست، بحث اعتراض و گرایش سیاسی ۳ کشته شده اعتراض به سفر نیکسون و کلاه برداری «فارسی کم»
52:00 - پیامهای آخر
https://youtu.be/R3BlJAJ74MM
🐳 نحوه ایجاد انیمیشن های CSS سفارشی با مثال | How to Create Custom CSS Animations with Examples
🔗 How to Create Custom CSS Animations with Examples
#مقاله #آموزشی
@codeaghajcs
🔗 How to Create Custom CSS Animations with Examples
#مقاله #آموزشی
@codeaghajcs
📄 درک تفاوت ها: رندر سمت سرور (SSR) در مقابل تولید سایت استاتیک (SSG) در Next.js Understanding the Differences: Server Side Rendering (SSR) vs Static Site Generation (SSG) in Next.js
- من خیلی وقت ها گفتم که ما داریم توی وب وارد دنیایی میشیم که مرورگر ها نقش بیشتری توی سایت ها خواهند داشت. متاسفانه ما دیگه الان وارد اون دنیا شدیم، با تکنولوژی هایی مثل وب ورکر و جاوا اسکریپت multi thread و تایم اسکریپت و... این مقاله کمک میکنه درک کنید که فرق ssr(مدلی که توش html سمت سرور تولید میشه و توی مرورگر فقط نمایش داده میشه) و مدل spa(مدلی که توش یه سری کد js و یه صفحه html ساده و یه مشت استایل میان روی مرورگر و بقیه سایت رو اون فایل js میسازه) دقیقا چیه و نگاهشون در آینده سمت کجاست. حتی اگر از react یا lit یا angular یا blazor استفاده میکنید، یه نگاه بهش بندازید بد نیست 👌
🔗 Understanding the Differences: Server Side Rendering (SSR) vs Static Site Generation (SSG) in Next.js
#مقاله #آموزشی
@codeaghajcs
- من خیلی وقت ها گفتم که ما داریم توی وب وارد دنیایی میشیم که مرورگر ها نقش بیشتری توی سایت ها خواهند داشت. متاسفانه ما دیگه الان وارد اون دنیا شدیم، با تکنولوژی هایی مثل وب ورکر و جاوا اسکریپت multi thread و تایم اسکریپت و... این مقاله کمک میکنه درک کنید که فرق ssr(مدلی که توش html سمت سرور تولید میشه و توی مرورگر فقط نمایش داده میشه) و مدل spa(مدلی که توش یه سری کد js و یه صفحه html ساده و یه مشت استایل میان روی مرورگر و بقیه سایت رو اون فایل js میسازه) دقیقا چیه و نگاهشون در آینده سمت کجاست. حتی اگر از react یا lit یا angular یا blazor استفاده میکنید، یه نگاه بهش بندازید بد نیست 👌
🔗 Understanding the Differences: Server Side Rendering (SSR) vs Static Site Generation (SSG) in Next.js
#مقاله #آموزشی
@codeaghajcs
👍1
🐳 رود مپ و منابع آموزش خوب و تخصصی برای #شروع یادگیری تایپ اسکریپت
🔗 https://typescriptlang.org/doc... (کل سایتش رو بگردید تمام این مطالب رو پیدا میکنید و میتونید رایگان یاد بگیرید)
🔗 https:/freecodecamp.org/ne... (مباحث رو تا Combining Types میتونید با این لینک دنبال کنید)
- چند مورد مطلب و مقاله دیگه در مورد درک تایپ اسکریپت و یاد گرفتنش گوشه کنار اینترنت :
🔗 https://www.awwwards.com/websites/typescript/
🔗 https://codeburst.io/a-beginners-guide-to-setting-up-a-web-application-with-typescript-and-express-e1cf8319bc5c.
🔗https://www.thisdot.co/blog/web-scraping-with-typescript-and-node-js.
🔗 https://www.typescriptlang.org/docs/.
🔗 https://www.typescriptlang.org/play/javascript/external-apis/typescript-with-web.js.html
- این چند تا منابع خوبی بودن برای یادگیری تایپ اسکریپت به ذهنم رسید بزارم اینجا
#معرفی_منابع #آموزشی
@codeaghajcs
🔗 https://typescriptlang.org/doc... (کل سایتش رو بگردید تمام این مطالب رو پیدا میکنید و میتونید رایگان یاد بگیرید)
🔗 https:/freecodecamp.org/ne... (مباحث رو تا Combining Types میتونید با این لینک دنبال کنید)
- چند مورد مطلب و مقاله دیگه در مورد درک تایپ اسکریپت و یاد گرفتنش گوشه کنار اینترنت :
🔗 https://www.awwwards.com/websites/typescript/
🔗 https://codeburst.io/a-beginners-guide-to-setting-up-a-web-application-with-typescript-and-express-e1cf8319bc5c.
🔗https://www.thisdot.co/blog/web-scraping-with-typescript-and-node-js.
🔗 https://www.typescriptlang.org/docs/.
🔗 https://www.typescriptlang.org/play/javascript/external-apis/typescript-with-web.js.html
- این چند تا منابع خوبی بودن برای یادگیری تایپ اسکریپت به ذهنم رسید بزارم اینجا
#معرفی_منابع #آموزشی
@codeaghajcs
👍1