افزونههای ضروری VS Code
⭐ Prettier فرمت خودکار کد
⭐ ESLint پیدا کردن خطاها
⭐ GitLens
قدرت بیشتر برای Git
⭐ Error Lens نمایش خطا کنار کد
⭐ Auto Rename Tag
تغییر همزمان تگهای HTML
⭐ Thunder Client
تست API داخل VS Code
⭐ Prettier فرمت خودکار کد
⭐ ESLint پیدا کردن خطاها
⭐ GitLens
قدرت بیشتر برای Git
⭐ Error Lens نمایش خطا کنار کد
⭐ Auto Rename Tag
تغییر همزمان تگهای HTML
⭐ Thunder Client
تست API داخل VS Code
فکت :
اگه فقط آموزش ببینی ولی پروژه نزنی،
بعد از یک ماه ۸۰٪ مطالب رو فراموش میکنی.
اگه فقط آموزش ببینی ولی پروژه نزنی،
بعد از یک ماه ۸۰٪ مطالب رو فراموش میکنی.
❤4
⚡ ۱۰ قابلیت JavaScript که هر توسعهدهنده باید بلد باشه
🔹 Optional Chaining (?.)
دسترسی امن به ویژگیهای تو در تو بدون ایجاد خطا.
🔹 Nullish Coalescing (??)
قرار دادن مقدار پیشفرض فقط وقتی مقدار
🔹 Destructuring
استخراج راحت مقادیر از آبجکتها و آرایهها.
🔹 Spread Operator (...)
کپی یا ادغام آرایهها و آبجکتها با یک سینتکس ساده.
🔹 Rest Parameters (...)
دریافت تعداد نامحدودی از آرگومانها در قالب یک آرایه.
🔹 Array.at()
دسترسی آسان به عناصر آرایه، حتی از انتهای آن با اندیس منفی.
🔹 Object.entries()
تبدیل آبجکت به آرایهای از کلید و مقدار برای پردازش راحتتر.
🔹 Object.fromEntries()
تبدیل آرایهی کلید-مقدار دوباره به یک آبجکت.
🔹 Promise.allSettled()
اجرای همزمان چند Promise و دریافت نتیجه همه، حتی اگر بعضی شکست بخورند.
🔹 Intl API
فرمت کردن تاریخ، اعداد، ارز و زمان متناسب با زبان و منطقه کاربر.
📌 یادگیری این قابلیتها باعث میشود کدهای شما تمیزتر، خواناتر و حرفهایتر شوند.
🔹 Optional Chaining (?.)
دسترسی امن به ویژگیهای تو در تو بدون ایجاد خطا.
🔹 Nullish Coalescing (??)
قرار دادن مقدار پیشفرض فقط وقتی مقدار
null یا undefined باشد.🔹 Destructuring
استخراج راحت مقادیر از آبجکتها و آرایهها.
🔹 Spread Operator (...)
کپی یا ادغام آرایهها و آبجکتها با یک سینتکس ساده.
🔹 Rest Parameters (...)
دریافت تعداد نامحدودی از آرگومانها در قالب یک آرایه.
🔹 Array.at()
دسترسی آسان به عناصر آرایه، حتی از انتهای آن با اندیس منفی.
🔹 Object.entries()
تبدیل آبجکت به آرایهای از کلید و مقدار برای پردازش راحتتر.
🔹 Object.fromEntries()
تبدیل آرایهی کلید-مقدار دوباره به یک آبجکت.
🔹 Promise.allSettled()
اجرای همزمان چند Promise و دریافت نتیجه همه، حتی اگر بعضی شکست بخورند.
🔹 Intl API
فرمت کردن تاریخ، اعداد، ارز و زمان متناسب با زبان و منطقه کاربر.
📌 یادگیری این قابلیتها باعث میشود کدهای شما تمیزتر، خواناتر و حرفهایتر شوند.
❤5🔥1
آموزش برنامه نویسی فرانت اند
خروجی کد بالا چیه؟
💡 راهنمایی:
این سؤال درباره یکی از قابلیتهای جدید آرایههاست که کد را خواناتر میکنه و دیگره نیازی به نوشتن
این سؤال درباره یکی از قابلیتهای جدید آرایههاست که کد را خواناتر میکنه و دیگره نیازی به نوشتن
length - 1 نیست.❤4
🌐 8 API
رایگان برای تمرین
JSONPlaceholder
DummyJSON
Fake Store API
REST Countries API
Open Meteo API
PokeAPI
Dog API
Cat Facts API
رایگان برای تمرین
JSONPlaceholder
DummyJSON
Fake Store API
REST Countries API
Open Meteo API
PokeAPI
Dog API
Cat Facts API
❤4👌1
⚠️ اشتباهاتی که رزومهات رو خراب میکنه
-نوشتن مهارتهایی که بلد نیستی.
-نداشتن لینک GitHub.
-نداشتن پروژه واقعی.
-نوشتن رزومه ۴ یا ۵ صفحهای.
-استفاده از ایمیل غیرحرفهای.
-نداشتن توضیح درباره پروژهها.
-نوشتن مهارتهایی که بلد نیستی.
-نداشتن لینک GitHub.
-نداشتن پروژه واقعی.
-نوشتن رزومه ۴ یا ۵ صفحهای.
-استفاده از ایمیل غیرحرفهای.
-نداشتن توضیح درباره پروژهها.
❤4🔥1
💡فکت:
اگه میتونی یه مفهوم رو ساده توضیح بدی، یعنی یادش گرفتی.
اگه میتونی یه مفهوم رو ساده توضیح بدی، یعنی یادش گرفتی.
🔥4💯1
Event Loop
یعنی در هر لحظه فقط یک کار رو انجام میده و نمیتونه همزمان چند خط کد رو اجرا کنه.
یعنی در هر لحظه فقط یک کار رو انجام میده و نمیتونه همزمان چند خط کد رو اجرا کنه.
👍2👏2🔥1👌1
برای شروع برنامهنویسی فرانت اند و طراحی سایت، اصلاً نیازی نیست که:
❌ چیزی از کامپیوتر یا برنامهنویسی بدونی
❌ مدرک دانشگاهی داشته باشی
❌ رشتهت کامپیوتر یا مرتبط باشه (حتی اگه معماری خوندی، میتونی برنامه نویس بشی!)
❌ ریاضیت خیلی قوی باشه (فقط همون چهارتا عمل اصلی کافیه ➕➖✖️➗)
❌ به زبان انگلیسی مسلط باشی
🎂 سن هم اصلاً مهم نیست
چه ۱۰ سالت باشه، چه ۵۰ سال، مهم فقط پشتکاره 💪🔥
💻 فقط کافیه بلد باشی سیستم رو روشن و خاموش کنی...
بقیهش با منه 😉✨
🚀 پشتکار، پشتکار، پشتکار
همین کافیه تا بتونی وارد دنیای فوقالعادهی برنامهنویسی بشی! 🌈
❌ چیزی از کامپیوتر یا برنامهنویسی بدونی
❌ مدرک دانشگاهی داشته باشی
❌ رشتهت کامپیوتر یا مرتبط باشه (حتی اگه معماری خوندی، میتونی برنامه نویس بشی!)
❌ ریاضیت خیلی قوی باشه (فقط همون چهارتا عمل اصلی کافیه ➕➖✖️➗)
❌ به زبان انگلیسی مسلط باشی
🎂 سن هم اصلاً مهم نیست
چه ۱۰ سالت باشه، چه ۵۰ سال، مهم فقط پشتکاره 💪🔥
💻 فقط کافیه بلد باشی سیستم رو روشن و خاموش کنی...
بقیهش با منه 😉✨
🚀 پشتکار، پشتکار، پشتکار
همین کافیه تا بتونی وارد دنیای فوقالعادهی برنامهنویسی بشی! 🌈
❤4
❓ سوالی که خیلیهاتون توی پیوی ازم پرسیدید:
«از برنامهنویسی فرانتاند و طراحی سایت چقدر میتونم درآمد داشته باشم؟» 💸💻
✅ جوابش اینه:
کاملاً بستگی به خودت داره که چقدر مهارت داری و چطور بتونی ازش درآمد بسازی! ولی بذار یه تصویر کلی بهت بدم 👇
💼 کمترین قیمت پروژههایی که میتونی تو این حوزه بگیری، حدوداً از ۲۵ تا ۷۰-۸۰ میلیون تومن هست (برای هر پروژه!) 💰
👨💼 یا اگه بخوای توی شرکت استخدام بشی، معمولا از همون اول، حداقل ۳۰میلیون حقوق پایه بهت میدن. (و این فقط شروع کاره!) 🚀
🧠 پس اگه واقعاً یاد بگیری و پشتکار داشته باشی، درآمد خیلی خوبی میتونی بسازی. فقط کافیه مسیر رو درست بری ...
«از برنامهنویسی فرانتاند و طراحی سایت چقدر میتونم درآمد داشته باشم؟» 💸💻
✅ جوابش اینه:
کاملاً بستگی به خودت داره که چقدر مهارت داری و چطور بتونی ازش درآمد بسازی! ولی بذار یه تصویر کلی بهت بدم 👇
💼 کمترین قیمت پروژههایی که میتونی تو این حوزه بگیری، حدوداً از ۲۵ تا ۷۰-۸۰ میلیون تومن هست (برای هر پروژه!) 💰
👨💼 یا اگه بخوای توی شرکت استخدام بشی، معمولا از همون اول، حداقل ۳۰میلیون حقوق پایه بهت میدن. (و این فقط شروع کاره!) 🚀
🧠 پس اگه واقعاً یاد بگیری و پشتکار داشته باشی، درآمد خیلی خوبی میتونی بسازی. فقط کافیه مسیر رو درست بری ...
❤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