ویکی پدیا  بدون اینترنت!

   روش دانلود و اجرای کامل ویکی پدیا روی گوشی یا لپتاپ به همراه یادگیری نصب و راه اندازی ویکی پدیای شخصی!

- راه اندازی سایت و اینترنت شخصی
- تبدیل اپ تحت وب به اَپ موبایلی
- ساخت برنامه ی ویندوزی با PHP
- روبات ساده ی خواننده ی سایت ها
- اجرای خطی PHP در گوشی آندروید

#cms  #skill  #webdesign

جلوگیری از ذخیره ی تصاویر سایت!

حتماً کد از کار انداختن کلیک راست ماوس و گزینه هایی مثل ذخیره یا کپی تصاویر رو دیده اید. به هر حال اگه از روش های معمول نمایش تصویر استفاده کرده باشین، باز با ذخیره ی صفحه ی وب، عکس های داخلش هم دانلود میشن!
اما در روش ترکیبی که اینجا معرفی شده دیگه چنین اتفاقی نخواهد افتاد. چون در واقع برای نمایش تصویر اون رو در زمینه ی صفحه لود می کنیم. توضیحات فارسی در کد به اندازه ی کافی گویا هستن.
اگر چه در مرورگرهای معروف کروم و فایر فاکس دیگه با این روش نمیشه عکسها رو دانلود یا اشتراک گذاری کرد، ولی با عکاسی از صفحه و نظایر اون هنوز ممکنه. پس توصیه میشه از واترمارک و انداختن طرح خصوصی هم داخل عکسها بهره ببرین.

#html #css #code #webdesign

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

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

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

#csharp #code #webdesign

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

بارها در کانال نشون دادیم که چطور میشه از گوشی های هوشمند مثل کامپیوتر بهره برد. نرم افزار Acode از هر نظر به خصوص خودتکمیلی کدها برای وب آماده شده. اما لازمه نمونه های قبلی رو هم که در کانال معرفی شدن یادآوری کنیم:

اجرای سریع جاوااسکریپت در آندروید
اجرای PHP و MySQL در موبایل
نصب وردپرس در گوشی
نصب Node.js در آندروید
ارتباط با فایل های Termux

#ide #webdesign

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

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

#php #csharp #webdesign #code

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

https://t.me/codinginaday/535

آموزش طراحی Grid

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

#css #webdesign

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

#code #webdesign #php #server

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

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

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

#php #code #webdesign

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

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

#php #code #webdesign

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

#javascript #webdesign #code

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

برنامه ی نمونه:
بازی سنگ کاغذ قیچی

#javascript #webdesign #game

https://t.me/IranianExperts/507

#csharp #code #webdesign

آیکون های برداری طراحی سیستم

   اگه بعد از اجرای پروژه ی بلیزر افقی در مرورگر  روی صفحه زوم کنید، متوجه ی بُرداری بودن آیکون ها خواهید شد.  یعنی علاوه بر کاهش محسوس حجم فایل های گرافیکی با فرمت svg.  به هیچ وجه شاهد کاهش کیفی در سایز های مختلف هم نخواهیم بود. این فرمت به راحتی در ویندوز و خارج از مرورگر قابل رویت نیست و باید توسط برنامه های طراحی مانند ایلستریتور یا کورل طراحی شوند.
حتا با قرار دادن این تصاویر در یک ویرایشگر متنی متوجه‌ی کد بودن این تصاویر خواهید شد! به طوری که قادرید لالوی HTML آنها را وارد کرده و حتا به صورت فایل گرافیکی مجزا نباشند!
    و برنامه ای بهتر و کاربردی و اوپن سورس در این زمینه با نام Inkscape هم قبلاً برای ویرایش این تصاویر فرستاده شد.

   این فایل آیکون ها رو نیز براتون میفرستم که منحصر به فرد طراحی شدن و قابلیت ویرایش یا استفاده در پروژه ها رو به همین شکل دارن.
   در ضمن چهل آیکون معروف هم قبلاً از سایت های پولی دریافت و ارسال شد. پک آیکون هتل را هم ببینید.

#webdesign #graphics

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

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

#webdesign  #code #graphics

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

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

#javascript #webdesign #code

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

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

#code #webdesign #html #css

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

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

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

#code #webdesign #css

همنشینی رنگهای جذاب در سایت

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

#webdesign #graphics