Html & Css
12.7K subscribers
685 photos
304 videos
44 files
557 links
💢ناب ترین پروژه های طراحی وب رو اینجا میتونی پیدا کنی!

ثبت نام در کانال VIP
https://yangx.top/Vip_Canal1
加入频道
چند تصور اشتباه در مورد هوش مصنوعی ...


✴️ اولین کانال آموزش تعمیرات خودرو در تلگرام 🔥👇👇

✴️ @Khodro_Yar1
👍2🔥1
چطور یه سایت سریع و بهینه طراحی کنیم؟

برای اینکه سایتت سریع و کاربرپسند باشه، باید به جزئیات دقت کنی. سرعت و بهینه‌بودن سایت، نه تنها روی تجربه کاربری اثر می‌ذاره، بلکه برای سئوی سایت هم اهمیت زیادی داره. چند راهکار کاربردی برای بهینه‌سازی سایتت:
1. تصاویر رو فشرده کن

تصاویر بزرگ و سنگین باعث کندی سایت می‌شن. قبل از اینکه تصاویر رو توی سایت آپلود کنی، با ابزارهایی مثل TinyPNG یا ImageOptim حجمشون رو کم کن. این کار سرعت لود صفحات رو افزایش می‌ده.
2. فایل‌های CSS و JavaScript رو بهینه کن

کدهای اضافی و تکراری توی فایل‌های CSS و JavaScript رو حذف کن. از ابزارهایی مثل MinifyCSS و UglifyJS برای فشرده‌سازی استفاده کن تا حجم فایل‌ها کاهش پیدا کنه.
3. Lazy Loading برای تصاویر

همیشه لازم نیست که تمام تصاویر یه صفحه به‌یک‌باره لود بشن. با استفاده از تکنیک Lazy Loading می‌تونی تصاویر رو فقط زمانی لود کنی که کاربر به اون قسمت صفحه برسه. اینجوری سرعت اولیه لود سایتت بالا می‌ره.
4. Caching فعال کن

استفاده از Caching باعث می‌شه مرورگر کاربر، اطلاعات سایتت رو ذخیره کنه و در مراجعات بعدی سریع‌تر بارگذاری بشه. ابزارهایی مثل WP Super Cache برای وردپرس یا تنظیمات CDN‌ها مثل Cloudflare می‌تونن بهت کمک کنن.
5. استفاده از CDN

اگر سایتت بازدیدکننده‌های بین‌المللی داره، بهتره از CDN استفاده کنی. CDN باعث می‌شه اطلاعات سایتت از سرورهایی نزدیک به کاربر لود بشه و سرعت بارگذاری بهبود پیدا کنه.

🖥️ @Html_Css100
3👍1
بریم خیلی خلاصه با تفاوت هاشون آشنا بشیم:

💎CSS Grid:
برای چیدمان دو‌بعدی هست و اجازه میده ردیف‌ها و ستون‌ها را همزمان کنترل کنیم. مناسب برای چیدمان صفحات پیچیده و ساختار کلی صفحات سایته

🔥Flexbox:
برای چیدمان تک‌بعدی در یک محور (افقی یا عمودی) طراحی شده و برای چیدمان‌های ساده‌تر، مثل مرتب‌سازی آیتم‌ها در یک ردیف یا ستون مناسبتره.

🎯🎯🎯کجا از کدوم استفاده کنیم؟

CSS Grid:
برای طراحی چیدمان کلی صفحات وب و ساختارهای پیچیده که به ستون‌ها و ردیف‌ها نیاز دارن

Flexbox:
برای چیدمان عناصر داخلی مانند منوها، کارت‌محصول، یا مرتب‌سازی آیتم‌ها در یک ردیف یا ستون ساده.

استفاده ترکیبی از هر دوتاشون چیدمان بهتری ایجاد میکنه👌

🖥 @Html_Css100
👍11
اگه میخوای برنامه نویس بشی نیازی به اینا نیس👌

