آموزش برنامه نویسی فرانت اند
7.51K subscribers
355 photos
48 videos
27 files
132 links
👈🏻 ارتباط با من: @codelines_support 🔅

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

آدرس سایت 👈🏻: codelines.ir
Download Telegram
یدونه از آگهی ها باز کنید ببینید دقیقا چه مهارتی هایی ازتون می‌خواد ؟
❤2👏1
📌میانبرهای کیبورد که همه ی برنامه نویسان باید بلد باشن

با Win + V تاریخچه کپی‌ها رو ببین
با Ctrl + Shift + T تب بسته‌شده رو برگردون
با Win + Shift + S از بخشی از صفحه عکس بگیر
با Ctrl + L مستقیم برو روی نوار آدرس
با Ctrl + F داخل هر صفحه دنبال کلمه بگرد
با site: فقط داخل یک سایت جست‌وجو کن
با علامت نقل‌قول، عبارت دقیق رو در گوگل پیدا کن
با filetype:pdf فقط فایل PDF جست‌وجو کن
با Ctrl + Backspace یک کلمه کامل رو پاک کن
با Alt + Tab سریع بین برنامه‌ها جابه‌جا شو
❤1
۲ ساعت تا پایان جشنواره
❤2🔥1
Merge Conflict
یعنی چی؟

تو و همکارت روی یک فایل کار کردید.
تو یک قسمت رو تغییر دادی.
اون هم همون قسمت رو تغییر داده.

حالا Git میگه:

CONFLICT
خوردی

یعنی Git نمی‌تونه خودش تصمیم بگیره کدوم تغییر باید باقی بمونه.

باید Conflict رو بررسی کنی، تصمیم بگیری چه کدی درست‌تره و بعد دوباره Commit کنی.

📌 Merge Conflict
چیز عجیبی نیست؛

بخشی از کار روزمره تیم‌های برنامه‌نویسیه.

#Git #GitHub #MergeConflict #Developer #Programming #برنامه_نویسی
🔥1
🔥 چرا از Template Literal استفاده کنیم؟

قبلاً برای چسبوندن متن‌ها این شکلی می‌نوشتیم:

let name = "Ali";

console.log("سلام " + name);

ولی الان یه راه تمیزتر داریم:

let name = "Ali";

console.log(`سلام ${name}`);


مزیتش چیه؟ 🤔

✅ خواناتر میشه.
✅ نوشتن متن‌های چندخطی راحت‌تره.
✅ دیگه لازم نیست هی از + استفاده کنی.
از ES6 به بعد، این روش استاندارد پروژه‌های جدیده.

#JavaScript #ES6
❤2
کدام گزینه برای مدیریت state در کامپوننت‌های تابعی استفاده می‌شود؟
Anonymous Quiz
15%
useEffect
12%
useClass
58%
useState
15%
setStateObject
❤2
من اگه امروز دانشجو بودم، این مسیر را برای یادگیری برنامه نویسی انتخاب می‌کردم.
اول، هیچ وقت منتظر تمام شدن دانشگاه نمی‌موندم.
و بعدش پایه برنامه‌نویسی و JavaScript رو خیلی خوب یاد می‌گرفتم.
بعد مستقیم می‌رفتم سراغ React و شروع می‌کردم پروژه واقعی ساختن؛ نه فقط دیدن ویدیوهای آموزشی.
همزمان Git و GitHub رو هم یاد می‌گرفتم و هر پروژه‌ای که می‌ساختم رو منتشر می‌کردم.
از ترم سوم هم برای کارآموزی اقدام می‌کردم، حتی اگر درآمدی برام نداشت.
چون مدرک، اولین مصاحبه رو برات میاره؛ اما این مهارت و نمونه‌کارته که باعث استخدامت می‌شه.
❤6👍1
بریم ببینم برنامه نویسی فرانت اند چیه اصلا 👇👇👇
❤2🔥1
📌سایت دیجی کالا رو دیگه همتون میشناسید

این سایت رو نگاه کنید👀
المان هایی که توی صحفه وجود داره رو ببینید😉

از اون بالا هدر سایت که بخش سرچ داره 👋
1️⃣بخش استوری ها
2️⃣بخش بنرهای تبلیغاتی
3️⃣و محصولاتی که داخل سایت وجود داره
⭕️ این موارد رو خوب ببینید

✅دقیقا برنامه نویس فرانت اند و طراحی سایت کارش همینه.


🔆 کارفرما طرح نهایی رو در اختیار شما قرار میده و باید اون طرح رو تبدیل به کد کنید

باید مفاهیم و زبان هایی که بالا گفتم رو بلد باشی تا فرانت اند یک سایتی مثل دیجی کالا رو طراحی کنید
❤3🔥1
قدم اول برای طراحی چنین قالب‌هایی، داشتن یک مسیر یادگیری منظم و هدفمنده.
باید بدونی دقیقا چه مهارت‌هایی رو باید یاد بگیری تا بتونی پروژه‌هایی مثل این رو بدون استرس طراحی و تحویل کارفرما بدی.

خیلی‌ها ماه‌ها یا حتی سال‌ها وقت می‌ذارن، ویدیو می‌بینن، سوال می‌پرسن… اما در نهایت نمی‌تونن یه قالب درست طراحی کنن.
به نظرت چرا؟

چون مباحث رو درست و مرحله‌به‌مرحله یاد نگرفتن،
و مهم‌تر از اون، برنامه‌ی جامع و روشنی برای رسیدن به هدفشون نداشتن.

🔥 و همین باعث میشه توی مسیر یادگیری شکست بخورن.
❤2🔥1🙏1
💻 یه کامپیوتر یا لپ‌تاپ معمولی، حتی ضعیف داری؟

👀 همون که یه گوشه افتاده و خاک می‌خوره...

💰 میدونستی می‌تونی باهاش کسب درآمد کنی ؟

✅ فقط کافیه یاد بگیری چطور باهاش برنامه‌نویسی فرانت اند و طراحی سایت کنی و پول دربیاری!

🚀 با هم توی ۴ ماه از صفر می‌رسونمت به یه برنامه‌نویس و طراح سایت حرفه‌ای!

💸 بعدش پروژه بگیر، درآمد دلاری داشته باش و زندگی‌تو بساز!

💡 دیگه هیچ بهونه‌ای نمونده، فقط شروع کن! 😎🔥


@codelines_ir
❤3