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

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

آدرس سایت 👈🏻: codelines.ir
Download Telegram
خروجی تکه کد بالا چیه ؟
Anonymous Quiz
39%
Null
35%
Object
21%
Undefined
4%
Boolean
🥰1😁1
اگه تازه وارد کانال شدی و هنوز دقیق نمی‌دونی برنامه‌نویسی اصلاً به درد تو می‌خوره یا نه، این چند روز کانال رو از دست نده 👀

قرار نیست از همون اول بری سراغ کدهای عجیب‌غریب.

می‌خوام خیلی ساده نشونت بدم:

• برنامه‌نویسی فرانت‌اند دقیقاً چیه
• از کجا باید شروع کنی
• چقدر زمان می‌بره
• چه چیزهایی باید یاد بگیری
• و اصلاً میشه ازش به درآمد رسید یا نه

حتی اگه تا به امروز یک خط کد هم نزدی، این مطالب برای توئه. 👌
❤6
یه نکته خیلی مهم که گفتم اینجا بگم بد نیست 👇
اصلاً مهم نیست که الان:

📚 دانش‌آموز و کنکوری هستی
🏠 خانه‌داری
💼 کارمندی
🎓 دانشجویی


یا حتی رشته‌ت هیچ ارتباطی با کامپیوتر نداره.

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

ساخت سایت
گرفتن پروژه
استخدام
فریلنسری
استفاده کنی.
❤6👏1
اصلاً فرانت‌اند چیه؟

اول از همه بریم سراغ اولین سؤال:

فرانت‌اند دقیقاً یعنی چی؟
هر چیزی که توی یک سایت می‌بینی و باهاش کار می‌کنی، بخش زیادی ازش مربوط به فرانت‌اند میشه.
مثلاً:
• منوی سایت
• دکمه‌ها
• فرم ثبت‌نام
• ظاهر صفحات
• کارت محصولات
• صفحه فروشگاه
• نسخه موبایل سایت

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

مثلاً وقتی وارد سایت دیجی‌کالا میشی، محصول می‌بینی، روی دکمه کلیک می‌کنی، منو باز می‌کنی یا چیزی سرچ می‌کنی...
برنامه‌نویس فرانت‌اند روی همین بخش‌ها کار می‌کنه. ظراحی فرم ها،دکمه ها، منوها و ...
پس خیلی ساده:
فرانت‌اند = ساخت ظاهر و تعاملات سایت
❤3🔥1💯1
از کجا شروع کنیم؟

خب، حالا که فهمیدیم فرانت‌اند چیه...
سؤال بعدی:
از کجا باید شروع کنیم؟
مسیر شروع فرانت‌اند اینه:
HTML CSS
⬇️
JavaScript
⬇️
React , typescript
⬇️
nextjs
⬇️
git github

نکته مهم اینجاست:
لازم نیست روز اول بری React بخونی.
لازم نیست Next.js بلد باشی.
لازم نیست حتی بدونی GitHub چیه.

هیچی لازم نیست بدونی فقط خواستم مسیر رو برات روشن کنم چون من همه رو بدون اینکه اصلا هیچی بدونی با کلی پروژه تمرین یادت میدم

و دقیقاً به همین دلیل شروع برنامه‌نویسی خیلی ساده‌تر از چیزیه که وقتی اسم ۲۰ تا تکنولوژی رو کنار هم می‌بینی فکر می‌کنی.

حالا سؤال بعدی:
چقدر طول می‌کشه یاد بگیری؟
❤3🔥1
چقدر طول می‌کشه؟