🖥 @Html_Css100
👍12👎1🔥1
همه متد های HTTP در یک نگاه

🖥 @Html_Css100
⁉️ چطوری تمیز کد بزنیم؟

💎 بچه‌ها این 7 تا کار رو از همین الان انجام بدید که تمیزتر کد بنویسید:

1️⃣ هر خط کد را با خودتان بلند بخوانید – اگر فهمیدنش سخت بود، بازنویسی کنید.

2️⃣ برای متغیرها، جمله کامل بنویسید – مثلاً userFirstName به جای uFN.

3️⃣ از Debugger به جای چاپ لاگ استفاده کنید – همین الان جایگزین کنید.

4️⃣ هر تابع را محدود به حداکثر 10-15 خط کنید – طولانی‌تر شد، تقسیم کنید.

5️⃣ توضیحات اضافی حذف کنید – اگر کد خودش گویای عملکرد است، کامنت ننویسید.

6️⃣ در IDE خود، Auto-Format را فعال کنید – با یک کلیک ظاهر کد را بهبود دهید.

7️⃣ یک فایل کد قدیمی‌تان را باز کنید و بخش‌هایی که متوجه نمی‌شوید، ساده‌سازی کنید.

🖥 @Texpert_100
👍7👎1
عوامل موثر روی سئو سایت

🖥 @Html_Css100
2
تو css میتونید با استفاده از empty به اون تگ های که خالی هستن یک استایل مشخص بدید

🖥 @Html_Css100
3👍1
Forwarded from 𝓜𝓪𝓱𝓫𝓸𝓾𝓫𝓮𝓱
🎉 دنبال یه فرصت برای آینده کاری و‌ مالی امن هستی؟

🤔تا حالا به این فکر کردی که مهارتی که داری می‌تونه بهت درآمد دلاری بده؟

😑شاید فقط نمی‌دونی از کجا باید شروع کنی یا فکر می‌کنی موانع زیادی سر راهته.

📌 تو وبینار ویژه یلدا ما بهت یاد می‌دیم:

• چطور از مهارتت استفاده کنی و اولین قدم رو برداری.
• راه‌هایی که می‌تونی باهاش یه مسیر شغلی امن و پایدار بسازی.
• چطور درآمد دلاری رو وارد زندگیت کنی.

⚡️این فرصت برای توئه که امروز، یک آینده‌ای متفاوت بسازی.
https://links.etekanesh.com/ComputerS3


@TekaneshAcademy
👎1
رایگانه ها 😐
ی همچین عنوانی میبینید حتما شرکت کنید، مخصوصا وقتی رایگانه

امیدوارم که مفید باشه🥰🔥
👍1
Forwarded from FaraDars_Course
🔴 «آموزش کتابخانه استاندارد پایتون» با تخفیف ویژه در فرادرس

🔸 کتابخانه استاندارد شامل: ماژول‌های پشتیبانی اصلی، رابط‌های سیستم‌عامل، پروتکل‌های شبکه، فرمت‌های فایل، تبدیل داده‌ها، رشته‌‎ها و فرایندها و ذخیره داده‌ها، مالتی‌مدیا، رمزنگاری و... است. ماژول‌های موجود در کتابخانه استاندارد پایتون، راه‌ حل‌های زیادی را برای مشکلات روزمره برنامه‌نویسی ارائه می‌دهند. یادگیری این ماژول‌ها و آشنایی با آن‌ها می‌تواند راهگشای مسائل و ابهامات در برنامه‌ها و کدها باشد.

🔸 هدف از این فرادرس ارائه ماژول‌هایی است که با پایتون نصب می‌شوند و نیاز به نصب جداگانه ندارند و تحت عنوان کتابخانه استاندارد پایتون شناخته می‌شوند. لازمه یادگیری این آموزش، آشنا بودن به زبان برنامه‌نویسی پایتون است. در این فرادرس موضوعاتی از جمله: دایرکتوری (Directory) و فایل، زمان، اعداد، دسترسی به اینترنت و رمزنگاری و... را بررسی و ماژول‌های مربوط به هر مبحث را آموزش می‌دهیم.

