🧹 ۱۰ نشونه که کدت نیاز به Refactor داره
یک Function خیلی بزرگه
یک کد چند بار تکرار شده
اسم متغیرها نامفهومه
شرطهای تو در تو زیادن
تغییر یک چیز چند فایل رو خراب میکنه
یک فایل هزاران خط شده
Function چند کار مختلف انجام میده
کامنتهای عجیب برای توضیح کد لازم شده
حذف یک Feature خیلی سخت شده
خودت از خواندن کد میترسی
📌 Refactor
یعنی بهتر کردن ساختار کد، بدون تغییر رفتار اصلی برنامه.
#CleanCode #Refactoring #Programming #Developer #کدنویسی
یک Function خیلی بزرگه
یک کد چند بار تکرار شده
اسم متغیرها نامفهومه
شرطهای تو در تو زیادن
تغییر یک چیز چند فایل رو خراب میکنه
یک فایل هزاران خط شده
Function چند کار مختلف انجام میده
کامنتهای عجیب برای توضیح کد لازم شده
حذف یک Feature خیلی سخت شده
خودت از خواندن کد میترسی
📌 Refactor
یعنی بهتر کردن ساختار کد، بدون تغییر رفتار اصلی برنامه.
#CleanCode #Refactoring #Programming #Developer #کدنویسی
❤3🔥1
📦 کتابخونه React | Framer Motion
میخوای انیمیشنهای حرفهای بسازی؟
Framer Motion تقریباً هر چیزی که بخوای رو
با چند خط کد انجام میده.
✅ Fade
✅ Slide
✅ Drag
✅ Layout Animation
📌 انتخاب اول خیلی از پروژههای مدرن React.
میخوای انیمیشنهای حرفهای بسازی؟
Framer Motion تقریباً هر چیزی که بخوای رو
با چند خط کد انجام میده.
✅ Fade
✅ Slide
✅ Drag
✅ Layout Animation
📌 انتخاب اول خیلی از پروژههای مدرن React.
آموزش SQL رایگان از صفر تا کوئرینویسی | PDF فارسی کاربردی
قیمت دوره رایگان!
برای ثبت نام و دریافت 👇🏻
https://codelines.ir/course/sql-practical-commands
قیمت دوره رایگان!
برای ثبت نام و دریافت 👇🏻
https://codelines.ir/course/sql-practical-commands
❤4
🔥 ۵ افزونه VS Code که کدنویسی رو اعتیادآور میکنن!
📌 حتماً ذخیره کن؛ یه روز به کارت میاد!
1️⃣ Prettier ✨
کدت رو همیشه تمیز و حرفهای نگه میداره
✅ فرمت خودکار کد
✅ پایان جنگ با فاصلهها و خطها
2️⃣ Error Lens 🚨
ارورها رو همون جایی که اتفاق افتادن نشون میده
✅ دیگه دنبال خطا نگرد
✅ سریعتر Debug کن
3️⃣ GitLens 🔥
قدرت Git رو داخل VS Code بیار
✅ ببین کی و چرا یک خط کد تغییر کرده
✅ مدیریت حرفهای پروژهها
4️⃣ Auto Rename Tag ⚡
تغییر اسم تگها بدون دردسر
✅ مخصوص HTML / React
✅ سرعت بیشتر در کدنویسی
5️⃣ Material Icon Theme 🎨
ظاهر VS Code رو حرفهای کن
✅ آیکونهای جذاب برای فایلها
✅ پیدا کردن فایلها سریعتر میشه
📌 Save
کن که بعداً دنبال اسم افزونهها نگردی
📤 برای رفیق برنامهنویست بفرست
#programming #vscode #developer #coding #frontend #webdevelopment
📌 حتماً ذخیره کن؛ یه روز به کارت میاد!
1️⃣ Prettier ✨
کدت رو همیشه تمیز و حرفهای نگه میداره
✅ فرمت خودکار کد
✅ پایان جنگ با فاصلهها و خطها
2️⃣ Error Lens 🚨
ارورها رو همون جایی که اتفاق افتادن نشون میده
✅ دیگه دنبال خطا نگرد
✅ سریعتر Debug کن
3️⃣ GitLens 🔥
قدرت Git رو داخل VS Code بیار
✅ ببین کی و چرا یک خط کد تغییر کرده
✅ مدیریت حرفهای پروژهها
4️⃣ Auto Rename Tag ⚡
تغییر اسم تگها بدون دردسر
✅ مخصوص HTML / React
✅ سرعت بیشتر در کدنویسی
5️⃣ Material Icon Theme 🎨
ظاهر VS Code رو حرفهای کن
✅ آیکونهای جذاب برای فایلها
✅ پیدا کردن فایلها سریعتر میشه
📌 Save
کن که بعداً دنبال اسم افزونهها نگردی
📤 برای رفیق برنامهنویست بفرست
#programming #vscode #developer #coding #frontend #webdevelopment
❤4🔥1
برای شروع برنامهنویسی فرانت اند و طراحی سایت، اصلاً نیازی نیست که:
❌ چیزی از کامپیوتر یا برنامهنویسی بدونی
❌ مدرک دانشگاهی داشته باشی
❌ رشتهت کامپیوتر یا مرتبط باشه (حتی اگه معماری خوندی، میتونی برنامه نویس بشی!)
❌ ریاضیت خیلی قوی باشه (فقط همون چهارتا عمل اصلی کافیه ➕➖✖️➗)
❌ به زبان انگلیسی مسلط باشی
🎂 سن هم اصلاً مهم نیست
چه ۱۰ سالت باشه، چه ۵۰ سال، مهم فقط پشتکاره 💪🔥
💻 فقط کافیه بلد باشی سیستم رو روشن و خاموش کنی...
بقیهش با منه 😉✨
🚀 پشتکار، پشتکار، پشتکار
همین کافیه تا بتونی وارد دنیای فوقالعادهی برنامهنویسی بشی! 🌈
❌ چیزی از کامپیوتر یا برنامهنویسی بدونی
❌ مدرک دانشگاهی داشته باشی
❌ رشتهت کامپیوتر یا مرتبط باشه (حتی اگه معماری خوندی، میتونی برنامه نویس بشی!)
❌ ریاضیت خیلی قوی باشه (فقط همون چهارتا عمل اصلی کافیه ➕➖✖️➗)
❌ به زبان انگلیسی مسلط باشی
🎂 سن هم اصلاً مهم نیست
چه ۱۰ سالت باشه، چه ۵۰ سال، مهم فقط پشتکاره 💪🔥
💻 فقط کافیه بلد باشی سیستم رو روشن و خاموش کنی...
بقیهش با منه 😉✨
🚀 پشتکار، پشتکار، پشتکار
همین کافیه تا بتونی وارد دنیای فوقالعادهی برنامهنویسی بشی! 🌈
❤7🔥1🫡1
⏳ چقدر طول میکشه برنامه نویسی فرانتاند و طراحی سایت رو یاد بگیرم؟
✅ اگه روزی ۱ تا ۲ ساعت ویدیو ببینی و تمرین کنی، توی حداقل ۴ ماه میتونی اولین پروژهتو بگیری یا استخدام شی! 🚀
👨💼 اگه دانشجویی یا شاغل، و فقط روزی ۱ ساعت وقت داری، با یه برنامهریزی درست میتونی توی ۵ ماه به درآمد برسی 💰
🧠 من اینجام تا زمانم رو در اختیار تو بذارم
تا بتونی بدون سردرگمی و خیلی سریع، برنامهنویسی رو یاد بگیری 🚀
❌ اگه بخوای خودت تنهایی شروع کنی و اینور اونور آموزش ببینی،
احتمالش زیاده که پراکنده یاد بگیری و ماها یا حتی سالها طول بکشه تا مسلط شی!
✅ ولی من دقیقاً همه اون چیزایی که واقعاً نیاز داری رو بهت گفتم.
✅ اگه روزی ۱ تا ۲ ساعت ویدیو ببینی و تمرین کنی، توی حداقل ۴ ماه میتونی اولین پروژهتو بگیری یا استخدام شی! 🚀
👨💼 اگه دانشجویی یا شاغل، و فقط روزی ۱ ساعت وقت داری، با یه برنامهریزی درست میتونی توی ۵ ماه به درآمد برسی 💰
🧠 من اینجام تا زمانم رو در اختیار تو بذارم
تا بتونی بدون سردرگمی و خیلی سریع، برنامهنویسی رو یاد بگیری 🚀
❌ اگه بخوای خودت تنهایی شروع کنی و اینور اونور آموزش ببینی،
احتمالش زیاده که پراکنده یاد بگیری و ماها یا حتی سالها طول بکشه تا مسلط شی!
✅ ولی من دقیقاً همه اون چیزایی که واقعاً نیاز داری رو بهت گفتم.
❤5
💰 ۱۰ مهارتی که درآمد یک Front-End Developer را بیشتر میکند
🚀 تسلط کامل بر JavaScript
⚛️ یادگیری عمیق React (یا Next.js)
🌐 کار با REST API و GraphQL
📱 طراحی Responsive و Mobile-First
⚡ بهینهسازی Performance سایت
🛠️ تسلط بر Git & GitHub
🧪 آشنایی با Testing (Jest, Cypress)
🎨 درک اصول UI/UX
🤖 استفاده از ابزارهای هوش مصنوعی برای افزایش سرعت توسعه
💼 ساخت Portfolio قوی با پروژههای واقعی
💡 فقط کدنویسی کافی نیست؛ ترکیب مهارت فنی، پروژههای واقعی و یادگیری مداوم، بیشترین تأثیر را روی درآمد یک Front-End Developer دارد.
🚀 تسلط کامل بر JavaScript
⚛️ یادگیری عمیق React (یا Next.js)
🌐 کار با REST API و GraphQL
📱 طراحی Responsive و Mobile-First
⚡ بهینهسازی Performance سایت
🛠️ تسلط بر Git & GitHub
🧪 آشنایی با Testing (Jest, Cypress)
🎨 درک اصول UI/UX
🤖 استفاده از ابزارهای هوش مصنوعی برای افزایش سرعت توسعه
💼 ساخت Portfolio قوی با پروژههای واقعی
💡 فقط کدنویسی کافی نیست؛ ترکیب مهارت فنی، پروژههای واقعی و یادگیری مداوم، بیشترین تأثیر را روی درآمد یک Front-End Developer دارد.
❤4
❓ سوالی که خیلیهاتون توی پیوی ازم پرسیدید:
«از برنامهنویسی فرانتاند و طراحی سایت چقدر میتونم درآمد داشته باشم؟» 💸💻
✅ جوابش اینه:
کاملاً بستگی به خودت داره که چقدر مهارت داری و چطور بتونی ازش درآمد بسازی! ولی بذار یه تصویر کلی بهت بدم 👇
💼 کمترین قیمت پروژههایی که میتونی تو این حوزه بگیری، حدوداً از ۲۵ تا ۷۰-۸۰ میلیون تومن هست (برای هر پروژه!) 💰
👨💼 یا اگه بخوای توی شرکت استخدام بشی، معمولا از همون اول، حداقل ۳۰میلیون حقوق پایه بهت میدن. (و این فقط شروع کاره!) 🚀
🧠 پس اگه واقعاً یاد بگیری و پشتکار داشته باشی، درآمد خیلی خوبی میتونی بسازی. فقط کافیه مسیر رو درست بری ...
«از برنامهنویسی فرانتاند و طراحی سایت چقدر میتونم درآمد داشته باشم؟» 💸💻
✅ جوابش اینه:
کاملاً بستگی به خودت داره که چقدر مهارت داری و چطور بتونی ازش درآمد بسازی! ولی بذار یه تصویر کلی بهت بدم 👇
💼 کمترین قیمت پروژههایی که میتونی تو این حوزه بگیری، حدوداً از ۲۵ تا ۷۰-۸۰ میلیون تومن هست (برای هر پروژه!) 💰
👨💼 یا اگه بخوای توی شرکت استخدام بشی، معمولا از همون اول، حداقل ۳۰میلیون حقوق پایه بهت میدن. (و این فقط شروع کاره!) 🚀
🧠 پس اگه واقعاً یاد بگیری و پشتکار داشته باشی، درآمد خیلی خوبی میتونی بسازی. فقط کافیه مسیر رو درست بری ...
❤2🔥1
🤔 زبانم خوب نیست، ریاضیم ضعیفه، رشتمم کامپیوتر نیست... یعنی میتونم برنامهنویس فرانت اند و طراح سایت بشم؟
✅ آره! حتی اگه رشتت معماری، حقوق، پزشکی یا هر چیز دیگهای باشه! فقط بلد باشی کامپیوتر رو روشن کنی، بقیش رو من مثل آب خوردن یادت میدم! 😎
🚀 نه ریاضی پیچیده میخوای، نه زبان عالی! فقط یه مسیر درست و تمرین!
💡 خیلیا با همین شرایط از صفر شروع کردن و الان درآمدای میلیونی دارن... تو هم میتونی! 🔥
✅ آره! حتی اگه رشتت معماری، حقوق، پزشکی یا هر چیز دیگهای باشه! فقط بلد باشی کامپیوتر رو روشن کنی، بقیش رو من مثل آب خوردن یادت میدم! 😎
🚀 نه ریاضی پیچیده میخوای، نه زبان عالی! فقط یه مسیر درست و تمرین!
💡 خیلیا با همین شرایط از صفر شروع کردن و الان درآمدای میلیونی دارن... تو هم میتونی! 🔥
❤3🔥1👌1
🥰1😁1
اگه تازه وارد کانال شدی و هنوز دقیق نمیدونی برنامهنویسی اصلاً به درد تو میخوره یا نه، این چند روز کانال رو از دست نده 👀
قرار نیست از همون اول بری سراغ کدهای عجیبغریب.
میخوام خیلی ساده نشونت بدم:
• برنامهنویسی فرانتاند دقیقاً چیه
• از کجا باید شروع کنی
• چقدر زمان میبره
• چه چیزهایی باید یاد بگیری
• و اصلاً میشه ازش به درآمد رسید یا نه
حتی اگه تا به امروز یک خط کد هم نزدی، این مطالب برای توئه. 👌
قرار نیست از همون اول بری سراغ کدهای عجیبغریب.
میخوام خیلی ساده نشونت بدم:
• برنامهنویسی فرانتاند دقیقاً چیه
• از کجا باید شروع کنی
• چقدر زمان میبره
• چه چیزهایی باید یاد بگیری
• و اصلاً میشه ازش به درآمد رسید یا نه
حتی اگه تا به امروز یک خط کد هم نزدی، این مطالب برای توئه. 👌
❤6
یه نکته خیلی مهم که گفتم اینجا بگم بد نیست 👇
اصلاً مهم نیست که الان:
📚 دانشآموز و کنکوری هستی
🏠 خانهداری
💼 کارمندی
🎓 دانشجویی
یا حتی رشتهت هیچ ارتباطی با کامپیوتر نداره.
برنامهنویسی یک رشته دانشگاهی نیست که فقط یه عده خاص اجازه داشته باشن یادش بگیرن.
برنامهنویسی یه مهارته.
مثل هر مهارت دیگهای میتونی از صفر شروعش کنی، تمرین کنی، توش قوی بشی و بعد ازش برای:
ساخت سایت
گرفتن پروژه
استخدام
فریلنسری
استفاده کنی.
اصلاً مهم نیست که الان:
📚 دانشآموز و کنکوری هستی
🏠 خانهداری
💼 کارمندی
🎓 دانشجویی
یا حتی رشتهت هیچ ارتباطی با کامپیوتر نداره.
برنامهنویسی یک رشته دانشگاهی نیست که فقط یه عده خاص اجازه داشته باشن یادش بگیرن.
برنامهنویسی یه مهارته.
مثل هر مهارت دیگهای میتونی از صفر شروعش کنی، تمرین کنی، توش قوی بشی و بعد ازش برای:
ساخت سایت
گرفتن پروژه
استخدام
فریلنسری
استفاده کنی.
❤5👏1
اصلاً فرانتاند چیه؟
اول از همه بریم سراغ اولین سؤال:
فرانتاند دقیقاً یعنی چی؟
هر چیزی که توی یک سایت میبینی و باهاش کار میکنی، بخش زیادی ازش مربوط به فرانتاند میشه.
مثلاً:
• منوی سایت
• دکمهها
• فرم ثبتنام
• ظاهر صفحات
• کارت محصولات
• صفحه فروشگاه
• نسخه موبایل سایت
یعنی فرانتاند همون بخشی از سایته که کاربر میبینه و باهاش تعامل داره.
مثلاً وقتی وارد سایت دیجیکالا میشی، محصول میبینی، روی دکمه کلیک میکنی، منو باز میکنی یا چیزی سرچ میکنی...
برنامهنویس فرانتاند روی همین بخشها کار میکنه. ظراحی فرم ها،دکمه ها، منوها و ...
پس خیلی ساده:
فرانتاند = ساخت ظاهر و تعاملات سایت
اول از همه بریم سراغ اولین سؤال:
فرانتاند دقیقاً یعنی چی؟
هر چیزی که توی یک سایت میبینی و باهاش کار میکنی، بخش زیادی ازش مربوط به فرانتاند میشه.
مثلاً:
• منوی سایت
• دکمهها
• فرم ثبتنام
• ظاهر صفحات
• کارت محصولات
• صفحه فروشگاه
• نسخه موبایل سایت
یعنی فرانتاند همون بخشی از سایته که کاربر میبینه و باهاش تعامل داره.
مثلاً وقتی وارد سایت دیجیکالا میشی، محصول میبینی، روی دکمه کلیک میکنی، منو باز میکنی یا چیزی سرچ میکنی...
برنامهنویس فرانتاند روی همین بخشها کار میکنه. ظراحی فرم ها،دکمه ها، منوها و ...
پس خیلی ساده:
فرانتاند = ساخت ظاهر و تعاملات سایت
❤3🔥1💯1
از کجا شروع کنیم؟
خب، حالا که فهمیدیم فرانتاند چیه...
سؤال بعدی:
از کجا باید شروع کنیم؟
مسیر شروع فرانتاند اینه:
HTML CSS
⬇️
JavaScript
⬇️
React , typescript
⬇️
nextjs
⬇️
git github
نکته مهم اینجاست:
لازم نیست روز اول بری React بخونی.
لازم نیست Next.js بلد باشی.
لازم نیست حتی بدونی GitHub چیه.
هیچی لازم نیست بدونی فقط خواستم مسیر رو برات روشن کنم چون من همه رو بدون اینکه اصلا هیچی بدونی با کلی پروژه تمرین یادت میدم
و دقیقاً به همین دلیل شروع برنامهنویسی خیلی سادهتر از چیزیه که وقتی اسم ۲۰ تا تکنولوژی رو کنار هم میبینی فکر میکنی.
حالا سؤال بعدی:
چقدر طول میکشه یاد بگیری؟
خب، حالا که فهمیدیم فرانتاند چیه...
سؤال بعدی:
از کجا باید شروع کنیم؟
مسیر شروع فرانتاند اینه:
HTML CSS
⬇️
JavaScript
⬇️
React , typescript
⬇️
nextjs
⬇️
git github
نکته مهم اینجاست:
لازم نیست روز اول بری React بخونی.
لازم نیست Next.js بلد باشی.
لازم نیست حتی بدونی GitHub چیه.
هیچی لازم نیست بدونی فقط خواستم مسیر رو برات روشن کنم چون من همه رو بدون اینکه اصلا هیچی بدونی با کلی پروژه تمرین یادت میدم
و دقیقاً به همین دلیل شروع برنامهنویسی خیلی سادهتر از چیزیه که وقتی اسم ۲۰ تا تکنولوژی رو کنار هم میبینی فکر میکنی.
حالا سؤال بعدی:
چقدر طول میکشه یاد بگیری؟
❤3🔥1
چقدر طول میکشه؟
این یکی از پرتکرارترین سؤالهاست:
چقدر زمان میبره فرانتاند یاد بگیرم؟
جوابش بستگی داره به اینکه چقدر وقت بذاری.
ولی یه چیز رو از همین اول بدون:
قرار نیست ۲ هفتهای برنامهنویس بشی.
و قرار هم نیست ۳ سال صبر کنی تا اولین سایتت رو بسازی.
اگر منظم جلو بری، از همون هفتههای اول میتونی چیزهایی بسازی.
مثلاً:
هفتههای اول → صفحات ساده
بعدش → سایتهای خوشگلتر
بعدش → سایتهای تعاملی
بعدش → پروژههای واقعیتر
پس به جای اینکه بپرسی:
«چند ماه طول میکشه حرفهای بشم؟»
این رو بپرس:
«اگه امروز شروع کنم، یک ماه دیگه چه چیزی میتونم بسازم؟»
این سؤال خیلی بهتره.
عکس نقشه بالا برای فردیه که هیچ منبع مشخص آموزشی نداره و خودآموز داره مسیر رو بدون برنامه و پشتیبان طی میکنه
این یکی از پرتکرارترین سؤالهاست:
چقدر زمان میبره فرانتاند یاد بگیرم؟
جوابش بستگی داره به اینکه چقدر وقت بذاری.
ولی یه چیز رو از همین اول بدون:
قرار نیست ۲ هفتهای برنامهنویس بشی.
و قرار هم نیست ۳ سال صبر کنی تا اولین سایتت رو بسازی.
اگر منظم جلو بری، از همون هفتههای اول میتونی چیزهایی بسازی.
مثلاً:
هفتههای اول → صفحات ساده
بعدش → سایتهای خوشگلتر
بعدش → سایتهای تعاملی
بعدش → پروژههای واقعیتر
پس به جای اینکه بپرسی:
«چند ماه طول میکشه حرفهای بشم؟»
این رو بپرس:
«اگه امروز شروع کنم، یک ماه دیگه چه چیزی میتونم بسازم؟»
این سؤال خیلی بهتره.
عکس نقشه بالا برای فردیه که هیچ منبع مشخص آموزشی نداره و خودآموز داره مسیر رو بدون برنامه و پشتیبان طی میکنه
❤2🔥1