ساخت اَپ سِرچ با ASP .net

برای اجرا:
- سرچ عبارت dotnet sdk درگوگل و دانلود آخرین نسخه از سایت مایکروسافت مطابق با سیستم عامل و نصب اون.
- باز کردن پوشه ی این پروژه و تایپ عبارت cmd در مسیر نوار آدرس پنجره اش در ویندوز. یا باز کردن خط فرمان در سیستم عامل های دیگر در مسیر این پروژه.
- تایپ دستور dotnet run و انتظار برای نمایش پیام اجرای سِرور در localhost:5001 که پس از عمل build انجام میشه.
- باز کردن مرورگر و تایپ نشانی localhost:5001
دیتابیس این پروژه یک فایل متنی به نام database.txt در ریشه ی اونه. جای عبارات درج شده در این فایل میشه از هر چیزی استفاده کرد. مثل کلمات انگلیسی با معنای فارسی که میشه اَپ دیکشنری!

لینک های مرتبط:
اهمیت کتابخانه های جدید
کتاب سی شارپ مقدماتی
روی هشتگ csharp (داخل کانال) بزنید.

#csharp #code #webdesign

فقط یک صفحه برای ویرایش و نمایش!

داشتم HTML را دوره می کردم که به مورد جالبی برخوردم. در نسخه ی جدید یعنی ۵ قابلیتی به نام content Editable برای تمام تگ های نمایشی مثل p یا حتا span وجود دارد که اگر مقدار این پارامتر را برای آنها true کنیم، با کلیک بر روی محتوای آنها تبدیل به input می شوند!
بعد ذهنم رفت به دنبال اینکه کدی بنویسم تا برای ویرایش و نمایش اطلاعات فقط یک صفحه بسازیم.

#php #csharp #webdesign #code

کد PHP و #C مربوط به ویدیوی ساخت یک صفحه برای ویرایش و نمایش:

https://t.me/codinginaday/535

امن کردن و قطع دسترسی به برخی فایلها در وب
در ادامه ویدیویی در این مورد خواهید دید.

#code #webdesign #php #server

روش مخفی کردن فایل ها در سِرور آپاچی

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

ذخیره و بازیابی در دیتابیس
ذخیره ی آمار سایت در فایل متنی
سایت ساز با فایل متنی
سایت ساز با دیتابیس

#code #php #server

رمزگذاری روی کلمات عبور

یک روش ساده و در عین حال کاربردی که در آن پسوردها به صورت متن عادی ذخیره نمی شوند.

در همین ارتباط ببینید:
- پیامرسانی رمزی
- رمزگذاری کدنویسی

#php #code #webdesign

مشکل سورت فارسی در PHP

مرتب سازی مقادیر فارسی در آرایه ها با دستور asort یا دستورات مشابه به تنهایی و با ترتیب الفبای فارسی رخ نمیده!
اصولاً در مورد collation خارج از دیتابیس هم جایی بحث نشده. برای همین نمونه کدی رو تهیه کردم که به خوبی این مشکل رو رفع می کنه.

#php #code #webdesign

تبدیل اعداد به فرمت های خوانا

این الگوریتم ممکنه خیلی بهینه نباشه ولی خیلی بی دردسره و به راحتی میشه با درکش، اعداد مختلف رو قبل از نمایش به ارقام فارسی تبدیل کرد یا جداکننده های خاص تعریف کرد و تعداد اعشار رو بهش گفت و ..
عملگر number_format مال خود زبان PHP هست و میشه در موردش بیشتر در اینترنت خوند. ولی to_persian_number نوشته شده.

#php #web #code

برنامه ی حدس کلمات یا حل آمیرزا

#javascript #webdesign #code

https://t.me/IranianExperts/507

#csharp #code #webdesign

تغییر رنگ آیکون با کد

برای غیرفعال نشان دادن لینک ها و آیکون ها نیاز به طراحی مجدد ندارید!
پست مربوط به تبدیل عکس به آیکون رو هم ببین.

#webdesign  #code #graphics

کد شبیه سازی خواب پو مربوط به ویدیو

شبیه سازی و کدی ساده

در اینجا از یک شخصیت معروف بازی به نام Pou استفاده کردم و بخشی از فرآیندهای حیاتی اون یعنی بخش خواب رو شبیه سازی کردم. کد اون رو هم قبلش براتون فرستادم.

#javascript #code #game

تولید صدا با کدنویسی!

ایده ای برای ساخت صداهای ساده بدون بارگزاری فایل صوتی. مطلب می تواند از جنبه های مختلف مثل اخطار به کاربران برنامه تا تولید نت های موسیقی مفید باشد.

#javascript #code

نمایش قطع شدن اینترنت به کاربر