👇 شروع یادگیری 👇

▫️ کتابخانه استاندارد پایتون + نکات کاربردی

🎁 کد تخفیف ۷۰ درصدی:
DSH77

🔗 سایر آموزش‌های پایتون - [کلیک کنید]

🔄 FaraDars - فرادرس
👍3
4 نکته به درد بخور برای تمرین برنامه نویسی

✏️ قبل از کدنویسی، کاغذ و قلم دستت بگیر
نقشه‌ی کلی کدت رو روی کاغذ بکش یا حتی شبه‌کد بنویس. اینجوری خیلی راحت‌تر و بدون گیجی می‌ری سراغ کدنویسی.

🔍 مشکلات رو گوگل کن، اما قبلش خودت فکر کن
قبل از اینکه سراغ گوگل بری، یه کم با مسئله کلنجار برو. اینجوری ذهنت راه‌حل پیدا کردن رو یاد می‌گیره.

🖥 کد زدن رو با چالش‌های کوچیک شروع کن
قبل اینکه بری سراغ پروژه‌های سنگین، یه سری چالش کوچیک مثل حل مسائل الگوریتمی یا پروژه‌های ساده انجام بده. مغزت گرم می‌شه و اعتمادبه‌نفست میره بالا.

☺️ سعی کن کد بقیه رو بخونی

فقط کد زدن مهم نیست، خوندن کدهای دیگران بهت یاد می‌ده که چجوری بهتر فکر کنی و روش‌های جدید پیدا کنی.

🖥️ @Html_Css100
👍12
Forwarded from FaraDars_Course
🎁 فرصت ویژه — ۵ آموزش جذاب «برنامه نویسی ربات تریدر» با ۷۰⁒ تخفیف در فرادرس🤩
 
◾️ اکسپرت نویسی بورس در متاتریدر و پیاده سازی ربات معامله گر
 
✔️ برخی از پرطرفدارترین آموزش‌ها 👇
 
▫️ پایتون Python مقدماتی
 
▫️ پیاده سازی ربات معامله گر با مدل SVM در پایتون
 
▫️ اکسپرت نویسی بورس با زبان MQL4 در متاتریدر ۴
 
▫️ اکسپرت‌ نویسی بورس با زبان MQL5 در متاتریدر ۵
 
▫️ معامله گری به سبک اسمارت مانی در بازارهای مالی
 
⭐️ کد تخفیف: DSH77
 
📚 مشاهده سایر آموزش‌ها - [کلیک کنید]
 
💎 آموزش‌های رایگان [+]

🔄 FaraDars - فرادرس
Forwarded from .
پسر همسایه‌مون ۱۸ سالشه ماهی۷۰میلیون تومن درآمد داره😳😐
ازش پرسیدم تو این شرایط اقتصادی و با این سن وضعت چطور اینقد خوب شده ببین تو چت چی گفته؟
@poolsazi
@poolsazi
👍1
وقتی فرانت آماده س ولی بک اند هنوز آماده نشده 😂

🖥 @Html_Css100
🤩11👍8👎1
می دونستید که هر ارور یه معنی خاصی داره؟


✴️ اولین کانال آموزش تعمیرات خودرو در تلگرام 🔥🔥👇

✴️ @Khodro_Yar1
👍2
5 تم جذاب VS Code که باید تجربه کنی

1️⃣ تم Dracula Official
تمی تیره و چشم‌نواز که هم برای کد نویسی طولانی مناسب هست و هم خیلی سبک و خوش رنگه. همه‌چیز واضح و مشخصه.

2️⃣ تم One Dark Pro
این یکی یه کلاسیکه! رنگ‌بندی عالی و تجربه‌ی کاربری خیلی روان داره. دیگه خیلیا ازش استفاده می‌کنن چون چشم رو اذیت نمی‌کنه.

