🔥 ۳ ترفند CSS خفن و کاربردی که کمتر کسی استفاده میکنه!
اگر CSS کار میکنی، این ۳ مورد رو حتماً ذخیره کن 👇
1️⃣ سایز متن رو هوشمند کن با clamp()
📱 متن بین موبایل و دسکتاپ خودش متناسب میشه؛ بدون Media Query
2️⃣نسبت تصویر رو همیشه ثابت نگه دارگه دار
🔥 برای کارتهای محصول، گالری و Thumbnail فوقالعا
3️⃣ متنهای چندخطی رو حرفهایتر کن
✨ مرورگر خطوط عنوان رو متعادلتر میچینه و ظاهر UI تمیزتر میشه.
💡و CSS فقط رنگ و فاصله نیست؛ وقتی ابزارهای جدیدش رو بشناسی، خیلی از کارها بدون JavaScript انجام میشن.
اگر CSS کار میکنی، این ۳ مورد رو حتماً ذخیره کن 👇
1️⃣ سایز متن رو هوشمند کن با clamp()
h1 {
font-size: clamp(2rem, 5vw, 4rem);
}📱 متن بین موبایل و دسکتاپ خودش متناسب میشه؛ بدون Media Query
2️⃣نسبت تصویر رو همیشه ثابت نگه دارگه دار
img {
aspect-ratio: 16 / 9;
object-fit: cover;
}🔥 برای کارتهای محصول، گالری و Thumbnail فوقالعا
3️⃣ متنهای چندخطی رو حرفهایتر کن
h2 {
text-wrap: balance;
}✨ مرورگر خطوط عنوان رو متعادلتر میچینه و ظاهر UI تمیزتر میشه.
💡و CSS فقط رنگ و فاصله نیست؛ وقتی ابزارهای جدیدش رو بشناسی، خیلی از کارها بدون JavaScript انجام میشن.
❤6🔥1
💻 اولین قانون برنامهنویسی: از ارورها نترس! 😄
اگر برنامهنویسی میکنی، دیر یا زود با این صحنه روبهرو میشی:
🔴 Error!
اما یه نکته مهم رو یادت باشه:
❌ ارور یعنی شکست خوردی؟ نه!
✅ ارور یعنی کامپیوتر داره بهت میگه کجای کارت نیاز به بررسی داره.
هر برنامهنویسی، حتی حرفهایترینها، هر روز با خطا و باگ سروکله میزنن.
تفاوت یک برنامهنویس مبتدی و حرفهای این نیست که یکی ارور میبینه و دیگری نه؛
🔥 تفاوتشون اینه که برنامهنویس حرفهای بلد شده ارور رو بخونه، علتش رو پیدا کنه و حلش کنه.
پس دفعه بعد که با یک ارور روبهرو شدی، فرار نکن! 😎
📌 ارور دشمن تو نیست؛ یکی از بهترین معلمهای توئه.
اگر برنامهنویسی میکنی، دیر یا زود با این صحنه روبهرو میشی:
🔴 Error!
اما یه نکته مهم رو یادت باشه:
❌ ارور یعنی شکست خوردی؟ نه!
✅ ارور یعنی کامپیوتر داره بهت میگه کجای کارت نیاز به بررسی داره.
هر برنامهنویسی، حتی حرفهایترینها، هر روز با خطا و باگ سروکله میزنن.
تفاوت یک برنامهنویس مبتدی و حرفهای این نیست که یکی ارور میبینه و دیگری نه؛
🔥 تفاوتشون اینه که برنامهنویس حرفهای بلد شده ارور رو بخونه، علتش رو پیدا کنه و حلش کنه.
پس دفعه بعد که با یک ارور روبهرو شدی، فرار نکن! 😎
📌 ارور دشمن تو نیست؛ یکی از بهترین معلمهای توئه.
😁3❤2👍1
🤖 با وجود هوش مصنوعی، هنوز برنامهنویسی یاد بگیریم؟
قطعاً بله! 🔥
هوش مصنوعی قرار نیست برنامهنویسهای خوب رو حذف کنه؛
بلکه کارهای تکراری رو سریعتر و سادهتر میکنه.
کسی که فقط کد مینویسه، ممکنه جایگزین بشه.
اما کسی که بلد باشه:
🧠 درست فکر کنه
💡 ایده بده
🛠 مسئله حل کنه
با هوش مصنوعی، چند برابر قدرتمندتر میشه. 🚀
🎯 برنامهنویس آینده کسی نیست که با AI رقابت کنه؛
کسیه که بلد باشه از AI درست استفاده کنه.
#برنامه_نویسی #هوش_مصنوعی #AI #تکنولوژی
قطعاً بله! 🔥
هوش مصنوعی قرار نیست برنامهنویسهای خوب رو حذف کنه؛
بلکه کارهای تکراری رو سریعتر و سادهتر میکنه.
کسی که فقط کد مینویسه، ممکنه جایگزین بشه.
اما کسی که بلد باشه:
🧠 درست فکر کنه
💡 ایده بده
🛠 مسئله حل کنه
با هوش مصنوعی، چند برابر قدرتمندتر میشه. 🚀
🎯 برنامهنویس آینده کسی نیست که با AI رقابت کنه؛
کسیه که بلد باشه از AI درست استفاده کنه.
#برنامه_نویسی #هوش_مصنوعی #AI #تکنولوژی
❤3👍1💯1
🎯 یه ابزار خفن که هر برنامهنویسی باید بشناسه!
🧠 Excalidraw
قبل از اینکه کد بزنی، ایدهت رو اینجا بکش!
میتونی باهاش فلوچارت، دیاگرام، وایرفریم و معماری پروژه طراحی کنی؛ حتی چند نفر همزمان روی یک صفحه کار کنن. ✨
🔥 رایگان و Open Source
⚡ بدون نیاز به نصب
📤 خروجی PNG و SVG
🤝 همکاری آنلاین
اگه تازه برنامهنویسی رو شروع کردی، برای اینکه قبل از کدنویسی ذهنت رو مرتب کنی فوقالعادهست.
🔗 [excalidraw.com](https://excalidraw.com/?utm_source=chatgpt.com)
#برنامه_نویسی #ابزار_برنامه_نویسی #Developer
🧠 Excalidraw
قبل از اینکه کد بزنی، ایدهت رو اینجا بکش!
میتونی باهاش فلوچارت، دیاگرام، وایرفریم و معماری پروژه طراحی کنی؛ حتی چند نفر همزمان روی یک صفحه کار کنن. ✨
🔥 رایگان و Open Source
⚡ بدون نیاز به نصب
📤 خروجی PNG و SVG
🤝 همکاری آنلاین
اگه تازه برنامهنویسی رو شروع کردی، برای اینکه قبل از کدنویسی ذهنت رو مرتب کنی فوقالعادهست.
🔗 [excalidraw.com](https://excalidraw.com/?utm_source=chatgpt.com)
#برنامه_نویسی #ابزار_برنامه_نویسی #Developer
Excalidraw
Excalidraw — Collaborative whiteboarding made easy
Excalidraw is a virtual collaborative whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them.
👏2❤1
const user = {
name: "Sara",
age: 20
};
console.log(user.name);اگه چند وقته داری برنامهنویسی یاد میگیری، این پست رو تا آخر بخون 👇
یه مشکل خیلی رایج بین بچههایی که فرانتاند یاد میگیرن وجود داره:
مدام در حال یاد گرفتنن، ولی هیچوقت احساس نمیکنن آمادهان!
یه مدت HTML و CSS میخونن...
بعد میرن سراغ JavaScript.
وسطش میبینن همه درباره React حرف میزنن، میرن React.
بعد یکی میگه Git و GitHub برای استخدام لازمه.
یکی میگه پروژه بزن.
یکی میگه رزومه بساز.
یکی میگه بدون TypeScript شانسی نداری...
و آخرش چی؟ 😐
بعد از چند ماه کلی چیز دیدی، ولی هنوز نمیدونی:
«الان دقیقاً باید چی یاد بگیرم و قدم بعدیم چیه؟»
یه مشکل خیلی رایج بین بچههایی که فرانتاند یاد میگیرن وجود داره:
مدام در حال یاد گرفتنن، ولی هیچوقت احساس نمیکنن آمادهان!
یه مدت HTML و CSS میخونن...
بعد میرن سراغ JavaScript.
وسطش میبینن همه درباره React حرف میزنن، میرن React.
بعد یکی میگه Git و GitHub برای استخدام لازمه.
یکی میگه پروژه بزن.
یکی میگه رزومه بساز.
یکی میگه بدون TypeScript شانسی نداری...
و آخرش چی؟ 😐
بعد از چند ماه کلی چیز دیدی، ولی هنوز نمیدونی:
«الان دقیقاً باید چی یاد بگیرم و قدم بعدیم چیه؟»
❤3🔥1
«الان دقیقاً باید چی یاد بگیرم و قدم بعدیم چیه؟»
مشکل خیلی وقتها کمبود آموزش نیست.
اتفاقاً آموزش رایگان اونقدر زیاده که خودش تبدیل شده به مشکل!
چیزی که خیلیها ندارن یک مسیر مشخص و منظمه.
مسیری که بگه:
از اینجا شروع کن ➜ اینها رو یاد بگیر ➜ تمرین کن ➜ پروژه بساز ➜ برو مرحله بعد.
قبل از اینکه امروز دوباره یک آموزش جدید باز کنی، از خودت بپرس:
من واقعاً دارم در یک مسیر جلو میرم، یا فقط دارم آموزش جمع میکنم؟
مشکل خیلی وقتها کمبود آموزش نیست.
اتفاقاً آموزش رایگان اونقدر زیاده که خودش تبدیل شده به مشکل!
چیزی که خیلیها ندارن یک مسیر مشخص و منظمه.
مسیری که بگه:
از اینجا شروع کن ➜ اینها رو یاد بگیر ➜ تمرین کن ➜ پروژه بساز ➜ برو مرحله بعد.
قبل از اینکه امروز دوباره یک آموزش جدید باز کنی، از خودت بپرس:
من واقعاً دارم در یک مسیر جلو میرم، یا فقط دارم آموزش جمع میکنم؟
❤6🔥1
این پیام رو امروز یکی از بچههای کانال فرستاد 👆
و احتمالاً خیلیاتون دقیقاً همین حس رو دارید...
HTML
خوندی، CSS خوندی، یه مقدار JavaScript هم بلدی...
ولی اگه بپرسن «خب حالا قدم بعدی چیه؟» نمیدونی!
مشکل این نیست که کم آموزش دیدی؛
مشکل اینه که هیچوقت یه مسیر رو از اول تا آخر نرفتی.
برای خارج شدن از این وضعیت فقط ۳ چیز لازمه:
1️⃣ بدونی الان دقیقاً کجای مسیری
2️⃣ بدونی قدم بعدی که باید یاد بگیری چیه
3️⃣ تا رسیدن به پروژه و بازار کار، مسیرت رو
عوض نکنی
این هفته میخوام دقیقاً همین مسیر رو براتون باز کنم.
از اینکه چی یاد بگیری، چه چیزهایی رو فعلاً بیخیال بشی، کِی پروژه بزنی و چطور از این سردرگمی خارج بشی.
اگه مدتهاست شروع کردی ولی هنوز حس میکنی «یه جای کار میلنگه»...
پستهای این هفته رو از دست نده. 👀
و احتمالاً خیلیاتون دقیقاً همین حس رو دارید...
HTML
خوندی، CSS خوندی، یه مقدار JavaScript هم بلدی...
ولی اگه بپرسن «خب حالا قدم بعدی چیه؟» نمیدونی!
مشکل این نیست که کم آموزش دیدی؛
مشکل اینه که هیچوقت یه مسیر رو از اول تا آخر نرفتی.
برای خارج شدن از این وضعیت فقط ۳ چیز لازمه:
1️⃣ بدونی الان دقیقاً کجای مسیری
2️⃣ بدونی قدم بعدی که باید یاد بگیری چیه
3️⃣ تا رسیدن به پروژه و بازار کار، مسیرت رو
عوض نکنی
این هفته میخوام دقیقاً همین مسیر رو براتون باز کنم.
از اینکه چی یاد بگیری، چه چیزهایی رو فعلاً بیخیال بشی، کِی پروژه بزنی و چطور از این سردرگمی خارج بشی.
اگه مدتهاست شروع کردی ولی هنوز حس میکنی «یه جای کار میلنگه»...
پستهای این هفته رو از دست نده. 👀
❤4🙏1
بچهها، یه سری تبلیغات خودِ تلگرام داخل کانال میذاره.
اینا همشون کلاهبرداریه، حواستون باشه.
در صورت دیدن این تبلیغات، حتماً بزنید ریپورتشون کنید.
اینا همشون کلاهبرداریه، حواستون باشه.
در صورت دیدن این تبلیغات، حتماً بزنید ریپورتشون کنید.
❤3🙏1
آموزش برنامه نویسی فرانت اند
این پیام رو امروز یکی از بچههای کانال فرستاد 👆 و احتمالاً خیلیاتون دقیقاً همین حس رو دارید... HTML خوندی، CSS خوندی، یه مقدار JavaScript هم بلدی... ولی اگه بپرسن «خب حالا قدم بعدی چیه؟» نمیدونی! مشکل این نیست که کم آموزش دیدی؛ مشکل اینه که هیچوقت یه مسیر…
اگه بخوام فرانتاند رو از صفر شروع کنم، این مسیر رو میرم 👇
نه ۲۰ تا دوره همزمان ببینم...
نه پریدن از این تکنولوژی به اون تکنولوژی...
تقریباً این مسیر:
1️⃣ HTML
برای اینکه ساختار صفحات وب رو درست بفهمم.
⬇️
2️⃣ CSS
برای طراحی، Responsive کردن و پیادهسازی رابط کاربری.
⬇️
3️⃣ JavaScript
اینجا تازه وارد برنامهنویسی واقعی سمت فرانتاند میشم.
متغیرها، توابع، آرایهها، Object، DOM، Event، API، Async/Await و...
⬇️
4️⃣ Git و GitHub
چون پروژهای که فقط روی لپتاپ خودت باشه برای بازار کار کافی نیست.
⬇️
5️⃣ React.js
برای ساخت رابطهای کاربری مدرن و پروژههای واقعیتر.
⬇️
6️⃣ پروژه، تمرین و ساخت نمونهکار
چون فقط دیدن آموزش کسی رو برنامهنویس نمیکنه.
نه ۲۰ تا دوره همزمان ببینم...
نه پریدن از این تکنولوژی به اون تکنولوژی...
تقریباً این مسیر:
1️⃣ HTML
برای اینکه ساختار صفحات وب رو درست بفهمم.
⬇️
2️⃣ CSS
برای طراحی، Responsive کردن و پیادهسازی رابط کاربری.
⬇️
3️⃣ JavaScript
اینجا تازه وارد برنامهنویسی واقعی سمت فرانتاند میشم.
متغیرها، توابع، آرایهها، Object، DOM، Event، API، Async/Await و...
⬇️
4️⃣ Git و GitHub
چون پروژهای که فقط روی لپتاپ خودت باشه برای بازار کار کافی نیست.
⬇️
5️⃣ React.js
برای ساخت رابطهای کاربری مدرن و پروژههای واقعیتر.
⬇️
6️⃣ پروژه، تمرین و ساخت نمونهکار
چون فقط دیدن آموزش کسی رو برنامهنویس نمیکنه.
❤3
🔥 ثبتنام پکیج جامع باز میشه!
اگر منتظر بودید، زمانش مشخص شد:
📅 پنجشنبه ⏰ ساعت ۱۵:۰۰ 👥 فقط برای ۱۵ نفر
ظرفیت ثبتنام پکیج جامع رو باز میکنیم.
قیمت اصلی پکیج ۶ میلیون تومان هست؛
اما این بار میتونید با شرایط ویژه فقط با:
۲٬۴۹۸٬۰۰۰ تومان
ثبتنام کنید. 🔥
یعنی بیش از ۳.۵ میلیون تومان صرفهجویی در هزینه ثبتنام.
⚠️ ظرفیت فقط ۱۵ نفره و ثبتنام از ساعت ۱۵ روز پنجشنبه شروع میشه.
اگر میخوای جزو این ۱۵ نفر باشی، پنجشنبه ساعت ۱۵ آماده باش. 🚀
اگر منتظر بودید، زمانش مشخص شد:
📅 پنجشنبه ⏰ ساعت ۱۵:۰۰ 👥 فقط برای ۱۵ نفر
ظرفیت ثبتنام پکیج جامع رو باز میکنیم.
قیمت اصلی پکیج ۶ میلیون تومان هست؛
اما این بار میتونید با شرایط ویژه فقط با:
۲٬۴۹۸٬۰۰۰ تومان
ثبتنام کنید. 🔥
یعنی بیش از ۳.۵ میلیون تومان صرفهجویی در هزینه ثبتنام.
⚠️ ظرفیت فقط ۱۵ نفره و ثبتنام از ساعت ۱۵ روز پنجشنبه شروع میشه.
اگر میخوای جزو این ۱۵ نفر باشی، پنجشنبه ساعت ۱۵ آماده باش. 🚀
❤2🔥1
آموزش برنامه نویسی فرانت اند
🌿 پکیج جامع برنامهنویسی فرانتاند 🌿 📌 شامل دورههای: 🌱 HTML & CSS 🌱 JavaScript 🌱 React.js 🌱typeScript 🌱next js ✨ از مقدماتی تا پیشرفته دوره ها تدریس شدن – کاملاً پروژهمحور و تمرینمحور ✨ همراه با پشتیبانی VIP (۶ ماهه) 🎁 هدیه ویژه: دورهی Git & GitHub…
جامع ترین پکیج جامع برنامه نویسی فرانت اند با ۶ ماه پشتیبانی vip
این آخرین فرصت ثبت نام با این قیمت هستش و دیگه این قیمت تکرار نمیشه
با ثبت نام داخل این پکیج به هیچ آموزش ، دوره ، کلاس حضوری نیازی ندارید
این آخرین فرصت ثبت نام با این قیمت هستش و دیگه این قیمت تکرار نمیشه
با ثبت نام داخل این پکیج به هیچ آموزش ، دوره ، کلاس حضوری نیازی ندارید
❤3
آموزش برنامه نویسی فرانت اند pinned «🔥 ثبتنام پکیج جامع باز میشه! اگر منتظر بودید، زمانش مشخص شد: 📅 پنجشنبه ⏰ ساعت ۱۵:۰۰ 👥 فقط برای ۱۵ نفر ظرفیت ثبتنام پکیج جامع رو باز میکنیم. قیمت اصلی پکیج ۶ میلیون تومان هست؛ اما این بار میتونید با شرایط ویژه فقط با: ۲٬۴۹۸٬۰۰۰ تومان ثبتنام کنید. 🔥…»
🌐 چرا بعضی سایتها با اینترنت ضعیف هم سریع باز میشن؟
چون فقط به «سرعت اینترنت» وابسته نیستن.
از چیزهایی مثل:
⚡ CDN
📦 Cache 🖼️ تصاویر بهینه
📉 Compression
💾 Browser Cache
🚀 Lazy Loading
استفاده میکنن.
یعنی Performance فقط این نیست که:
«کدم سریع اجرا بشه.»
کل مسیر بین کاربر تا محتوایی که میبینه مهمه.
#Performance #WebDevelopment #Frontend #سرعت_سایت #برنامه_نویسی #توسعه_وب
چون فقط به «سرعت اینترنت» وابسته نیستن.
از چیزهایی مثل:
⚡ CDN
📦 Cache 🖼️ تصاویر بهینه
📉 Compression
💾 Browser Cache
🚀 Lazy Loading
استفاده میکنن.
یعنی Performance فقط این نیست که:
«کدم سریع اجرا بشه.»
کل مسیر بین کاربر تا محتوایی که میبینه مهمه.
#Performance #WebDevelopment #Frontend #سرعت_سایت #برنامه_نویسی #توسعه_وب
🔥1
دسترسی پکیج به همراه توضیحات استفاده و نقشه راه و زمان شروع پشتیبانی برای تموم عزیزانی که امروز ثبت نام کردن ارسال شد 😇
بریم که بهترین ها رو در کنار هم رقم بزنیم👊🏻
بریم که بهترین ها رو در کنار هم رقم بزنیم👊🏻
❤6
آموزش برنامه نویسی فرانت اند
دسترسی پکیج به همراه توضیحات استفاده و نقشه راه و زمان شروع پشتیبانی برای تموم عزیزانی که امروز ثبت نام کردن ارسال شد 😇 بریم که بهترین ها رو در کنار هم رقم بزنیم👊🏻
با وارد کردن لایسنس ارسال شده
دوره های
HTML css
JavaScript
React js
Typescript
Next js
Git git hub
دوره از کد تا استخدام
۱۰۰ سوال استخدامی تستی با جواب تشریحی
باید براتون لیست بشه
در صورت مغایرت به اکانت پشتیبانی پیام بدید
دوره های
HTML css
JavaScript
React js
Typescript
Next js
Git git hub
دوره از کد تا استخدام
۱۰۰ سوال استخدامی تستی با جواب تشریحی
باید براتون لیست بشه
در صورت مغایرت به اکانت پشتیبانی پیام بدید
❤5🔥2