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

ثبت نام در کانال VIP
https://yangx.top/Vip_Canal1
加入频道
چطور به یه فریلنسر خوب تبدیل بشیم ؟؟

🖥 @Html_Css100
1
لغات مهم انگلیسی در برنامه نویسی👇


Program: برنامه
Code: کد
Source Code: سورس کد
Open Source: متن باز
Programming Language: زبان برنامه نویسی
Programming: برنامه نویسی
Low-Level Language: زبان برنامه نویسی سطح پایین
High-Level Language: زبان برنامه نویسی سطح بالا
Algorithm: الگوریتم
Flowchart: فلوچارت
Bug: باگ
Debug: دیباگ
Return: ریترن
Variable: متغیر
Constant: ثابت
Value: مقدار
Array: آرایه
String: رشته
Integer: عدد صحیح
Float - Double - Decimal: عدد اعشاری
Boolean: بولین
Null: تهی
Empty: خالی
Undefined: تعریف نشده
Loop: حلقه
if و else: شرط
Function: تابع
Parameter: پارامتر
Argument: آرگومان
Object: شیء
Class: کلاس
Method: متد
OOP: شیءگرایی
Modular: ماژولار
Clean Code: کدنویسی تمیز
Code Refactoring: ریفکتورینگ کد
Design Patterns: الگوهای طراحی
Junior Developer: توسعه‌دهنده جونیور
Mid-Level Developer: توسعه‌دهنده میدلول
Senior Developer: توسعه‌دهنده سنیور
Front-End Developer: توسعه‌دهنده فرانت‌اند
Back-End Developer: توسعه‌دهنده بک‌اند
Full Stack Developer: توسعه‌دهنده فول استک
MEAN Stack Developer: توسعه‌دهنده MEAN استک
MEVN Stack Developer: توسعه‌دهنده MEVN استک
MERN Stack Developer: توسعه‌دهنده MERN استک
LAMP Stack Developer: توسعه‌دهنده LAMP استک
Server: سرور
Web Server: وب سرور
Web Service: وب سرویس
Host: هاست
Domain: دامنه
Platform: پلتفرم
Cross Platform: کراس پلتفرم
Native: نیتیو
IDE: محیط توسعه یکپارچه
Code Editor: ویرایشگر کد
Text Editor: ویرایشگر متن
SDK: کیت توسعه نرم‌افزار
Framework: فریم‌ورک
Library: کتابخانه
API: رابط برنامه‌نویسی کاربردی
Database: پایگاه داده یا دیتابیس
Script: اسکریپت
Command: دستور
Command Line: خط فرمان
Compile: کامپایل
Compiler: کامپایلر
Interpreter: مفسر
Hardcode: کد سخت
Ajax: ایجکس
JSON: جی‌سان
Syntax: ساختار نحوی
Token: رمز
Comment: کامنت
Bracket: براکت
Scope: اسکوپ
DevOps: دواپس
Docker: داکر
Blockchain: بلاکچین
WordPress: وردپرس
Git: گیت
GitHub: گیت‌هاب
UI: رابط کاربری
UX: تجربه کاربری


🖥️ @Computer_Science100
6👍4👎1🔥1
ابزار های منتخب تولید محتوا

🖥 @Computer_Science100
👍2
چند تصور اشتباه در مورد هوش مصنوعی ...


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

✴️ @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