3️⃣ تم Ayu Mirage
تم رنگی نرم و شیک، با رنگ‌های ملایم که نه خیلی تیره‌ست و نه خیلی روشن. واسه کسانی که دنبال یه تعادل بین روشن و تیره هستن عالیه.

4️⃣ تم Night Owl
این تم مخصوص کسایی که شب‌ها تا دیروقت کدنویسی می‌کنن. رنگ‌ها طوری طراحی شدن که چشم رو کمتر خسته می‌کنن و باعث تمرکز بیشتر می‌شه.

5️⃣تم Palenight
اگه دنبال یه تم با رنگ‌های جذاب و باحال هستی که چشم‌نواز باشه، این یکی رو از دست نده. تمی هست که هر کسی یه بار استفاده کنه، دیگه نمیتونه ازش دل بکنه.

🖥 @Html_Css100
👍111
اگه کارت بانکی خارجی با موجودی میخواید سریع تر عضو کانال زیر بشید. (تعداد کارت ها محدوده پس حتما عجله کنید!!!)

https://yangx.top/+INqLIhANmKkwMTE0
👍1
📌 زبان PHP چیست؟
زبان PHP یه زبان برنامه نویسی توسعه یافته برای طراحی وب است که مخفف Hypertext Preprocessor به معنای پیش پردازنده ابرمتن است اما در ابتدا PHP از عبارت  personal home page به معنای صفحه خانگی شخصی گرفته شده بود.
زبان PHP داینامیک یا به اصطلاح پویا هست و سمت سرور می‌باشد.
از PHP میشه به عنوان زبان برنامه نویسی عمومی هم استفاده کرد.

⁉️ چه کسی زبان PHP را به وجود آورد؟
راسموس لردوف این زبان را در سال 1373 ساخته است که در حال حاضر توسط گروه PHP در حال توسعه است.

⁉️ چند درصد وب سایت‌ها به زبان PHP هستند؟
می‌توان گفت حدود سه چهارم وب‌سایت‌های دنیا از این زبان استفاده‌ می‌کنند. سایت‌های شناخته شده‌ای مثل Facebook و Yahoo و Wikipedia از این زبان استفاده کردند.

⁉️ برای استفاده از PHP به چه چیزی نیاز داریم؟
برای استفاده و اجرای صفحات PHP توی مرورگر باید Wamp Server و یا Xampp Server رو روی کامپیوتر خود نصب کنید که به عنوان یک سرور محلی شبیه‌سازی کند، یا اینکه صفحه خود رو بر روی یک وب سرور که از PHP پشتیانی می‌کنه که توی سیستم عامل ویندوز IIS یکی از بهترین گزینه هاست و Apache و Nginx توی سیستم عامل‌های لینوکس و Mac که پر استفاده هستند، اجرا نمایید.

⁉️ با کدام پایگاه‌ داده‌ها یا Database می‌توان با PHP کار کرد؟
همان‌طور که گفتیم از پایگاه داده‌ها برای سایت‌های داینامیک جهت خواندن و ذخیره و بازیابی و... استفاده میشه که برخی از پایگاه داده‌ها عبارتند از:
1. MySQL
2. SQL Server
3. PostgreSQL
4. Generic ODBC
5. Oracel
6. ODBC

⁉️ از کدام پایگاه داده استفاده کنیم؟
پایگاه داده MySQL از معروف‌ترین و کاربردی‌ترین پایگاه‌داده‌ها است.

🖥 @Html_Css100
👍9
ایردراپ جدید و معتبر سیگما که در مدت زمان بسیار کم تونسته ۱ میلیون کاربر جذب کنه! همین الان استارت بزنید !

هیچ کاری لازم نداره فقط کیف پول رو وصل کنید و تمام! منتظر لیست شدنش باشید 🔥🔥👇👇

✴️ ایردراپ معتبر سیگما👇👇

https://yangx.top/sigmatonbot/app?startapp=ref_mc231m
👍1