TGViewer
Html and Css & Jsآموزش Html and Css & Jsآموزش @htmlcss_channels · 23.1K subscribers
Post #1935 3.88K
منابع فرانت‌اند (Front-end)
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ


🎯 Roadmap (
roadmap.sh)
1. HTML: Semantic HTML, SEO Basics, Accessibility
2. CSS: Flex Box, CSS Grid, Responsive Design, Animations
3. JavaScript: Core Concepts, Modern ES Features, Browser APIs
4. Version Control Systems: Git, GitHub
5. Package Managers: NPM, PNPM
6. Deployment Services: Netlify, Vercel
7. Module Bundlers: Vite
8. Linters & Formatters: ESLint, Prettier
9. CSS Pre-Processors & Architecture: PostCSS, BEM
10. CSS Frameworks: Tailwind CSS, Shadcn UI
11. JavaScript Frameworks: Astro, Vue --> Nuxt, React --> Next
12. Type Checkers: TypeScript
13. Testing: Vitest, Cypress, Playwright
14. Progressive Web Apps: Core Concepts, Vite PWA Plugin
15. API Querying: REST APIs, GraphQL, Apollo
16. Mobile Applications: React Native, Capacitor, Ionic
17. Desktop Applications: Electron, Tauri

🎯 Bonus
- SVG Icons: Icônes, Tabler Icons, Boxicons, Ionicons, Font Awesome
- Performance Best Practices
- JavaScript Style Guide
- Frontend Guidelines


🎯 دوره‌های آموزشی جامع
- آموزش HTML و CSS (کورس یودمی Jonas Schmedtmann)
- آموزش Advanced CSS (کورس یودمی Jonas Schmedtmann)
- آموزش JavaScript (کورس یودمی Jonas Schmedtmann)
- آموزش Git و GitHub (کورس یودمی Mosh Hamedani)
- آموزش Tailwind CSS (کرش‌کورس یوتوب Brad Traversy)
- آموزش Vue (کورس یودمی Andrei Neagoie)
- آموزش Nuxt (کورس یودمی Laith Harb)
- آموزش React (کورس یودمی Jonas Schmedtmann)
- آموزش Next (کورس یودمی Mosh Hamedani)
- آموزش TypeScript (کورس یودمی Maximilian Schwarzmüller)
- آموزش Clean Code (کورس یودمی Maximilian Schwarzmüller)


نکته: با استفاده از نرم‌افزار PotPlayer می‌تونین ویدیو‌ها رو با زیرنویس فارسی مشاهده کنین.



#HTML #CSS #JavaScript

💎 @htmlcss_channels
roadmap.sh Frontend Developer Roadmap: What is Frontend Development? Step by step guide to becoming a modern frontend developer in 2026
  • 🙏 7
  • ❤ 4
  • 👍 1
More from @htmlcss_channels
  1. Sep 30, 2026If you have a website, incorporating an AI agent (or several) can be really helpful. And i…
  2. Sep 29, 2026این سایت کامپوننت های وبی زیبایی داره ، تستش کنید uselayouts.com 💎 @Htmlcss_channels | #H…
  3. Sep 28, 2026؛CSS Clamp — اندازه‌گذاری هوشمند فرمول ساده ؛clamp(کمترین, مقدار_ایده‌آل, بیشترین) مثل یه…
  4. Sep 28, 2026🔅 CSS Clamp clamp(minimum, preferred, maximum); In this example, the preferred value is 5…
  5. Sep 26, 2026برای معرفی پروژه هاتون به کارفرما بهتره از این روش استفاده کنید این وبسایت پروژه هاتون رو…
  6. Sep 24, 2026۵ منبع رایگان کاربردی برای طراحان و توسعه‌دهندگان وبسایت! اگه دنبال کامپوننت‌های آماده، آی…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →