roadmap.sh
Frontend Developer Roadmap: What is Frontend Development?
Learn what Frontend Development is, what frontend developers do and how to become a modern frontend developer using our community-driven roadmap.
منابع فرانتاند (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 (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
🙏5❤2👍1
This media is not supported in your browser
VIEW IN TELEGRAM
JavaScript-Questions
is a repository with questions and answers on #JavaScript, which will help improve the knowledge of the language and prepare for technical #interview
github
#HTML #CSS #JavaScript
💎 @htmlcss_channels
is a repository with questions and answers on #JavaScript, which will help improve the knowledge of the language and prepare for technical #interview
github
#HTML #CSS #JavaScript
💎 @htmlcss_channels
❤3👍1