این یکی از پرتکرارترین سؤال‌هاست:
چقدر زمان می‌بره فرانت‌اند یاد بگیرم؟
جوابش بستگی داره به اینکه چقدر وقت بذاری.
ولی یه چیز رو از همین اول بدون:
قرار نیست ۲ هفته‌ای برنامه‌نویس بشی.
و قرار هم نیست ۳ سال صبر کنی تا اولین سایتت رو بسازی.
اگر منظم جلو بری، از همون هفته‌های اول می‌تونی چیزهایی بسازی.
مثلاً:
هفته‌های اول → صفحات ساده
بعدش → سایت‌های خوشگل‌تر
بعدش → سایت‌های تعاملی
بعدش → پروژه‌های واقعی‌تر
پس به جای اینکه بپرسی:
«چند ماه طول می‌کشه حرفه‌ای بشم؟»
این رو بپرس:
«اگه امروز شروع کنم، یک ماه دیگه چه چیزی می‌تونم بسازم؟»
این سؤال خیلی بهتره.

عکس نقشه بالا برای فردیه که هیچ منبع مشخص آموزشی نداره و خودآموز داره مسیر رو بدون برنامه و پشتیبان طی میکنه
❤2🔥1
🚀 چطور پروژه بگیرم؟ از کجا کار پیدا کنم؟

👨‍💻 اول از همه می‌تونی یه رزومه ساده و مرتب درست کنی و بفرستی برای شرکت‌های نرم‌افزاری

📌 از طریق سایت‌های استخدامی مثل:
✅ جابینجا
✅ جاب‌ویژن
✅ آی‌استخدام و....

📦 اما اگه بخوای پروژه‌ای و مستقل کار کنی (یعنی فریلنسینگ)، اینم راهشه:

🌐 سایت‌های ایرانی:
پونیشا، کارلنسر، انجام‌میده و....

💵 سایت‌های خارجی (درآمد دلاری):
Fiverr، Upwork، Freelancer

🖇خیلی سایت های دیگه هستن نخواستم پست طولانی بشه با یه سرچ ساده میتونی پیداشون کنی

📍برای برنامه نویسی کار به شدت زیادهه پس غصه ی این مورد رو اصلاا نخور
❤5👍1
❓ از کجا بفهمم برای برنامه‌نویسی ساخته شدم؟

🧠 لازم نیست از قبل بدونی!
باید امتحانش کنی 💻
فقط یه مدت باهاش کار کن، اگه:

🧱 از ساختن یه چیز جدید لذت بردی
👨‍💼 حس کردی کارت واسه خودته
💸 آزادی مالی برات جذابه
🧩 از حل کردن مشکل‌ها خسته نمی‌شی
🌱 دیدی که داری رشد می‌کنی...

💡 بدون که مسیر درستو پیدا کردی!

✋ هیچ‌کس از اول نمی‌دونه واسه چی ساخته شده،
ولی کسی که امتحان نکنه، هیچ‌وقت نمی‌فهمه! 🚀
❤3🔥1
❓ فرانت‌اند بهتره یا بک‌اند؟

🎯 اگه از صفر می‌خوای شروع کنی، زود به درآمد برسی و دلسرد نشی،
بدون شک: فرانت‌اند انتخاب بهتریه!

چرا؟ 👇
✅ یادگیری آسون‌تر
⏱️ زمان کمتر
💼 فرصت شغلی بیشتر (تقریباً تو همه آگهی‌ها HTML, CSS, JS رو می‌خوان)

🧠 وقتی اینا رو خوب یاد گرفتی و تجربه جمع کردی،
برو سمت بک‌اند
اون‌وقت می‌تونی فول‌استک دولوپر بشی 💻⚙️

💰 و درآمدت؟ راحت چند برابر میشه!

🧩 پس عجله نکن، هوشمندانه شروع کن:
فرانت‌اند اول → بک‌اند بعد
هم مسیر رو بلدی، هم جیبت پرتره 😉✨
❤4
آموزش برنامه نویسی فرانت اند
الان توی فرانت‌اند کجایی؟
۲۷٪ که هنوز شروع نکردن و نمی‌دونم چرا شروع نمیکنن عجیبه واقعا 🙄

۲۷٪که فقط html css بلدن

