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

ثبت نام در کانال VIP
https://yangx.top/Vip_Canal1
加入频道
⁉️ چطوری تمیز کد بزنیم؟

💎 بچه‌ها این 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
برنامه‌نویسی را از چه سایتهای معتبری رایگان یاد بگیریم؟

از اینجا👇

Python ➡️ freecodecamp.org
Java ➡️codecademy.com
C ➡️programiz.com
C++ ➡️geeksforgeeks.org
C# ➡️learn.microsoft.com
Ruby ➡️ codecademy.com
Swift ➡️ hackingwithswift.com
Kotlin ➡️ kotlinlang.org
PHP ➡️ w3schools.com
R ➡️ datacamp.com
Go ➡️ go.dev
Rust ➡️ rust-lang.org
Perl ➡️ learn-perl.org
Scala ➡️ scala-exercises.org
Lua ➡️ learn-lua.org
Haskell ➡️ learnyouahaskell.com
Dart ➡️ dart.dev
Shell Scripting ➡️ tutorialspoint.com
MATLAB ➡️ mathworks.com
TypeScript ➡️ freecodecamp.org
Assembly ➡️ tutorialspoint.com
VB.NET ➡️ vb.net-informations.com
Fortran ➡️ fortran90.org

---

Frameworks and Libraries
React ➡️ scrimba.com
Vue.js ➡️ vuejs.org
Angular ➡️ angular.io
Node.js ➡️ skillup.online
Express.js ➡️ expressjs.com
Django ➡️ djangoproject.com
Flask ➡️ flask.palletsprojects.com
Ruby on Rails ➡️ rubyonrails.org
Spring Boot ➡️ spring.io
Laravel ➡️ laravel.com
ASP.NET ➡️ dotnet.microsoft.com
Bootstrap ➡️ getbootstrap.com
Tailwind CSS ➡️ tailwindcss.com
jQuery ➡️ jquery.com
Svelte ➡️ svelte.dev
Next.js ➡️ nextjs.org
Nuxt.js ➡️ nuxt.com
Electron ➡️ electronjs.org

🖥 @Html_Css100
👍2🤩2
Forwarded from FaraDars_Course
🔴🟠🟡 هر آموزش فقط ۷۹ هزار تومن!!! در جشنواره شگفتی فرادرس
 
🎁 ۵۰۰ آموزشِ ۷۹ هزار تومنی؛ بهترین فرصت برای شروع یادگیری و کسب مهارت
 
🔻 برای مشاهده آموزش‌ها، همین حالا وارد لینک زیر شوید:
 
🔗 فهرست ۵۰۰ آموزش — [کلیک کنید]
 
کد تخفیف ۵۰ درصدی برای سایر آموزش‌ها: TAK54
 
▫️ مشاهده سایر آموزش‌ها [+]

🔄 FaraDars - فرادرس
👍1
۵ نکته فنی برای طراحی یه سایت حرفه‌ای که کاربرا عاشقش بشن!

🛠 ۱. ساختار و معماری سایت (Website Architecture):
ساختار سایت باید تمیز و منظم باشه. از HTML Semantic Tags مثل <header>, <main>, و <footer> استفاده کن. اینطوری هم سئو بهتر می‌شه، هم کد سایتت خواناتر می‌شه.
نکته مهم: تا جایی که می‌تونی از تکرار کد جلوگیری کن و بخش‌های مشترک رو توی کامپوننت‌های مجزا قرار بده.

🎨 ۲. طراحی رابط کاربری (UI) و تجربه کاربری (UX):
تو طراحی سایت، حتماً از Grid System استفاده کن که چینش المان‌ها درست و منظم باشه.
رنگ‌بندی سایت رو بر اساس تئوری رنگ‌ها تنظیم کن و برای فونت‌ها از Web Safe Fonts استفاده کن.
نکته: حواست به فاصله‌گذاری‌ها (Padding & Margin) باشه تا همه‌چیز مرتب دیده بشه.

۳. بهینه‌سازی سرعت سایت (Performance Optimization):
سرعت سایت مستقیم روی تجربه کاربری و رتبه گوگل تاثیر می‌ذاره.
چیکار کنی؟

فایل‌های CSS و JS رو فشرده کن.
از Lazy Loading برای تصاویر استفاده کن.
حتماً از Content Delivery Network (CDN) استفاده کن تا سایتت سریع‌تر لود بشه.

📱 ۴. ریسپانسیو کردن سایت (Responsive Design):
از Media Queries استفاده کن تا سایتت روی همه دستگاه‌ها درست نمایش داده بشه.
همچنین از Flexbox و Grid برای چینش استفاده کن تا دیگه نگران بهم‌ریختگی نباشی.
نکته: هیچ‌وقت طراحی موبایل رو دست‌کم نگیر! بیشتر کاربرا از موبایل وارد سایت می‌شن.

🔍 ۵. سئو تکنیکال (Technical SEO):
برای اینکه سایتت توی گوگل رتبه خوبی بگیره، باید به سئوی تکنیکال توجه کنی:

URL Structure: لینک‌ها باید کوتاه و قابل فهم باشن.
Meta Tags: برای هر صفحه عنوان (Title) و توضیحات (Meta Description) مناسب بنویس.
از Schema Markup استفاده کن تا گوگل بهتر محتوای سایتت رو درک کنه.

🎉 جمع‌بندی:
اگه این نکات رو رعایت کنی، سایتت هم حرفه‌ای به نظر می‌رسه، هم کاربرا راحت باهاش کار می‌کنن، هم توی گوگل راحت پیدا می‌شی. 💻 موفق باشی رفیق!

🖥️ @Html_Css100
👏5👍2
💡 ۵ نکته طلایی برای بهینه‌سازی تصاویر سایت!

📸 ۱. فرمت مناسب تصاویر:
تصاویر باید با فرمت‌های بهینه‌شده مثل WebP یا JPEG استفاده بشن. این فرمت‌ها حجم کمتری دارن و کیفیت رو حفظ می‌کنن.

۲. فشرده‌سازی بدون افت کیفیت:
از ابزارهایی مثل ImageOptim یا TinyPNG برای فشرده‌سازی تصاویر استفاده کن بدون اینکه کیفیتشون کاهش پیدا کنه.

📱 ۳. استفاده از تصاویر مناسب اندازه:
تصاویر نباید بزرگ‌تر از اندازه واقعی که روی صفحه نشون می‌دن باشن. در غیر این صورت سرعت سایت کاهش پیدا می‌کنه.

🔍 ۴. استفاده از Lazy Loading:
تصاویر باید تنها وقتی بارگذاری بشن که کاربر به اون بخش از صفحه برسه. این کار باعث افزایش سرعت سایت می‌شه.

🚀 ۵. استفاده از تصویرآیکن‌ها (SVG):
به جای استفاده از تصاویر معمولی، از SVG برای آیکن‌ها استفاده کن. این فرمت مقیاس‌پذیره و کیفیت بالاتری داره.

🖥️ @Html_Css100
4