آموزش برنامه نویسی فرانت اند
8.18K subscribers
328 photos
47 videos
26 files
113 links
👈🏻 ارتباط با من: @codelines_support 🔅

عرفان رضایی هستم ❤️
و اینجا خیلی ساده بهت یاد میدم
چطوری اصولی #برنامه_نویسی #فرانت_اند یاد بگیری 💻
که هم لذت ببری و هم وارد بازار کار بشی
😍🥇
@satisfaction_codelines 👈 نتایج و رضایت دوره

آدرس سایت 👈🏻: codelines.ir
Download Telegram
«این سؤال رو توی مصاحبه ازت بپرسن، معلوم میشه واقعاً برنامه‌نویسی بلدی یا نه»

فرض کن یک API داری که گاهی ۳ ثانیه طول می‌کشه جواب بده.

چی کار می‌کنی؟

فقط Loading می‌ذاری؟

یا بررسی می‌کنی:
API چرا کند شده؟
Cache لازم داریم؟
Request اضافی داریم؟
Pagination داریم؟
Query سنگینه؟

می‌تونیم اطلاعات رو Lazy Load کنیم؟
برنامه‌نویس واقعی فقط کد نمی‌نویسه؛ دلیل کند بودن سیستم رو پیدا می‌کنه.

#مصاحبه_برنامه_نویسی #Developer #Frontend #Backend #Programming #کدنویسی
4🔥1
💰 اگه می‌خوای اولین پروژه یا اولین شغلت رو بگیری، این ۵ کار رو انجام بده:

توی سایت‌های استخدام مثل جابینجا، جاب‌ویژن و... رزومه بساز و هر روز برای آگهی‌های جدید رزومه بفرست. حتی اگه همه شرایطش رو نداری.

توی سایت‌های فریلنسری مثل پونیشا و کارلنسر پروفایل کامل بساز و هر روز برای چند پروژه پیشنهاد بفرست.

توی لینکدین، با برنامه‌نویس‌ها و مدیرهای فنی ارتباط بگیر. خیلی از
فرصت‌های شغلی اصلاً آگهی نمی‌شن.

نمونه‌کارهات رو داخل GitHub و یک پورتفولیو منتشر کن. خیلی از شرکت‌ها قبل از مصاحبه اول کدهای تو رو نگاه می‌کنن.

توی گروه‌های تلگرام و کامیونیتی‌های برنامه‌نویسی عضو باش. خیلی از پروژه‌های کوچک و معرفی‌ها از همین گروه‌ها پیدا می‌شن.

یه اشتباه بزرگ اینه که فقط منتظر بمونی یه آگهی مناسب پیدا بشه.

هر روز ۱۰ تا درخواست بفرست.
ممکنه ۹ تاش بی‌جواب بمونه، ولی همون یکی، می‌تونه مسیر شغلی تو رو عوض کنه. 🚀
3👏1
🔥 چرا بعضی‌ها بعد از یک سال هنوز برنامه‌نویس مبتدی هستن؟

چون بیشتر وقتشون رو صرف یاد گرفتن می‌کنن، نه ساختن. 👇

📌 فقط آموزش جمع می‌کنن
📌 پروژه واقعی انجام نمی‌دن
📌 با اولین چالش جا می‌زنن
📌 منتظرن تا «کاملاً آماده» بشن

اما واقعیت اینه:

برنامه‌نویسی با شروع کردن رشد می‌کنه، نه با آماده شدن. 🚀

قرار نیست اول همه‌چیز رو بلد باشی و بعد پروژه بزنی؛
پروژه می‌زنی تا کم‌کم همه‌چیز رو یاد بگیری.

پس منتظر زمان مناسب نباش.
5👏1
🔥 ۳ ترفند CSS خفن و کاربردی که کمتر کسی استفاده می‌کنه!

اگر 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!
اما یه نکته مهم رو یادت باشه:
ارور یعنی شکست خوردی؟ نه!

ارور یعنی کامپیوتر داره بهت می‌گه کجای کارت نیاز به بررسی داره.

هر برنامه‌نویسی، حتی حرفه‌ای‌ترین‌ها، هر روز با خطا و باگ سروکله می‌زنن.

تفاوت یک برنامه‌نویس مبتدی و حرفه‌ای این نیست که یکی ارور می‌بینه و دیگری نه؛