اون وقت چرا ۲۴ ٪ توی جاوااسکریپت گیر کردید ؟
داستانش چیه ؟ 🧐
😁5❤2
❓ برای یادگیری فرانت‌اند و طراحی سایت، خودآموز بهتره یا شرکت تو دوره؟

🧠 خودآموز رفتن ممکنه،
اما باید انرژی زیادی بذاری واسه پیدا کردن منابع مطمئن توی این طوفان اطلاعاتی 🌪

📺 آموزشای یوتیوب چطور؟ اونام خوبن ولی:
❌ پراکنده‌ن
❌ بدون پشتیبانی
❌ بدون مسیر مشخص

و نتیجه؟
👉 وقتت می‌ره، انرژیت تموم میشه، ولی پیشرفت کم!

🎯 بهترین کار؟
شرکت تو دوره‌ای که دقیقاً برای بازار کار طراحی شده
نه فقط یادگیری تئوری، بلکه ساختن مسیر شغلی واقعی! 💼💻

✨ من همه‌ی مسیر رو برات چیدم:
ابزارها، تمرین‌ها، پروژه‌ها، پشتیبانی — هر چی لازم داری تا یه برنامه‌نویس حرفه‌ای و درآمدزا بشی 💪💰
❤5
برای استخدام شما اینجوری سر و دست میشکنن👌

تایم پاره وقت، پاداش،اتاق بازی،وام

حقوق بالا! البته این برای کسی که بخواد استخدام بشه

وگرنه ازاد کارکردن کلی مزایا بیشتر داره


ببین چقدر بهت نیاز دارن که این همه آپشن بهت میدن
❤6🥰1
یه چیزی که کاش روز اول برنامه‌نویسی بهم می‌گفتن:

کدی که کار می‌کنه، لزوماً کد خوبی نیست.

مثلاً این کد رو ببین:

const user = users.find(user => user.id === id);
کار می‌کنه.
تمیزه.
کوتاهه.

ولی اگه users ده‌ها هزار آیتم داشته باشه، هر بار داری کل آرایه رو می‌گردی.
حالا ممکنه بگی:

«خب مگه چقدر فرق می‌کنه؟»

همین طرز فکره که توی پروژه‌های کوچیک مشکلی ایجاد نمی‌کنه،

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

برنامه‌نویسی فقط این نیست که:
«چطور کاری کنم کدم اجرا بشه؟»

سؤال مهم‌تر اینه:

«چطور کاری کنم این کد وقتی پروژه ۱۰ برابر شد، هنوز منطقی باشه؟»

از یه جایی به بعد، تفاوت Junior و کسی که واقعاً برنامه‌نویسی بلده،
دیگه توی تعداد زبان‌ها و فریم‌ورک‌هایی که بلدن نیست.
توی نحوه فکر کردنشونه.
❤1👏1
آموزش برنامه نویسی فرانت اند
یه چیزی که کاش روز اول برنامه‌نویسی بهم می‌گفتن: کدی که کار می‌کنه، لزوماً کد خوبی نیست. مثلاً این کد رو ببین: const user = users.find(user => user.id === id); کار می‌کنه. تمیزه. کوتاهه. ولی اگه users ده‌ها هزار آیتم داشته باشه، هر بار داری کل آرایه رو…
دقیقاً به کسی بالای ۱۵۰ میلیون حقوق میدن که:

کدِ درست بنویسه.

بتونه دلیل انتخابش رو توضیح بده، مشکل رو خودش پیدا کنه،
و وقتی پروژه بزرگ شد، کدش دردسر ساز نشه.

چون در نهایت، کسی می‌تونه مسئله حل کنه که آموزش درست دیده باشه و عمیق یاد گرفته باشه.
❤4👍1🔥1
فردا ساعت ۱۲ ظهر بهترین فرصت برای شروع کردنه✅

یک بار برای همیشه بهونه هارو بزار کنار تا دیر نشده❌
❤3💯1
فردا ساعت ۱۲