برای صفحات بورسی یا چت لازمه کاربر بدون چک کردن کانکشن خودش گاهی پیام مناسب دریافت کنه که الان آنلاینه هنوز یا نه. اینجا در خلاصه ترین حالت و کد موضوع رو بررسی کرده ام. البته روش های پیچیده تری هم با جاوااسکریپت داره.

#javascript #webdesign #code

نرم افزارهای تک صفحه یا SPA
آری یا نه؟

فقط توجه داشته باش:
ساخت نرم افزارهای تک صفحه ای SEO Friendly کمی پیچیده و نیازمند دانش بالا است. چون تغییر صفحات سمت کاربر اتفاق می افتد نه با مراجعه به سرور و از چشم روبات های گوگل پنهان است!
بالطبع با این اوضاع مواردی مثل آمار بازدید از صفحات نیز باید با تکنیک خاصی جمع آوری شود.
فعال بودن  JavaScript  در  SPA  امری حیاتی است. در صورتی که کاربر JavaScript مرورگر خود را غیرفعال کند، نرم افزار شما دچار مشکل خواهد شد.

در مقایسه با نرم افزارهای سنتی، SPA دارای امنیت کمتری است. دلیل این موضوع  XSS  یا  Cross site scripting  است. در این حالت حمله کننده به جای کاربر می تواند کدی را تزریق کند. این موضوع به معنی امن نبودن نیست بلکه رعایت نکات امنیتی نیازمند دقت، تجربه و دانش بیشتری است. یعنی یک هکر ممکن است با مطالعه کدهای برنامه بتواند به صورت غیر مجاز ارتباط با بک اند بگیرد. در حالی که در نوع معمولی و غیر spa همه ی کدها سمت سِرور است.

کمبود حافظه در JavaScript گاهی حتی منجر به کندی سیستم های قدرتمند می شود. چون بخش زیادی از باری را که باید برای پردازش روی سِرور انجام شود، سمت کلاینت رخ می دهد و سیستم کاربر باید قوی باشد.

دکمه های Back و Forward مرورگر در این نرم افزارها فاقد استفاده شده یا ممکنه خوب کار نکنن.

آدرس دهی صفحات فیک هستن و به طور نرمال شما تغییر صفحه و رفرش ندارین.
در نهایت با توجه به گذشت سه نسل از Blazor در داتنت و تکنیک استفاده از وب اسمبلی با سرعت بیشتر نسبت به جاوااسکریپت و کدنویسی بسیار کم حجم تر، این تکنولوژی پیشنهاد می شود.

ساخت برنامه ی چت به زبان ساده:
https://t.me/codinginaday/500

#skill

کلیدهای سفارشی Bootstrap

رنگ کلیدهای بوت استرپ محدود به ۵ رنگ یا همین حدوده.
یه سایت کد جالبی ارائه کرده که با زحمت زیاد به صورت آفلاین ذخیره اش کردم تا با سرعت خیلی بالا به هر رنگ دلخواه کلید بوت استرپی بسازیم!
اولین پارامتر برنامه اسم کلاسی هست که به رنگ اون کلید میدیم و هر جا این نام کلاس رو به کار ببریم به کلید مورد نظر دست پیدا خواهیم کرد.
کافیه فقط کدهای css رو که جنریت کرده به پروژه اضافه کرده باشیم.

#code #codegenerator #css #bootstrap

اجرای ویدیو در زمینه ی صفحه وب

در بکگراند یک ویدیوی زیبا لوپ بشه و روی اون در شکل های مختلف متن یا کلید برای عبور به صفحات دیگه قرار داده بشن.
جای این ویدیو میتونین هر فیلم دیگه قرار بدین و کدهای نمونه رو یکی یکی تست کنید.

#code #webdesign #html #css

یک قالب جمع و جور واکنشگرا

   چند قالب جالب قبل از این معرفی شدن از جمله:
نمونه ی قابل استفاده در بلیزر.
و نمونه های وردپرس.
و همچنین نمونه های مستقل.

اما ویژگی این قالب الان، مستقل بودن از فریمورک های سنگین مثل بوت استرپ و شکیل بودن با کمترین کد هست.
همینطور نمونه ی خوبی برای آموزش و یادگیری css.

#code #webdesign #css

لینک به هر قسمت از صفحه ی جاری!

یعنی به محض کلیک برو به اون قسمت خاص از صفحه، حالا بالا، پایین یا وسط اسکرول میشین به اونجا.
کافیه یه تگ div با id مشخص مثلاً services داشته باشین:
<div id="services"> .. </div>

حالا کافیه یه کد مثلاً به صورت زیر برای ساختن لینک بسازین:
<a onclick=
"document.getElementById('services').scrollIntoView();">
اطلاعات بیشتر
</a>
تقریباً روی همه ی مرورگرها این کد جاوااسکریپتی جواب میده!

حالا اگه علامت ماوس رو هم بخواهین میتونین تغییر بدین:
<style>
a {
cursor: pointer;
}
</style>

#code #webdesign #javascript