کتاب you don't know js 1 va 2 تو کانال به اشتراک گذاشتم همه فرانت اند دولوپر حتما بخوانند کتاب بسیار عالی کتاب elquent عالی
این اکانت اینستاگرام برای کسانی که طرح جدید و نمونه کار می زنند
🚀 لیست کامل سایت‌های آموزش Frontend (فارسی + انگلیسی) — از صفر تا حرفه‌ای
اگر می‌خواهی Frontend را اصولی یاد بگیری، این لیست کامل‌ترین منابع فارسی و انگلیسی است 👇
━━━━━━━━━━━━━━━━━━━
🇮🇷 سایت‌های فارسی آموزش فرانت‌اند
1️⃣ سبزلرن
https://sabzlearn.ir
2️⃣ تاپ لرن
https://toplearn.com
3️⃣ فرادرس
https://faradars.org
4️⃣ مکتب‌خونه
https://maktabkhooneh.org
5️⃣ دانشجویار
https://daneshjooyar.com
6️⃣ کوئرا
https://quera.org
7️⃣ سون لرن
https://7learn.com
8️⃣ راکت
https://roocket.ir
9️⃣ پروگ‌رامر
https://programmer.plus
🔟 آموزشت
https://amoozesht.com
━━━━━━━━━━━━━━━━━━━
🌍 بهترین سایت‌های انگلیسی آموزش Frontend
⭐️ منابع رایگان و ضروری:
11. https://developer.mozilla.org
(MDN — بهترین مرجع رسمی)
12. https://freecodecamp.org
(آموزش کامل + پروژه)
13. https://w3schools.com
14. https://javascript.info
15. https://theodinproject.com
━━━━━━━━━━━━━━━━━━━
⭐️ سایت‌های حرفه‌ای و پروژه‌محور:
16. https://scrimba.com
17. https://frontendmasters.com
18. https://codecademy.com
19. https://udemy.com
20. https://coursera.org
21. https://edx.org
━━━━━━━━━━━━━━━━━━━
⭐️ منابع تخصصی Frontend:
22. https://css-tricks.com
23. https://egghead.io
24. https://khanacademy.org
25. https://web.dev
26. https://frontendmentor.io
(تمرین پروژه واقعی)
27. https://roadmap.sh/frontend
(نقشه راه Frontend)
━━━━━━━━━━━━━━━━━━━
⭐️ سایت‌های تمرین و چالش:
28. https://codepen.io
29. https://jsfiddle.net
30. https://codesandbox.io
31. https://hackerrank.com
32. https://leetcode.com
━━━━━━━━━━━━━━━━━━━
💎 اگر فقط این 5 تا را یاد بگیری حرفه‌ای می‌شوی:
• MDN
• freeCodeCamp
• JavaScript.info
• Frontend Masters
• Frontend Mentor
━━━━━━━━━━━━━━━━━━━
اگر می‌خواهی Frontend را اصولی یاد بگیری، این لیست کامل‌ترین منابع فارسی و انگلیسی است 👇
━━━━━━━━━━━━━━━━━━━
🇮🇷 سایت‌های فارسی آموزش فرانت‌اند
1️⃣ سبزلرن
https://sabzlearn.ir
2️⃣ تاپ لرن
https://toplearn.com
3️⃣ فرادرس
https://faradars.org
4️⃣ مکتب‌خونه
https://maktabkhooneh.org
5️⃣ دانشجویار
https://daneshjooyar.com
6️⃣ کوئرا
https://quera.org
7️⃣ سون لرن
https://7learn.com
8️⃣ راکت
https://roocket.ir
9️⃣ پروگ‌رامر
https://programmer.plus
🔟 آموزشت
https://amoozesht.com
━━━━━━━━━━━━━━━━━━━
🌍 بهترین سایت‌های انگلیسی آموزش Frontend
⭐️ منابع رایگان و ضروری:
11. https://developer.mozilla.org
(MDN — بهترین مرجع رسمی)
12. https://freecodecamp.org
(آموزش کامل + پروژه)
13. https://w3schools.com
14. https://javascript.info
15. https://theodinproject.com
━━━━━━━━━━━━━━━━━━━
⭐️ سایت‌های حرفه‌ای و پروژه‌محور:
16. https://scrimba.com
17. https://frontendmasters.com
18. https://codecademy.com
19. https://udemy.com
20. https://coursera.org
21. https://edx.org
━━━━━━━━━━━━━━━━━━━
⭐️ منابع تخصصی Frontend:
22. https://css-tricks.com
23. https://egghead.io
24. https://khanacademy.org
25. https://web.dev
26. https://frontendmentor.io
(تمرین پروژه واقعی)
27. https://roadmap.sh/frontend
(نقشه راه Frontend)
━━━━━━━━━━━━━━━━━━━
⭐️ سایت‌های تمرین و چالش:
28. https://codepen.io
29. https://jsfiddle.net
30. https://codesandbox.io
31. https://hackerrank.com
32. https://leetcode.com
━━━━━━━━━━━━━━━━━━━
💎 اگر فقط این 5 تا را یاد بگیری حرفه‌ای می‌شوی:
• MDN
• freeCodeCamp
• JavaScript.info
• Frontend Masters
• Frontend Mentor
━━━━━━━━━━━━━━━━━━━
سبز لرن
آکادمی آموزش برنامه نویسی سبزلرن {از صفر تا استخدام} | Sabzlearn
آموزش برنامه‌نویسی، کاربردی و پروژه محور | با دوره‌های متنوع و پشتیبانی قوی | سبزلرن در کنار شما از صفر تا استخدام
Forwarded from برنامه نویسی | هوش مصنوعی | وب احسان
اگه دوست دارید یاد بگیرید چطوری میشه این چارت (نمودار) های باحال داخل پروژتون استفاده کنید (مخصوصا پروژه های پنل ادمین) , حتما آموزشی که برای ساخت انواع چارت درست کردم ببینید.
.
مشاهده از وب سایت :
https://webehsan.com/aparat-video/javascript/chart-js-javascript-charts
.
مشاهده از آپارات :
https://www.aparat.com/v/awh15b6
.
.
@webehsan
.
مشاهده از وب سایت :
https://webehsan.com/aparat-video/javascript/chart-js-javascript-charts
.
مشاهده از آپارات :
https://www.aparat.com/v/awh15b6
.
.
@webehsan
❤1
نسخه جدید Tailwind CSS منتشر شد! 📣🚀
امروز تیم توسعه‌دهنده Tailwind CSS 4.2.0 را منتشر کرد — یه سری تغییر کوچیک که ارزش نگاه انداختن داره.
تغییرات اصلی:
🎨 پالت رنگ‌های جدید مثل mauve، olive، mist و taupe اضافه شدن یه سری رنگ چرک طور هستن.
🔌 پلاگین رسمی Webpack برای ادغام آسان‌تر با اکوسیستم Webpack.
📐 ابزارهای CSS منطقی جدید برای فاصله‌ها و موقعیت‌دهی که تجربه توسعه در نوشته‌های راست‌به‌چپ و چپ‌به‌راست را بهبود می‌بخشند.
📏 کلاس‌های جدید برای اندازه‌های بلوک و خط (inline-size و block-size) که جایگزین width و height منطقی‌تر هستند.
🔤 امکان کنترل ویژگی‌های فونت (مانند ligatures و small caps) با utility جدید font-features-*.
⚠️ همچنین برخی کلاس‌های قدیمی در مسیر حذف هستند — پس حواستان به ارتقا و جایگزینی آن‌ها باشد.
اگر از Tailwind در پروژه‌های خود استفاده می‌کنید جزئیاتش را توی این لینک ببینید:
https://laravel-news.com/tailwindcss-4-2-0
امروز تیم توسعه‌دهنده Tailwind CSS 4.2.0 را منتشر کرد — یه سری تغییر کوچیک که ارزش نگاه انداختن داره.
تغییرات اصلی:
🎨 پالت رنگ‌های جدید مثل mauve، olive، mist و taupe اضافه شدن یه سری رنگ چرک طور هستن.
🔌 پلاگین رسمی Webpack برای ادغام آسان‌تر با اکوسیستم Webpack.
📐 ابزارهای CSS منطقی جدید برای فاصله‌ها و موقعیت‌دهی که تجربه توسعه در نوشته‌های راست‌به‌چپ و چپ‌به‌راست را بهبود می‌بخشند.
📏 کلاس‌های جدید برای اندازه‌های بلوک و خط (inline-size و block-size) که جایگزین width و height منطقی‌تر هستند.
🔤 امکان کنترل ویژگی‌های فونت (مانند ligatures و small caps) با utility جدید font-features-*.
⚠️ همچنین برخی کلاس‌های قدیمی در مسیر حذف هستند — پس حواستان به ارتقا و جایگزینی آن‌ها باشد.
اگر از Tailwind در پروژه‌های خود استفاده می‌کنید جزئیاتش را توی این لینک ببینید:
https://laravel-news.com/tailwindcss-4-2-0
Laravel News
New Colors Added in Tailwind CSS v4.2 - Laravel News
Tailwind CSS v4.2.0 adds a new webpack plugin, four new default color palettes, a full set of logical property utilities for block-direction spacing and borders, and more.