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

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



🖥 @Texpert_100
5👍1
اینجا چند ترفند ساده ولی کاربردی برای HTML و CSS معرفی می‌کنم که می‌تونن برای طراحی حرفه‌ای‌تر و بهینه‌تر به دردتون بخورن:

1️⃣ تصاویر پس‌زمینه رنگی با Gradient
می‌تونید با CSS گرادیانت بسازید و به عنوان پس‌زمینه استفاده کنید که نسبت به تصاویر سبک‌تره:

background: linear-gradient(135deg, #f06, #4a90e2);


2️⃣ ایجاد انیمیشن ساده با CSS
انیمیشن‌ها می‌تونن به سایت جذابیت بیشتری بدن. برای مثال، متن یا دکمه‌ای که تغییر رنگ می‌ده:

button {
transition: background-color 0.3s;
}
button:hover {
background-color: #4a90e2;
}


3️⃣ سنتر کردن متن و المان‌ها با Flexbox
برای قرار دادن المان‌ها در وسط صفحه، می‌تونید از Flexbox استفاده کنید

.container {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}


4️⃣ استفاده از Placeholder در فرم‌ها با استایل سفارشی
با CSS می‌تونید استایل دلخواه برای متن‌های placeholder فرم‌ها تعریف کنید

input::placeholder {
color: #888;
font-style: italic;
}
6️⃣ ایجاد جداول ریسپانسیو با CSS
با استفاده از overflow، جدول‌ها رو در موبایل و دستگاه‌های کوچیک ریسپانسیو کنید:
table {
width: 100%;
overflow-x: auto;
display: block;
}
7️⃣ ساخت دکمه های گرد با HTML و CSS
برای دکمه‌هایی با لبه‌های گرد

button {
border-radius: 50px;
padding: 10px 20px;
background-color: #4a90e2;
color: #fff;
}


🖥️ @Html_Css100
4👍4
نقشه راه برای یادگیری بک‌اند وب 🔹

اگه به برنامه‌نویسی بک‌اند علاقه‌داری و می‌خوای بدونی از کجا شروع کنی، این نقشه راه رو دنبال کن تا به یه توسعه‌دهنده حرفه‌ای تبدیل بشی:

1️⃣ زبان‌های برنامه‌نویسی پایه:

با یه زبان پایه مثل JavaScript (برای Node.js)، Python (مثلاً برای Django)، PHP یا Ruby شروع کن.
تمرکز کن روی مفاهیم اصلی مثل ساختارهای داده، حلقه‌ها، توابع و کلاس‌ها.

2️⃣ مبانی وب و پروتکل‌ها:

پروتکل HTTP/HTTPS، REST API، و اصول DNS رو یاد بگیر.
اینا پایه کاره و برای هر بک‌اند دولوپری لازمه!

3️⃣ کار با دیتابیس‌ها:

SQL (مثل MySQL، PostgreSQL) برای دیتابیس‌های رابطه‌ای.
NoSQL (مثل MongoDB) برای دیتابیس‌های غیررابطه‌ای.
یاد بگیر چطوری CRUD بسازی (Create, Read, Update, Delete) و کوئری‌های مختلف رو بنویسی.

4️⃣ فریم‌ورک‌های بک‌اند:

کار با فریم‌ورک‌های محبوب هر زبان رو یاد بگیر. مثلاً Express برای Node.js، Django برای Python، یا Laravel برای PHP.
با MVC Pattern آشنا شو تا ساختار اپلیکیشن‌ها رو بهتر درک کنی.

5️⃣ احراز هویت و امنیت:

اصول احراز هویت (مثل JWT و OAuth) و رمزنگاری داده‌ها رو یاد بگیر.
تمرکز کن روی امنیت داده‌ها و اصول SSL/TLS، CSRF و XSS.

6️⃣ کار با APIها و Web Services:

یادگیری RESTful APIs و GraphQL برای تعامل با سایر سیستم‌ها.
حتماً تمرین کن APIهایی بنویسی که از طریق درخواست‌های HTTP قابل دسترسی باشن.

7️⃣ کار با سرور و Deployment:

نحوه مدیریت سرور با Nginx یا Apache و ابزارهای استقرار مثل Docker و CI/CD رو یاد بگیر.
یاد بگیر چطوری پروژه‌ت رو روی پلتفرم‌های ابری مثل AWS، Heroku یا DigitalOcean پیاده کنی.

✌️ این مسیر رو دنبال کنی و با تمرین و پروژه واقعی کار کنی، می‌تونی توی مدت کوتاهی به یه بک‌اند دولوپر کاربلد تبدیل بشی!

🖥️ @Html_css100
2
🔸 سایت‌های کمتر شناخته‌شده ولی فوق‌العاده برای برنامه‌نویس‌ها 🔸

🌍 1. roadmap.sh
یه مرجع گرافیکی جذاب که نقشه راه‌های تخصصی برای تکنولوژی‌های مختلف داره. از وب دولوپمنت گرفته تا دیوآپز، این سایت نقشه‌ی راه یادگیری هر مهارت رو به‌صورت کامل ارائه می‌ده.

⚙️ 2. jsoncrack.com
یه ابزار بصری برای JSON که به‌راحتی ساختار JSON رو به‌صورت گرافیکی نشون می‌ده و برای کار کردن با داده‌های پیچیده عالیه.

🖌️ 3. css-tricks.com
پر از مقاله‌های خفن و تکنیک‌های خلاقانه برای CSS. کلی نکته‌های کاربردی و ترفندهایی که تو کدهای روزمره خیلی به کار میاد.

🚦 4. regex101.com
برای تمرین و آزمایش عبارت‌های باقاعده (Regex) که تو پیدا کردن الگوهای خاص در رشته‌ها عالیه. توضیحات کاملی از ساختار هر عبارت هم ارائه می‌ده.

🛠️ 5. caniuse.com
ابزاریه که بهت نشون می‌ده آیا یه ویژگی خاص HTML، CSS یا جاوااسکریپت تو مرورگرهای مختلف پشتیبانی می‌شه یا نه. برای طراحی ریسپانسیو و سازگار با همه مرورگرها مفیده.

📊 6. carbon.now.sh
ابزار جالبی برای ساخت عکس‌های شیک و زیبا از کدهات. عالی برای به‌اشتراک‌گذاری کد تو شبکه‌های اجتماعی و پست‌های وبلاگ!

🧰 7. asciinema.org
بهترین ابزار برای ضبط و اشتراک‌گذاری ترمینال لینوکس و نمایش دستورات به‌صورت ویدئوهای متنی. اگر دوست داری آموزش‌های لینوکسی بذاری، حتماً یه نگاه به این بنداز.

📎 8. devdocs.io
مستندات آفلاین و آنلاین برای هر چیزی که فکرش رو بکنی. از زبان‌های برنامه‌نویسی گرفته تا فریم‌ورک‌ها و کتابخونه‌ها، همه‌ی مستندات تو یه جا و بدون نیاز به اینترنت.

📌 از این ابزارها برای بالا بردن کیفیت کار و یادگیری خودت استفاده کن و با ابزارهایی که کمتر شناخته شدن جلوتر از بقیه باش! 😎🚀

🖥️ @Computer_Science100
👍61
Forwarded from Daneshkar admin
🌟 ورود به بازارکار برنامه‌نویسی، راحت‌تر از همیشه!
⚛️ ششمین بوت‌کمپ فرات-اند دانشکار شروع شد.
💰 با کمک ما از صفر برنامه‌نویسی فرانت رو یاد بگیر و استخدام شو.
👇👇
🔗 برای شروع مسیر یادگیری و استخدام کلیک کن
معرفی 2 تا اکستنشن کروم برای برنامه‌نویسان

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

🔴 علاوه بر قابلیت فوق باهاش میتونید فونت سایت، نوع پایگاه داده، ابزارهای سئو، Tag managers، Analytics، JavaScript frameworks، WordPress themes، Programming languages و …سایت رو هم مشاهده کنید!

⏯️ اکستنشن اول wappalyzer

2️⃣ اکستنشن دوم What runs


🖥️ @Computer_Science100
👍2
تفاوت 2 پروتکل HTTP و HTTPS



🖥️ @Html_Css100
👍10
رییس جمهور شدن ترامپ باعث شد ایردراپا به شدت رشد کنند.

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

پاوز نیازی به بازی کردن نداره استارت کافیه.

استارت ربات Paws👇

⭕️ https://yangx.top/PAWSOG_bot/PAWS?startapp=rasRXl5i

◽️ ورود به ربات نات پیکسل👇

⭕️ https://yangx.top/notpixel/app?startapp=f1350508522_s4
👍4👎2
This media is not supported in your browser
VIEW IN TELEGRAM
وقتی استاد میگه امتحان برنامه نویسی رو کاغذ داریم 😐

🖥 @Html_Css100
👍9
دلیل آینده دار بودن هرکدام از این زبان ها چیست 👇

⌨️ جاوا اسکریپت : اصلی ترین زبان سمت فرانت اند برای توسعه وب هست و بدون شک تا زمانی که وبسایت ها وجود ندارند جاوا اسکریپت هم وجود داره

⌨️ پایتون : یکی از انتخاب های کلیدی و اصلی که در حوزه های هوش مصنوعی و ... کاربرد بالایی داره

🔒راست : مناسب برای توسعه سیستم و نرم افزارهایی با کاربرد و امنیت بالا

🔒کاتلین: اصلی ترین زبان برنامه نویسی برای پیاده سازی اپلیکیشن موبایل ( مخصوصا اندروید )

🔒سوییفت: زبان برنامه نویسی توسعه اپلیکیشن های ios

🔒سی پلاس پلاس : یک زبان برنامه نویسی مهم در پیاده سازی نرم افزار های دسکتاپ بازی سازی و ...

🖥 @Html_Css100
👍81
💥 انتخاب‌های خوب، اون‌هایی هستن که محدود به زمان و مکان نیستن

💯 با انتخاب برنامه‌نویسی
بازار کار تو در هر کجای دنیا
ایده آل، تضمین شده و جذاب خواهد بود👨‍💼👩‍💼

🚨 استعداد سنجی و پیش‌ثبت نام ➡️

▪️▫️▪️▫️▪️▫️▪️▫️▪️▫️

🌐 وبسایت | کانال تلگرام |🌐 اینستاگرام

#استخدام_با_طعم_آموزش
Please open Telegram to view this post
VIEW IN TELEGRAM
ابزار های طراجی رابط کاربری ui

🖥️ @Html_Css100
1
☯️ بوت‌کمپ آموزشی جامع وب دیزاین
(توسعه فرانت‌اند)


با ارائه گواهینامه از سازمان آموزش فنی و حرفه‌ای

🟠 مدت: 140 ساعت
🟠 روزهای یکشنبه و سه‌شنبه
🟠 مدرس: پویا هراتی
🟠 همراه با کوچینگ اختصاصی
💵 قیمت: 15,500,000 تومان💵
🟠 با امکان پرداخت در 3 نوبت

🚨 فقط 7 ظرفیت باقی مونده!

📌 برای اطلاعات بیشتر و رزرو آزمون ورودی، بزن روی لینک زیر:

httb.ir/8K1tm ⬅️
⚜️ پشتیبانی:
📞 02191300919
📱 09208200712
⚪️ دانش و فناوری بامداد
@bamdadprogramming
@bamdadprogramming
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
Forwarded from 𝓜𝓪𝓱𝓫𝓸𝓾𝓫𝓮𝓱
چطور با مهارت‌هات درآمد دلاری داشته باشی؟

💼 این وبینار رایگان یه فرصت بی‌نظیره برای کسایی که دنبال فریلنسری و تحول واقعی توی درآمدشون هستن!

دکتر علیرضا قیمتی، کارآفرین و متخصص درآمد دلاری، بهت یاد می‌ده:
🚀 چطور وارد بازارهای جهانی کار بشی
📈 درآمدت رو به ساعتی +2 میلیون تومان برسونی
💡 تجربه‌های واقعی و نکات کلیدی موفقیت در فریلنسری و کسب درآمد دلاری

این وبینار رایگان مسیرت رو برای رشد حرفه‌ای هموار می‌کنه!
👌منتظرت هستیم تا شروع کنیم

🔗 لینک ثبت‌نام همین‌جاست 👇
https://links.etekanesh.com/ComputerSc


@TekaneshAcademy
👍1
معرفی یک هوش مصنوعی فوق العاده برای برنامه نویس ها!

🆒این ابزار AI به شما اجازه میده در چند ثانیه با یدونه prompt یه اپلکیشن کامل رو با کتابخونه های js نه تنها کدنویسی کنی، بلکه اجراشم بکنی!

🆒طراحی، کد، ویرایش و اجرا همه با AI، به صورت مجانی!

http://bolt.new

🖥 @Computer_Science100
👍5👏1
لپ تاپ دست دوم گرفتی می‌خوای قطعات مختلفش رو تست کنی؟!

به خاطر گرون شدن لپ تاپ، خیلی‌ها لپ تاپ دسته دو و استوک میگیرن ولی من که تخصصی ندارم از کجا متوجه بشم شرایط این لپ تاپ چطوره؟


📣 کافیه این نرم افزارهایی که پایین گذاشتم رو نصب کنی و بعدش اقدام به تست کنی.

1️⃣تست صفحه کلید با نرم‌افزار زیر:
Passmark keyboard

2️⃣برای تست رم نرم افزار زیر رو نصب کن
MemTest

3️⃣برای تست گرافیک نرم افزار زیر رو نصب کن
3D Mark

4️⃣برای تست هارد از نرم افزار زیر استفاده کن‌

Hard disk sentinel

5️⃣برای تست صفحه نمایش نرم افزار زیر رو نصب کن
IsMyLCDOk

6️⃣برای تست باتری نرم افزار زیر رو نصب کن ‌‌
Batexpert


🖥 @Html_Css100
👍6
ایردراپ جدید شرکت راکسمن که ایردراپ های خیلی معتبری داره دقیقا قراره ۲۶ روز دیگه لیست بشه!!

به هیچ عنوان این ایردراپ فوق العاده رو از دست ندین 🔥🔥👇

⭕️ https://yangx.top/SaveQuestion_bot/app?startapp=r_1350508522

🖥 @Computer_Sicnece100
This media is not supported in your browser
VIEW IN TELEGRAM
کدوم راحت‌ تر بود؟

جای کدوم زبان خالیه؟ تو کامنت بنویس

🖥 @Html_Css100
2
راز های پس زمینه در Css

🖥 @Html_Css100
👍8🔥1👏1
چطور به یه فریلنسر خوب تبدیل بشیم ؟؟

🖥 @Html_Css100
1