🔥 تفاوتشون اینه که برنامه‌نویس حرفه‌ای بلد شده ارور رو بخونه، علتش رو پیدا کنه و حلش کنه.

پس دفعه بعد که با یک ارور روبه‌رو شدی، فرار نکن! 😎

📌 ارور دشمن تو نیست؛ یکی از بهترین معلم‌های توئه.
😁32👍1
🤖 با وجود هوش مصنوعی، هنوز برنامه‌نویسی یاد بگیریم؟

قطعاً بله! 🔥

هوش مصنوعی قرار نیست برنامه‌نویس‌های خوب رو حذف کنه؛
بلکه کارهای تکراری رو سریع‌تر و ساده‌تر می‌کنه.

کسی که فقط کد می‌نویسه، ممکنه جایگزین بشه.
اما کسی که بلد باشه:

🧠 درست فکر کنه
💡 ایده بده
🛠 مسئله حل کنه


با هوش مصنوعی، چند برابر قدرتمندتر می‌شه. 🚀

🎯 برنامه‌نویس آینده کسی نیست که با AI رقابت کنه؛
کسیه که بلد باشه از AI درست استفاده کنه.


#برنامه_نویسی #هوش_مصنوعی #AI #تکنولوژی
3👍1💯1
🎯 یه ابزار خفن که هر برنامه‌نویسی باید بشناسه!

🧠 Excalidraw

قبل از اینکه کد بزنی، ایده‌ت رو اینجا بکش!
می‌تونی باهاش فلوچارت، دیاگرام، وایرفریم و معماری پروژه طراحی کنی؛ حتی چند نفر هم‌زمان روی یک صفحه کار کنن.

🔥 رایگان و Open Source
بدون نیاز به نصب
📤 خروجی PNG و SVG
🤝 همکاری آنلاین


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

🔗 [excalidraw.com](https://excalidraw.com/?utm_source=chatgpt.com)

#برنامه_نویسی #ابزار_برنامه_نویسی #Developer
👏21
const user = {
name: "Sara",
age: 20
};

console.log(user.name);
خروجی‌کد بالا چیه ؟
Anonymous Quiz
13%
user
13%
age
72%
Sara
2%
10
اگه چند وقته داری برنامه‌نویسی یاد می‌گیری، این پست رو تا آخر بخون 👇

یه مشکل خیلی رایج بین بچه‌هایی که فرانت‌اند یاد می‌گیرن وجود داره:

مدام در حال یاد گرفتنن، ولی هیچ‌وقت احساس نمی‌کنن آماده‌ان!

یه مدت HTML و CSS می‌خونن...
بعد میرن سراغ JavaScript.

وسطش می‌بینن همه درباره React حرف می‌زنن، میرن React.

بعد یکی میگه Git و GitHub برای استخدام لازمه.
یکی میگه پروژه بزن.
یکی میگه رزومه بساز.
یکی میگه بدون TypeScript شانسی نداری...
و آخرش چی؟ 😐

بعد از چند ماه کلی چیز دیدی، ولی هنوز نمی‌دونی:

«الان دقیقاً باید چی یاد بگیرم و قدم بعدیم چیه؟»
3🔥1
«الان دقیقاً باید چی یاد بگیرم و قدم بعدیم چیه؟»

مشکل خیلی وقت‌ها کمبود آموزش نیست.
اتفاقاً آموزش رایگان اون‌قدر زیاده که خودش تبدیل شده به مشکل!

چیزی که خیلی‌ها ندارن یک مسیر مشخص و منظمه.

مسیری که بگه:

از اینجا شروع کن ➜ این‌ها رو یاد بگیر ➜ تمرین کن ➜ پروژه بساز ➜ برو مرحله بعد.

قبل از اینکه امروز دوباره یک آموزش جدید باز کنی، از خودت بپرس:

من واقعاً دارم در یک مسیر جلو میرم، یا فقط دارم آموزش جمع می‌کنم؟
6🔥1
این پیام رو امروز یکی از بچه‌های کانال فرستاد 👆
و احتمالاً خیلیاتون دقیقاً همین حس رو دارید...
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️⃣ پروژه، تمرین و ساخت نمونه‌کار

چون فقط دیدن آموزش کسی رو برنامه‌نویس نمی‌کنه.
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 #سرعت_سایت #برنامه_نویسی #توسعه_وب
🔥1
خروجی‌کد بالا چیه ؟
Anonymous Quiz
45%
NaN
20%
Undefined
13%
number
23%
object