20 نفر میتونن داخل آموزش پکیج جامع برنامه نویسی فرانت اند با شرایط ویژه ثبت نام کنن(که آموزش صفر تا صد برنامه نویسی فرانت اند + اموزش تمامی ابزار های بازار کار + روش های پیدا کردن شغل، بازاریابی و… ))

به جای 6 میلیون ❌
فقط با 2498 ✅

داخل آموزش پکیج جامع شرکت کنن

بزن اینجا کامل اطلاعات آموزش (معرفی آموزش، نمونه آموزش ها، نمونه کار هنرجوها، درآمد هنرجوها) رو ببین 👇

https://codelines.ir/package

@satisfaction_codelines 👈 نتایج و رضایت دوره، نمونه کار ها و درآمد هنرجو ها
❤3🔥1😍1
بعد از ثبت نام راهنمایی استفاده + برنامه آموزشی براتون ارسال میشه

6 ماه پشتیبانی روی پکیج موجوده
بچه‌ها، با توجه به پیام‌های زیادی که ازتون دریافت کردم و خیلی‌هاتون به خاطر شرایط مالی امکان پرداخت کامل مبلغ ثبت‌نام رو ندارید، تصمیم گرفتیم امکان ثبت‌نام قسطی رو هم براتون فراهم کنیم ❤️

شرایط ثبت‌نام قسطی خیلی ساده‌ست:
💰 قسط اول: ۱۲۴۹
یعنی دقیقاً نصف مبلغ ثبت‌نام رو واریز می‌کنید و بلافاصله دسترسی به پکیج براتون ارسال میشه.

💰 قسط دوم: ۱۲۴۹
مابقی مبلغ رو دقیقاً یک ماه بعد واریز می‌کنید.

پس لازم نیست به خاطر شرایط مالی، ثبت‌نامتون رو عقب بندازید.

با پرداخت نصف مبلغ، همین الان به پکیج دسترسی پیدا می‌کنید و مابقی رو یک ماه بعد پرداخت می‌کنید. ❤️

برای ثبت نام به آیدی پشتیبانی پیام بدید

@codelines_support
❤1👏1🙏1
اگه ۶ ماهه داری برنامه‌نویسی یاد می‌گیری ولی هنوز نمی‌تونی یه پروژه رو تنهایی بسازی، اینو بخون.

احتمالاً مشکل از هوش یا استعدادت نیست.

حتی شاید مشکل از کمبود آموزش هم نباشه.

مشکل اینه که بیشترِ وقتت رو صرف «یاد گرفتن» کردی، نه «حل کردن».
و این دوتا با هم فرق دارن.

وقتی آموزش می‌بینی، مدرس بهت میگه:
«اینجا این کد رو بنویس.»
تو هم می‌نویسی و همه‌چیز درست پیش میره.
اما وقتی خودت با یک صفحه خالی روبه‌رو میشی:

❌ نمی‌دونی از کجا شروع کنی
❌ نمی‌دونی چه چیزی رو سرچ کنی
❌ با اولین ارور گیر می‌کنی
❌ سریع فکر می‌کنی «من برای برنامه‌نویسی ساخته نشدم»

در حالی که واقعیت اینه:

تو کم آموزش ندیدی؛ کم «مسئله حل کردی».

از امروز یه قانون برای خودت بذار:

هر چیزی که یاد می‌گیری، قبل از اینکه بری سراغ آموزش بعدی، باهاش یک چیز واقعی بساز.

حتی اگر کوچیک باشه. حتی اگر خراب بشه. حتی اگر مجبور بشی ۲۰ بار سرچ کنی.
چون هدف نهایی برنامه‌نویسی این نیست که بگی:

«من این مبحث رو بلدم.»
هدف اینه که وقتی بهت یک مسئله دادن، بتونی بگی:

«باشه، بذار ببینم چطور حلش کنم.» 🚀
❤4🔥2