آیا شما آماده هستید تا مهارت های توسعه جلوی خود را به سطح بعدی برسانید؟ 
چه مبتدی باشید و چه طرفدار فصلی ، این راهنمای جامع شما را با آن معرفی می کند 30 وب سایت این منابع ، ابزارها و الهام بخش برای ساختن رابط های زیبا و با کارایی بالا است. هر وب سایت با یک لینک مستقیم همراه است تا بتوانید بلافاصله شیرجه بزنید! بیایید این سنگهای قیمتی را با هم کاوش کنیم و طرح های خود را به شاهکارها تبدیل کنیم. 
1-5: سیستم های الهام بخش و طراحی
وقتی صحبت از توسعه جلو می شود ، الهام بخش مهم است. این سیستم عامل ها با سیستم های طراحی خیره کننده و کیت های UI ، خلاقیت شما را به وجود می آورند.
دریبل 
دریبل
گنجینه ای از الهام بخش طراحی. هزاران طرح UI/UX را که توسط طراحان برتر در سراسر جهان به اشتراک گذاشته شده است ، کاوش کنید. ایده آل برای کشف روندها و ایده های نوآورانه.
2 عود 
عود
پلت فرم ویترین خلاق Adobe. پروژه های زیبا و طراحی شده ، الگوهای UI و مطالعات موردی را پیدا کنید که مرزهای خلاقیت جلویی را تحت فشار قرار می دهد.
طرح مواد 
طرح مواد
سیستم طراحی Google دستورالعمل های جامع ، مؤلفه ها و ابزارهایی را برای ایجاد رابط های سازگار ، مقیاس پذیر و بصری جذاب ارائه می دهد.
طراحی مورچه 
طراحی مورچه
یک سیستم طراحی مبتنی بر واکنش برای محصولات سطح سازمانی. این مؤلفه های قوی و گزینه های سفارشی سازی پیشرفته برای UI های حرفه ای حرفه ای را فراهم می کند.
کتاب داستان 
کتاب داستان
ابزار Go-To برای ساخت و مستند سازی اجزای قابل استفاده مجدد UI. ایده آل برای توسعه دهندگان که می خواهند گردش کار مؤلفه خود را ساده تر کنند.
6-10: ابزارها و چارچوب های پیشرفته
این ابزارها و چارچوب ها برای توسعه مدرن جلوی مدرن ضروری هستند. آنها را تسلط دهید تا مهارت های خود را به سطح بعدی برسانید.
6 Tailwind CSS 
Tailwind CSS
یک چارچوب CSS برای اولین بار که به توسعه دهندگان این امکان را می دهد تا بدون نوشتن CSS سفارشی از ابتدا ، طرح های بسیار سفارشی و پاسخگو بسازند.
بوت استرپ 
بوت استرپ
محبوب ترین چارچوب CSS برای ساختن وب سایت های پاسخگو و موبایل اول. سیستم شبکه Bootstrap و اجزای از پیش ساخته شده ، توسعه جلو را سریعتر و آسان تر می کنند.
8 قله 
قله
یک چارچوب مدرن CSS مبتنی بر Flexbox. نحو تمیز و ساختار مدولار Bulma ، آن را در بین توسعه دهندگان که سادگی و ظرافت دارند ، مورد علاقه قرار می دهد.
9 چاکرا 
چاکرا
یک کتابخانه مؤلفه ساده ، مدولار و در دسترس برای واکنش. UI Chakra برای ساخت رابط های قابل دسترسی و بصری خیره کننده مناسب است.
حرکت قاب 
حرکت قاب
یک کتابخانه انیمیشن قدرتمند برای واکنش. انیمیشن های سیال ، تعاملی را با حداقل تلاش و حداکثر تأثیر ایجاد کنید.
11-15: کتابخانه ها و تصاویر نماد
نمادها و تصاویر شخصیت و استعداد را به طرح های شما اضافه می کنند. این کتابخانه ها دارایی های باکیفیت را برای ارتقاء پروژه های شما ارائه می دهند.
قلم عالی
قلم عالی
محبوب ترین جعبه ابزار نماد جهان. Font Awesome هزاران آیکون بردار مقیاس پذیر را فراهم می کند که به راحتی قابل تنظیم و ادغام هستند.
قهرمان 
قهرمان
مجموعه ای از نمادهای SVG رایگان و زیبا از سازندگان Tailwind CSS. ایده آل برای طرح های مینیمالیستی و مدرن.
از بین بردن 
از بین بردن
یک کتابخانه به طور مداوم به روز شده از تصاویر منبع باز. تصاویر پر جنب و جوش و قابل تنظیم UNDRAW برای افزودن جذابیت بصری به پروژه های شما ایده آل است.
لوتفیل 
لوتفیل
طرح های خود را با انیمیشن های لوتی زنده کنید. این پلتفرم انیمیشن های سبک و مقیاس پذیر را ارائه می دهد که می تواند به راحتی در برنامه های وب و تلفن همراه ادغام شود.
لنگه
لنگه
بزرگترین بانک اطلاعاتی نمادهای بردار رایگان. Flaticon طیف گسترده ای از سبک ها و قالب ها را متناسب با هر پروژه ارائه می دهد.
16-20: سیستم عامل ها و آموزش های یادگیری
یادگیری مداوم برای ماندن در توسعه جلو بسیار مهم است. این سیستم عامل ها دانش پیشرفته و آموزش های دستی را ارائه می دهند.
دوره CSS 
دوره CSS
مین طلای نکات ، ترفندها و آموزش های CSS. CSS-Tricks همه چیز را از یک ظاهر طراحی شده اساسی گرفته تا تکنیک های پیشرفته مانند CSS Grid و Flexbox پوشش می دهد.
مجله خرد کردن 
مجله خرد کردن
یک انتشار پیشرو برای طراحان و توسعه دهندگان وب. مجله Smashing در اعماق مباحث جلوی آن غواصی می کند و بینش متخصص و توصیه های عملی را ارائه می دهد.
عذاب 
عذاب
توسعه جلو را از طریق چالش ها و پروژه های برنامه نویسی تعاملی بیاموزید. برنامه درسی Freecodecamp HTML ، CSS ، JavaScript و موارد دیگر را پوشش می دهد.
اسناد وب MDN 
اسناد وب MDN
مستندات رسمی برای فن آوری های وب. MDN یک منبع ضروری برای تسلط بر HTML ، CSS ، JavaScript و API است.
استادان جلو 
استادان جلو
یک پلت فرم یادگیری ممتاز که دوره های عمیق را در مورد موضوعات پیشرفته جلو ارائه می دهد. مستقیماً از متخصصان صنعت بیاموزید و از منحنی جلو بمانید.
21-25: عملکرد و بهینه سازی
بهینه سازی عملکرد برای ارائه تجربیات سریع و یکپارچه کاربر بسیار مهم است. این ابزارها به شما در تنظیم دقیق پروژه های جلویی خود کمک می کنند.
فانوس دریایی 
فانوس دریایی
ابزاری برای منبع باز برای حسابرسی عملکرد وب ، دسترسی ، سئو و موارد دیگر. Lighthouse گزارش های مفصلی را برای کمک به شما در بهینه سازی سایت خود تولید می کند.
web.dev 
web.dev
راهنمای Google برای ساختن وب سایت های سریع ، ایمن و در دسترس. Web.Dev آموزش ، مطالعات موردی و بهترین شیوه ها را برای توسعه وب مدرن ارائه می دهد.
gtmetrix 
gtmetrix
سرعت و عملکرد وب سایت خود را با GTMetrix تجزیه و تحلیل کنید. برای بهبود بار بار و تجربه کاربر ، بینش های عملی دریافت کنید.
Purgecss 
Purgecss
برای کاهش اندازه پرونده و بهبود عملکرد ، CSS بلااستفاده را از پروژه های خود حذف کنید. Purgecss یکپارچه با ابزارهای ساخت مدرن ادغام می شود.
5 CSS بحرانی
CSS بحرانی
برای بهبود زمان بار صفحه ، CSS بحرانی را استخراج و درون خطی کنید. این تکنیک تضمین می کند که محتوای بالاتر به سرعت به سرعت ارائه می شود.
26-30: جامعه و همکاری
همکاری و پشتیبانی جامعه برای رشد بسیار مهم است. این سیستم عامل ها شما را با توسعه دهندگان دیگر و همکاری های پرورش دهنده متصل می کنند.
لوب
لوب
بزرگترین بستر میزبانی کد جهان. GitHub قطب همکاری ، کنترل نسخه و به اشتراک گذاشتن پروژه های منبع باز است.
سرریز پشته 
سرریز پشته
پلتفرم Go-to Q&A برای توسعه دهندگان. پاسخ به سؤالات برنامه نویسی خود را دریافت کرده و با به اشتراک گذاشتن تخصص خود به جامعه کمک کنید.
dev.to 
dev.to
یک جامعه دوستانه از توسعه دهندگان که دانش و بینش را به اشتراک می گذارند. dev.to مکانی عالی برای یادگیری ، شبکه سازی و به روزرسانی در مورد روند صنعت است.
کپن 
کپن
ویرایشگر کد آنلاین و جامعه برای توسعه دهندگان جلوی. Codepen برای آزمایش ایده های جدید و نمایش کار شما مناسب است.
مربی جلو
مربی جلو
مهارت های جلوی خود را با ساختن پروژه های دنیای واقعی تمرین کنید. Frontend Mentor چالش ها و بازخورد هایی را برای کمک به رشد به عنوان یک توسعه دهنده فراهم می کند.
توسعه جلو یک زمینه در حال تحول است و ماندن در پیشبرد نیاز به یادگیری مداوم و دسترسی به منابع مناسب دارد. با اینها 30 وب سایت، شما برای ایجاد رابط های خیره کننده و با کارایی بالا که کاربران را مجذوب خود می کند ، همه چیز را خواهید داشت.
کدام یک از این منابع مورد علاقه شما است؟ یا آیا یک سکوی دیگر دارید؟ نظرات خود را در نظرات زیر به اشتراک بگذارید! 
برنامه نویسی مبارک!
