❓ سوالی که خیلیهاتون توی پیوی ازم پرسیدید:
«از برنامهنویسی فرانتاند و طراحی سایت چقدر میتونم درآمد داشته باشم؟» 💸💻
✅ جوابش اینه:
کاملاً بستگی به خودت داره که چقدر مهارت داری و چطور بتونی ازش درآمد بسازی! ولی بذار یه تصویر کلی بهت بدم 👇
💼 کمترین قیمت پروژههایی که میتونی تو این حوزه بگیری، حدوداً از ۲۵ تا ۷۰-۸۰ میلیون تومن هست (برای هر پروژه!) 💰
👨💼 یا اگه بخوای توی شرکت استخدام بشی، معمولا از همون اول، حداقل ۳۰میلیون حقوق پایه بهت میدن. (و این فقط شروع کاره!) 🚀
🧠 پس اگه واقعاً یاد بگیری و پشتکار داشته باشی، درآمد خیلی خوبی میتونی بسازی. فقط کافیه مسیر رو درست بری ...
«از برنامهنویسی فرانتاند و طراحی سایت چقدر میتونم درآمد داشته باشم؟» 💸💻
✅ جوابش اینه:
کاملاً بستگی به خودت داره که چقدر مهارت داری و چطور بتونی ازش درآمد بسازی! ولی بذار یه تصویر کلی بهت بدم 👇
💼 کمترین قیمت پروژههایی که میتونی تو این حوزه بگیری، حدوداً از ۲۵ تا ۷۰-۸۰ میلیون تومن هست (برای هر پروژه!) 💰
👨💼 یا اگه بخوای توی شرکت استخدام بشی، معمولا از همون اول، حداقل ۳۰میلیون حقوق پایه بهت میدن. (و این فقط شروع کاره!) 🚀
🧠 پس اگه واقعاً یاد بگیری و پشتکار داشته باشی، درآمد خیلی خوبی میتونی بسازی. فقط کافیه مسیر رو درست بری ...
❤8
⏳ چقدر طول میکشه برنامه نویسی فرانتاند و طراحی سایت رو یاد بگیرم؟
✅ اگه روزی ۱ تا ۲ ساعت ویدیو ببینی و تمرین کنی، توی حداقل ۴ ماه میتونی اولین پروژهتو بگیری یا استخدام شی! 🚀
👨💼 اگه دانشجویی یا شاغل، و فقط روزی ۱ ساعت وقت داری، با یه برنامهریزی درست میتونی توی ۵ ماه به درآمد برسی 💰
🧠 من اینجام تا زمانم رو در اختیار تو بذارم
تا بتونی بدون سردرگمی و خیلی سریع، برنامهنویسی رو یاد بگیری 🚀
❌ اگه بخوای خودت تنهایی شروع کنی و اینور اونور آموزش ببینی،
احتمالش زیاده که پراکنده یاد بگیری و ماها یا حتی سالها طول بکشه تا مسلط شی!
✅ ولی من دقیقاً همه اون چیزایی که واقعاً نیاز داری رو بهت گفتم.
✅ اگه روزی ۱ تا ۲ ساعت ویدیو ببینی و تمرین کنی، توی حداقل ۴ ماه میتونی اولین پروژهتو بگیری یا استخدام شی! 🚀
👨💼 اگه دانشجویی یا شاغل، و فقط روزی ۱ ساعت وقت داری، با یه برنامهریزی درست میتونی توی ۵ ماه به درآمد برسی 💰
🧠 من اینجام تا زمانم رو در اختیار تو بذارم
تا بتونی بدون سردرگمی و خیلی سریع، برنامهنویسی رو یاد بگیری 🚀
❌ اگه بخوای خودت تنهایی شروع کنی و اینور اونور آموزش ببینی،
احتمالش زیاده که پراکنده یاد بگیری و ماها یا حتی سالها طول بکشه تا مسلط شی!
✅ ولی من دقیقاً همه اون چیزایی که واقعاً نیاز داری رو بهت گفتم.
❤5
میانبرهای
VS Code
VS Code
Ctrl + D → انتخاب مورد بعدیAlt + Click → چند کرسرShift + Alt + ↓ → کپی خطCtrl + / → کامنتCtrl + Shift + P → Command PaletteAlt + ↑/↓ → جابهجایی خط🔥3❤1👏1🙏1
🚀 چطور پروژه بگیرم؟ از کجا کار پیدا کنم؟
👨💻 اول از همه میتونی یه رزومه ساده و مرتب درست کنی و بفرستی برای شرکتهای نرمافزاری
📌 از طریق سایتهای استخدامی مثل:
✅ جابینجا
✅ جابویژن
✅ آیاستخدام و....
📦 اما اگه بخوای پروژهای و مستقل کار کنی (یعنی فریلنسینگ)، اینم راهشه:
🌐 سایتهای ایرانی:
پونیشا، کارلنسر، انجاممیده و....
💵 سایتهای خارجی (درآمد دلاری):
Fiverr، Upwork، Freelancer
🖇خیلی سایت های دیگه هستن نخواستم پست طولانی بشه با یه سرچ ساده میتونی پیداشون کنی
📍برای برنامه نویسی کار به شدت زیادهه پس غصه ی این مورد رو اصلاا نخور
👨💻 اول از همه میتونی یه رزومه ساده و مرتب درست کنی و بفرستی برای شرکتهای نرمافزاری
📌 از طریق سایتهای استخدامی مثل:
✅ جابینجا
✅ جابویژن
✅ آیاستخدام و....
📦 اما اگه بخوای پروژهای و مستقل کار کنی (یعنی فریلنسینگ)، اینم راهشه:
🌐 سایتهای ایرانی:
پونیشا، کارلنسر، انجاممیده و....
💵 سایتهای خارجی (درآمد دلاری):
Fiverr، Upwork، Freelancer
🖇خیلی سایت های دیگه هستن نخواستم پست طولانی بشه با یه سرچ ساده میتونی پیداشون کنی
📍برای برنامه نویسی کار به شدت زیادهه پس غصه ی این مورد رو اصلاا نخور
❤2🔥2
🚀سایتهایی که هر برنامهنویس باید بشناسه
roadmap.sh → نقشه راه یادگیری
frontendmentor.io → پروژه واقعی فرانتاند
codewars.com → تمرین الگوریتم
leetcode.com → آمادگی مصاحبه
devdocs.io → مستندات آفلاین
regex101.com → تست Regex
caniuse.com → بررسی پشتیبانی مرورگرها
bundlephobia.com → حجم پکیجهای npm
web.dev → آموزش Performance
css-tricks.com → ترفندهای CSS
roadmap.sh → نقشه راه یادگیری
frontendmentor.io → پروژه واقعی فرانتاند
codewars.com → تمرین الگوریتم
leetcode.com → آمادگی مصاحبه
devdocs.io → مستندات آفلاین
regex101.com → تست Regex
caniuse.com → بررسی پشتیبانی مرورگرها
bundlephobia.com → حجم پکیجهای npm
web.dev → آموزش Performance
css-tricks.com → ترفندهای CSS
👍2❤1👏1
🎯 از کجا برنامهنویسی فرانتاند و طراحی سایت رو شروع کنم؟
ببین 👇 برای شروع باید بری سراغ چیزایی که توی همه آگهیهای استخدام و پروژهها ازت میخوان:
💡 پایهها:
✅ Html Css
✅ JavaScript
اینا دو تا پایه اصلی ساخت هر صفحهی وب هستن! باید خوب بلدشون باشی.
بعدش چی؟
باید بری سراغ یه کتابخونه مدرن که بازار کارش داغه و یادگیریش آسونه 😍
🔥 پیشنهاد من: React JS
توسعه دادهشده توسط فیسبوک ✅
اینستاگرام هم باهاش نوشته شده! 📱
😎 نگران نباش، من همهی اینارو با کلی تمرین، پروژهی واقعی و آموزش حرفهای بهت یاد میدم. قراره حسابی خفن شی! 🚀
ببین 👇 برای شروع باید بری سراغ چیزایی که توی همه آگهیهای استخدام و پروژهها ازت میخوان:
💡 پایهها:
✅ Html Css
✅ JavaScript
اینا دو تا پایه اصلی ساخت هر صفحهی وب هستن! باید خوب بلدشون باشی.
بعدش چی؟
باید بری سراغ یه کتابخونه مدرن که بازار کارش داغه و یادگیریش آسونه 😍
🔥 پیشنهاد من: React JS
توسعه دادهشده توسط فیسبوک ✅
اینستاگرام هم باهاش نوشته شده! 📱
😎 نگران نباش، من همهی اینارو با کلی تمرین، پروژهی واقعی و آموزش حرفهای بهت یاد میدم. قراره حسابی خفن شی! 🚀
❤3
خیلیها این روزا میپرسن که «با اومدن هوش مصنوعی، هنوز یاد گرفتن برنامهنویسی ارزش داره یا نه؟»
صددرصد ارزش یادگیری داره به دلایل منطقی زیر .
اصلاً بدون بلد بودن برنامهنویسی، نه میتونی توی یه مصاحبه کاری موفق بشی، نه حتی میتونی درست از خود هوش مصنوعی استفاده کنی.
هوش مصنوعی یه ابزاره، ولی همه چیز نیست. معمولاً خروجیهایی که میده شبیه هم هستن و اون خلاقیت و درکی که یه برنامهنویس میتونه داشته باشه رو نداره.
شاید بتونی یه پروژه رو از صفر با AI شروع کنی و بزنی و اولش کلی کیف کنی، ولی وقتی پروژه بزرگ شد و رسید به ۲۰۰ فایل و هزاران خط کد، اون موقع تازه چالش شروع میشه. اگر بخوای یه تغییر کوچیک توی پروژه بدی یا یه باگ رو پیدا کنی، متوجه میشی که بدون فهمیدن کدها عملاً کاری از دستت برنمیاد.
از اون بدتر، فرض کن اکانت ابزار AIت تموم بشه، محدود بشه یا هر دلیلی نتونی ازش استفاده کنی. اون موقع اگر خودت برنامهنویسی بلد نباشی، کاملاً وابسته میشی و قفل و بعدش حذف.
الان شرکتها دنبال کسی هستن که پروژه رو واقعاً بفهمه؛ کسی که بدونه هر بخش چرا نوشته شده، بتونه کدها رو توسعه بده، باگها رو رفع کنه و از پس چالشهای واقعی بربیاد. این چیزیه که هنوز هیچ هوش مصنوعیای جای اون رو نگرفته.
وقتی یه پروژه ای داشته باشی که در هر ثانیه باید یک سری دیتا رد و بدل بشه و به مشکل بخوره
اینجاست که باید برنامه نویس دقیقا کدهای اون پروژه رو قورت داده باشه و سریع بره سراغ مشکل و برطرفش کنه
اینم در زمانی اتفاق میفته که یک شخص خودش کدهای اون پروژه رو زده باشه
Ai نه
من همیشه میگم هوش مصنوعی مثل اینه که ماشین دندهای تبدیل شده به ماشین اتوماتیک.
رانندگی راحتتر شده، سریعتر هم شده، ولی هنوز باید رانندگی بلد باشی. اگر رانندگی بلد نباشی، اتوماتیک بودن ماشین هم کمکی بهت نمیکنه.
بعضی از شرکت ها هم اجازه استفاده نمیدن شما پروژه شون رو با ai بزنی و باید خودت کدها رو بزنی
و اینم اضافه کنم وقتی پاشی بری مصاحبه و ۲ تا سوال ازت بپرسن و جوابشو ندونی و رد بشی تازه میفهمی که باید برنامه نویسی رو بلد باشی
صددرصد ارزش یادگیری داره به دلایل منطقی زیر .
اصلاً بدون بلد بودن برنامهنویسی، نه میتونی توی یه مصاحبه کاری موفق بشی، نه حتی میتونی درست از خود هوش مصنوعی استفاده کنی.
هوش مصنوعی یه ابزاره، ولی همه چیز نیست. معمولاً خروجیهایی که میده شبیه هم هستن و اون خلاقیت و درکی که یه برنامهنویس میتونه داشته باشه رو نداره.
شاید بتونی یه پروژه رو از صفر با AI شروع کنی و بزنی و اولش کلی کیف کنی، ولی وقتی پروژه بزرگ شد و رسید به ۲۰۰ فایل و هزاران خط کد، اون موقع تازه چالش شروع میشه. اگر بخوای یه تغییر کوچیک توی پروژه بدی یا یه باگ رو پیدا کنی، متوجه میشی که بدون فهمیدن کدها عملاً کاری از دستت برنمیاد.
از اون بدتر، فرض کن اکانت ابزار AIت تموم بشه، محدود بشه یا هر دلیلی نتونی ازش استفاده کنی. اون موقع اگر خودت برنامهنویسی بلد نباشی، کاملاً وابسته میشی و قفل و بعدش حذف.
الان شرکتها دنبال کسی هستن که پروژه رو واقعاً بفهمه؛ کسی که بدونه هر بخش چرا نوشته شده، بتونه کدها رو توسعه بده، باگها رو رفع کنه و از پس چالشهای واقعی بربیاد. این چیزیه که هنوز هیچ هوش مصنوعیای جای اون رو نگرفته.
وقتی یه پروژه ای داشته باشی که در هر ثانیه باید یک سری دیتا رد و بدل بشه و به مشکل بخوره
اینجاست که باید برنامه نویس دقیقا کدهای اون پروژه رو قورت داده باشه و سریع بره سراغ مشکل و برطرفش کنه
اینم در زمانی اتفاق میفته که یک شخص خودش کدهای اون پروژه رو زده باشه
Ai نه
من همیشه میگم هوش مصنوعی مثل اینه که ماشین دندهای تبدیل شده به ماشین اتوماتیک.
رانندگی راحتتر شده، سریعتر هم شده، ولی هنوز باید رانندگی بلد باشی. اگر رانندگی بلد نباشی، اتوماتیک بودن ماشین هم کمکی بهت نمیکنه.
بعضی از شرکت ها هم اجازه استفاده نمیدن شما پروژه شون رو با ai بزنی و باید خودت کدها رو بزنی
و اینم اضافه کنم وقتی پاشی بری مصاحبه و ۲ تا سوال ازت بپرسن و جوابشو ندونی و رد بشی تازه میفهمی که باید برنامه نویسی رو بلد باشی
❤5❤🔥2
آموزش برنامه نویسی فرانت اند
خیلیها این روزا میپرسن که «با اومدن هوش مصنوعی، هنوز یاد گرفتن برنامهنویسی ارزش داره یا نه؟» صددرصد ارزش یادگیری داره به دلایل منطقی زیر . اصلاً بدون بلد بودن برنامهنویسی، نه میتونی توی یه مصاحبه کاری موفق بشی، نه حتی میتونی درست از خود هوش مصنوعی…
این موارد تجربه م بود که براتون
نوشتم
نوشتم
❤4
⚡️ دستورهای مهم Git
• git init
• git clone
• git add
• git commit
• git push
• git pull
• git merge
• git rebase
• git stash
• git cherry-pick
• git init
• git clone
• git add
• git commit
• git push
• git pull
• git merge
• git rebase
• git stash
• git cherry-pick
🔥2
📌برای یادگیری برنامه نویسی فرانت اند پیش نیازی لازمه داشته باشم؟؟
🔎هیچی نمیدونم از برنامه نویسی فرانت اند چیکار کنم منم میتونم؟؟
❗️هیچ پیشنیازی لازم نیست!
برای شروع برنامهنویسی، لازم نیست هیچی بلد باشی.
من همهچی رو از صفر مطلق یادت میدم
هر چیزی که لازم داری، از پایه گفتم، حتی نرمافزارایی که باید نصب کنی رو مو به مو توضیح دادم.
✅ تنها چیزی که باید بلد باشی اینه:
چطور سیستمتو روشن و خاموش کنی!
پس نگران هیچی نباش، فقط شروع کن 💪
🔎هیچی نمیدونم از برنامه نویسی فرانت اند چیکار کنم منم میتونم؟؟
❗️هیچ پیشنیازی لازم نیست!
برای شروع برنامهنویسی، لازم نیست هیچی بلد باشی.
من همهچی رو از صفر مطلق یادت میدم
هر چیزی که لازم داری، از پایه گفتم، حتی نرمافزارایی که باید نصب کنی رو مو به مو توضیح دادم.
✅ تنها چیزی که باید بلد باشی اینه:
چطور سیستمتو روشن و خاموش کنی!
پس نگران هیچی نباش، فقط شروع کن 💪
❤3
❓ از کجا بفهمم برای برنامهنویسی ساخته شدم؟
🧠 لازم نیست از قبل بدونی!
باید امتحانش کنی 💻
فقط یه مدت باهاش کار کن، اگه:
🧱 از ساختن یه چیز جدید لذت بردی
👨💼 حس کردی کارت واسه خودته
💸 آزادی مالی برات جذابه
🧩 از حل کردن مشکلها خسته نمیشی
🌱 دیدی که داری رشد میکنی...
💡 بدون که مسیر درستو پیدا کردی!
✋ هیچکس از اول نمیدونه واسه چی ساخته شده،
ولی کسی که امتحان نکنه، هیچوقت نمیفهمه! 🚀
🧠 لازم نیست از قبل بدونی!
باید امتحانش کنی 💻
فقط یه مدت باهاش کار کن، اگه:
🧱 از ساختن یه چیز جدید لذت بردی
👨💼 حس کردی کارت واسه خودته
💸 آزادی مالی برات جذابه
🧩 از حل کردن مشکلها خسته نمیشی
🌱 دیدی که داری رشد میکنی...
💡 بدون که مسیر درستو پیدا کردی!
✋ هیچکس از اول نمیدونه واسه چی ساخته شده،
ولی کسی که امتحان نکنه، هیچوقت نمیفهمه! 🚀
❤2🔥1
اگه یک محاسبه سنگین داری که در هر رندر دوباره اجرا میشه، از useMemo استفاده کن.
✅ مناسب برای:
فیلتر کردن لیستهای بزرگ
مرتبسازی دادهها
محاسبات سنگین
❌ برای هر متغیری از
✅ مناسب برای:
فیلتر کردن لیستهای بزرگ
مرتبسازی دادهها
محاسبات سنگین
❌ برای هر متغیری از
useMemo استفاده نکن؛ استفاده ازش هزینه داره .🔥2👍1👌1
🤦🏻♂️عادت هایی که وقتت را هدر میده
❌ دیدن آموزش بدون تمرین
❌ تغییر مداوم زبان برنامهنویسی
❌ کامل کردن ۵۰ دوره
❌ دنبال بهترین لپتاپ بودن
❌ مقایسه با دیگران
❌ حفظ کردن کد
❌ کپی از ChatGPT بدون فهمیدن
❌ پروژه نزدن
❌ ترس از اشتباه
❌ کاملگرایی
❌ دیدن آموزش بدون تمرین
❌ تغییر مداوم زبان برنامهنویسی
❌ کامل کردن ۵۰ دوره
❌ دنبال بهترین لپتاپ بودن
❌ مقایسه با دیگران
❌ حفظ کردن کد
❌ کپی از ChatGPT بدون فهمیدن
❌ پروژه نزدن
❌ ترس از اشتباه
❌ کاملگرایی
❤5🔥1🙏1
❓ فرانتاند بهتره یا بکاند؟
🎯 اگه از صفر میخوای شروع کنی، زود به درآمد برسی و دلسرد نشی،
بدون شک: فرانتاند انتخاب بهتریه!
چرا؟ 👇
✅ یادگیری آسونتر
⏱️ زمان کمتر
💼 فرصت شغلی بیشتر (تقریباً تو همه آگهیها HTML, CSS, JS رو میخوان)
🧠 وقتی اینا رو خوب یاد گرفتی و تجربه جمع کردی،
برو سمت بکاند
اونوقت میتونی فولاستک دولوپر بشی 💻⚙️
💰 و درآمدت؟ راحت چند برابر میشه!
🧩 پس عجله نکن، هوشمندانه شروع کن:
فرانتاند اول → بکاند بعد
هم مسیر رو بلدی، هم جیبت پرتره 😉✨
🎯 اگه از صفر میخوای شروع کنی، زود به درآمد برسی و دلسرد نشی،
بدون شک: فرانتاند انتخاب بهتریه!
چرا؟ 👇
✅ یادگیری آسونتر
⏱️ زمان کمتر
💼 فرصت شغلی بیشتر (تقریباً تو همه آگهیها HTML, CSS, JS رو میخوان)
🧠 وقتی اینا رو خوب یاد گرفتی و تجربه جمع کردی،
برو سمت بکاند
اونوقت میتونی فولاستک دولوپر بشی 💻⚙️
💰 و درآمدت؟ راحت چند برابر میشه!
🧩 پس عجله نکن، هوشمندانه شروع کن:
فرانتاند اول → بکاند بعد
هم مسیر رو بلدی، هم جیبت پرتره 😉✨
❤5🔥1
خیلی از بچه ها پیام دادن برای پکیج جامع برنامهنویسی فرانت اند👇🏻👇🏻👇🏻
https://codelines.ir/package
که جشنواره تخفیفی نمیذاریم برای ثبت نام
https://codelines.ir/package
که جشنواره تخفیفی نمیذاریم برای ثبت نام
کدلاینز
کدلاینز | آموزش فرانت اند پروژه محور از صفر تا استخدام
آموزش فرانت اند از صفر تا استخدام: دورههای پروژه محور ری اکت (React)، جاوا اسکریپت (JavaScript)، HTML و CSS و گیت و گیت هاب — با دسترسی مادامالعمر و پشتیبانی واقعی.
❤3😍1
کدوم متد برای تبدیل رشته JSON به شیء جاوااسکریپت استفاده میشه؟
Anonymous Quiz
17%
JSON.stringify()
24%
JSON.parse()
28%
JSON.object()
31%
JSON.convert()
🌿 پکیج جامع برنامهنویسی فرانتاند 🌿
📌 شامل دورههای:
🌱 HTML & CSS
🌱 JavaScript
🌱 React.js
🌱typeScript
🌱next js
✨ از مقدماتی تا پیشرفته دوره ها تدریس شدن – کاملاً پروژهمحور و تمرینمحور
✨ همراه با پشتیبانی VIP (۶ ماهه)
🎁 هدیه ویژه: دورهی Git & GitHub روی این پکیج تقدیم میشه
💡 ویژگیها:
حداقل ۴۰ پروژهی کاربردی + تمرینات
سطحبندیشده
مجموعاً ۶۴ ساعت آموزش کامل
⏳ دسترسی مادام العمر به دورهها + دریافت آپدیتهای رایگان
📚 آموزش تمام پکیجها و ابزار های کاربردی مورد نیاز بازار کار
🎁 هدیه ویژه دوم :
فایل PDF
۱۰۰ سوال تستی با جواب تشریحی از مباحث تدریس شده
به قیمت ۳۹۸ رایگان تقدیم میشود
📌 شامل دورههای:
🌱 HTML & CSS
🌱 JavaScript
🌱 React.js
🌱typeScript
🌱next js
✨ از مقدماتی تا پیشرفته دوره ها تدریس شدن – کاملاً پروژهمحور و تمرینمحور
✨ همراه با پشتیبانی VIP (۶ ماهه)
🎁 هدیه ویژه: دورهی Git & GitHub روی این پکیج تقدیم میشه
💡 ویژگیها:
حداقل ۴۰ پروژهی کاربردی + تمرینات
سطحبندیشده
مجموعاً ۶۴ ساعت آموزش کامل
⏳ دسترسی مادام العمر به دورهها + دریافت آپدیتهای رایگان
📚 آموزش تمام پکیجها و ابزار های کاربردی مورد نیاز بازار کار
🎁 هدیه ویژه دوم :
فایل PDF
۱۰۰ سوال تستی با جواب تشریحی از مباحث تدریس شده
به قیمت ۳۹۸ رایگان تقدیم میشود
❤4🔥2