TGViewer
Channel Public Channel
Html and Css & Jsآموزش

Html and Css & Jsآموزش

@htmlcss_channels

ادمین :
@Maryam3771


تعرفه تبلیغات:
https://t.me/alloadv/822
Subscribers
23.1K
Photos
581
Videos
279
Links
362

Showing posts older than #1987 · Back to latest

Older Posts 13 shown
Post #1960 2.65K
#CSS Tip 💡

You may not know that we can define rotation using "turn" unit in CSS



💎 @htmlcss_channels
  • 🙏 4
Post #1953 2.58K
Password Generator | HTML CSS JavaScript




#HTML #CSS #JavaScript

💎 @htmlcss_channels
  • ❤ 7
  • 🔥 1
Post #1951 2.38K
Beautiful open-source animation engine for the web: anime.js
MIT-licensed, lightweight, and actively maintained.
Love it.

source: animejs.com


💎 @htmlcss_channels
  • ❤ 5
Post #1948 2.31K
🆕️ فونت جدید گوگل شخصی سازی شده برای برنامه نویس‌ها است. کامنت های کد را دیگه به حالت ایتالیک نمی‌نویسد و سبک جدید دارد.
❗️رایگان و برای همه قابل استفاده است.

https://www.producthunt.com/posts/google-sans-code


💎 @htmlcss_channels
Product Hunt Google: Organizing the world's information | Product Hunt Search the world's information, including webpages, images, videos and more. Google has many special features to help you find exactly what you're looking for.
Post #1944 2.92K
Stylish Logout Button Animation | Pure CSS Hover Effect




#HTML #CSS #JavaScript

💎 @htmlcss_channels
  • ❤ 11
Post #1940 2.69K
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
  • ❤ 6
  • 👍 1
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
Older posts →
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 →