مرجع HTML 5

پایه ی طراحی وب و اسکلت هر صفحه ی وب از یک اپلیکیشن در هر زبانی مثل ASP یا PHP کدهای HTML است. در واقع این یک زبان برنامه نویسی نیست و فقط برای آرایش و چیدمان اجزای صفحه از متن و عناصر چندرسانه ای مثل فیلم و عکس است. در این کتاب آموزش کاملی همراه مثال های کاربردی خواهید دید.

#webdesign #html #book

💎 آموزش HTML و CSS از مقدماتی (فارسی) حسن خسروجردی

📌 تمام جلسات یکجا

#فیلم #ویدئو #وب #وبسایت
#Video #Website #Web #HTML #html #Css #Css3
🆑 @Computer_IT_Engineering

دسترسی به مطالب کانال:
مبتدی #beginner
گرافیک #graphics
بانک #database
کدها #code
محیط #ide
ابزارها #tools
بازی #game
کتاب #book
آندروید #android
وب #webdesign
کدساز #codegenerator
راهنما #skill

همینطور زبان و تکنولوژی های کدنویسی:
#csharp #php #javascript #vue
#sql #access #asp #server #spa
#typescript #html #css #nodejs
#xampp #mysql #wordpress

فراخوانی فایل HTML در  HTML
    مطالبی که گاهی در اینجا به صورت نکته میگم، در هیچ کانال دیگه ای ندیده ام. حتا توی دوره ها هم ندیدم! نمونه اش نحوه ی لینک دادن از روی نقشه ی ایران و هر استان به صورت مجزا بود که توی گروهها از خیلی ها پرسیدم و نمیدونستن! ولی اینجا یاد دادم که چطور اطراف یک شکل نامنظم مثل یک استان رو از نقشه انتخاب کرده و به صفحه ی دیگه لینک بدیم.
    حالا این بار به یه مورد جالب دیگه برخوردم. ممکنه بخواهیم هدر و فوتر طراحی کنیم و توی صفحات HTML فقط صداشون بزنیم. دلم میخواد الان در این مورد سرچ کنید و چه فارسی و چه انگلیسی متوجه میشین که توضیحات جالبی براش نیست! توی زبانهای برنامه نویسی مثل PHP چرا ولی HTML رو کمتر کسی برخورد داشته:
<object   data="header.htm"></object>
  دستور بالا رو داخل هر فایل htm دیگه بذارین محتوای فایل هدر رو میاره نشون میده و اینجوری از نوشتن کدهای تکراری مثل منوها معاف میشین. کاربردهای دیگه ی این دستور مثل صدا زدن PDF داخل صفحه رو هم مطالعه و سرچ کنید.
   فهمیدم باید همیشه مطالعه کرد.

#code  #html  #webdesign  #skill

روش ساخت لینک شماره تلفن یا نقشه

یعنی با یک کلیک یا تاچ بره شماره گیری، یا مسیریابی انجام بده و خودکار این کارو بکنه.

#html #code #webdesign

رمزگذاری روی HTML و Javascript

در این مورد یه ویدیو میذارم بعد از این پُست. کاربرد بسیار جالبی داره. البته نسخه های آنلاین رو هم میشه با سرچ عبارت html encrypt پیدا کرد.

#html #javascript #tools

قفل گذاری روی برنامه ها

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

#html #javascript #tools #code

لینکهای فراگیری Javascript

   علاوه بر اینکه در یک پُست هشتگ های کانال رو معرفی کرده ام، حالا لینکهایی از مطالب مربوط جاوااسکریپت رو هم براتون میذارم که دوره کنید:

- کار با Local storage دیتابیس داخلی
- مشکلات محاسباتی در جاوااسکریپت
- روش ساخت برنامه تست چند جوابی
- چهار فرآیند CRUD در جاوااسکریپت
- آموزش Typescript یا جاوااسکریپت۶
- یک برنامه ی محاسباتی جاوااسکریپت
- جزوه ی مدرن جاوااسکریپت فارسی
- قفل گذاری روی برنامه ی تحت وب
- جزوه ی نصب و آموزش Node.js
- روش ساخت اَپ تک صفحه در Vue.js
- روش ساخت تاس با ۵ خط کدنویسی

علاوه بر اینها روی هشتگ زیر بزنید:
#javascript

از کار انداختن کلیک راست ماوس!

#code #webdesign #html

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

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

#html #css #code #webdesign

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

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

#code #webdesign #html #css

برنامه‌ی سریع با کوپایلوت

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

#javascript #html

اَپلیکیشن مدیریت هزینه ها
امنیت مضاعف و سه زبانه!

   توقع خودم رو از اپلیکیشن تک صفحه (SPA) بالا بردم که بدون رفرش صفحه یعنی بدون Server  و اینجا حتا بدون دیتابیس امن قراره کار کنه! کنجکاوی هم نگذاشت دست از سر هوش مصنوعی بسیار قدرتمند چینی به نام Deep Seek بردارم.
بنابراین برنامه‌ی دفتر تلفن پیشرفته رو که خودش نوشته بود بهش دادم و در قالب یک برنامه ی جدید برای «ثبت هزینه‌های ماهانه» این تغییرات رو ازش خواستم:
- اپلیکیشن سه زبانه: فارسی، انگلیسی و چینی!
- رمز عبور Hash یا رمزنگاری شده تا از لوکال استوریج داخل مرورگر قابل مشاهده نباشه!
- لیست هزینه ها از گران به ارزان یا برعکس قابل سورت و مرتب سازی!
- جمع مبلغ خریدها محاسبه و در زیر جدول هزینه‌ها.

  بله حدود ۶۰۰ خط کد پیچیده رو در ۵ دقیقه نوشت گذاشت جلوم! در حالی که قبل از این برنامه‌ی ساده و ۵۰ خطی محاسبه‌ی شارژ ساختمان رو یک ساعت طول کشید با کلی دیباگ و سرچ بنویسم!

ابزارهای مرتبط:
تبدیل وب به EXE
تبدیل وب به APK

#javascript  #html 

تاس سه بُعدی فقط با CSS

با این برنامه‌ی بسیار جالب که فقط با اسکریپت CSS بسیار هنرمندانه‌ تاس های واقعی را شبیه سازی کرده می توان بدون صدا تخته نرد هم بازی کرد!
برای چرخش تاس ها و انیمیشن نرم اونها هم از جاوااسکریپت استفاده شده.
کدنویسی با هوش مصنوعی DeepSeek

#javascript #css #html