ابزارهایی برای افزایش بهره‌وری توسعه‌دهندگان وب 🤓✏️

🔸 GitHub Copilot
🔸 VS Code
🔸 Front-End Checklist
🔸 WakaTime
🔸 HoppScotch
🔸 LambdaTest
🔸 Animator by Haiku
🔸 Sass

#tips #introduction #developer #web #front_end
〰️〰️〰️〰️〰️〰️〰️
@programming_tips

یادگیری فرانت‌اند در 100 روز 🔥

البته این فقط برای یادگیریه، برای اینکه به این مفاهیم مسلط بشین باید تمرین هم بکنید 🤓

#tips #roadmap #front_end
〰️〰️〰️〰️〰️〰️〰️
@programming_tips

جعبه‌ابزار فرانت‌اند 🧰

#tips #front_end #developer
〰️〰️〰️〰️〰️〰️〰️
@programming_tips

🔰4 وبسایت که مهارت‌های Front-End شما را بهتر میکند:

🔹 Frontend Mentor ( https://www.frontendmentor.io )
🔹 100 Days CSS ( https://100dayscss.com )
🔹 Codier ( https://codier.io )
🔹 Codewars ( https://www.codewars.com )

#introduction #website #front_end #frontend
〰️〰️〰️〰️〰️〰️〰️
@programming_tips

بهترین وبسایت‌ها برای یادگیری فرانت‌اند 🪅

🔗 freeCodeCamp (Go to website)
🔗 w3schools (Go to website)
🔗 roadmap.sh (Go to website)
🔗 udemy (Go to website)
🔗 developer.mozilla.org (Go to website)

#tips #introduction #front_end #frontend
〰️〰️〰️〰️〰️〰️〰️
@programming_tips

🎨 معرفی افزونه CSS Viewer

با این افزونه میتونید کد CSS عناصر مختلف توی وبسایت ها رو ببینید و ازشون استفاده کنید. این افزونه خیلی میتونه به درد توسعه‌دهندگان وب، مخصوصا فرانت‌اند کار ها بخوره ❤️

🟠 برای فایرفاکس: +کلیک کنید+
🔵 برای کروم: +کلیک کنید+

#introduction #developer #css #front_end #frontend
〰️〰️〰️〰️〰️〰️〰️
@programming_tips

5 افزونه ضروری VsCode برای فرانت‌اند کارها ✨

1. Live Server
این افزونه به شما امکان می‌دهد تا یک سرور توسعه محلی برای پروژه خود راه‌اندازی کنید و به صورت خودکار تغییرات را در مرورگر مشاهده کنید. با این ابزار، دیگر نیازی به رفرش دستی صفحه ندارید.

2. ESLint
افزونه ESLint برای تحلیل کد و شناسایی خطاها و الگوهای اشتباه در کدهای جاوااسکریپت استفاده می‌شود. این افزونه به شما کمک می‌کند تا کد تمیزتر و با کیفیت‌تری بنویسید و از استانداردهای کدنویسی تبعیت کنید.

3. Prettier - Code Formatter
یک افزونه برای فرمت کردن خودکار کدها بر اساس قوانینی که شما تعیین می‌کنید. این ابزار کمک می‌کند تا کدهای شما خوانا و مرتب باشند و همه اعضای تیم از یک سبک نگارش پیروی کنند.

4. IntelliSense for CSS class names in HTML
این افزونه به شما کمک می‌کند تا کلاس‌های CSS خود را به راحتی در HTML و JSX به کار ببرید. این ابزار کلاس‌های تعریف شده در فایل‌های CSS، Sass، و Less را تشخیص داده و به شما پیشنهاد می‌دهد.

5. GitLens — Git supercharged
برای مدیریت Git در پروژه‌ها، GitLens ابزاری فوق‌العاده است که تغییرات، تاریخچه، و تعارضات را به‌صورت کاملاً شفاف نمایش می‌دهد. این افزونه به شما کمک می‌کند تا بهتر تغییرات کد خود را مدیریت کنید.

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

#vscode #front_end
〰️〰️〰️〰️〰️〰️〰️
@programming_tips