Roadmaps, articles and resources to help you choose your path, learn and improve.
چند نقشه راه برای یادگیری مباحث frontend و backend و موضوعات مرتبط با DevOps

#roadmap #devops #frontend #backend
@pythony

https://roadmap.sh

UI component dev & test: React, Vue, Angular, React Native, Ember, Web Components & more!
با استفاده از storybook کامپوننت‌های برنامه سمت کاربر خود را به صورت ایزوله‌شده بسازید

#frontend #web #ui #angular #react #javascript
@pythony

storybook.js.org

Front-end Developer Handbook 2019
یک هندبوک خوب که نکات مختلف در مورد برنامه نویسی سمت کاربر یا front-end را مطرح میکند

#frontend #front #handbook #book #tutorial
@pythony

frontendmasters.com/books/front-end-handbook/2019

Web development roadmaps

نقشه راه برای توسعه دهندگان
#roadmap #backend #frontend #developer
@pythony

https://www.w3schools.com/whatis/

Front-end developer interview questions
سایتی پر از سوالات مصاحبه برای برنامه نویسان front-end
#frontend #interview
@pythony

h5bp.github.io/Front-end-Developer-Interview-Questions

Code Sandbox makes it easy to create, share and reuse React, Angular and may other front-end framework projects with others
توی این سایت راحت کامپوننت‌های React و Angular بسازین و با بقیه به اشتراک بزارید و تست کنید به صورت real-time

#react #angular #front #frontend #share #interactive #editor #tools
@pythony

https://codesandbox.io

LeetCode for front-end developers. Practice Front-End coding problems, Prepare for job interviews, Get your dream offer.
محیطی شبیه به leetcode منتهی برای برنامه‌نویسان front-end. در این محیط با سوالات مختلف مصاحبه‌های برنامه‌نویسی front-end آشنا شوید و خود را برای مصاحبه آماده کنید.

#interview #frontend #job #career #design #javascript #typescript #question #answer
@pythony

https://bigfrontend.dev

Real-life coding challenges to become Front-end engineer.
پروژه‌های عملی و چالشی برای تقویت مهارت‌های برنامه‌نویسی front-end

#challenge #frontend #js #javascript #css #practice #practical
@pythony

https://devchallenges.io

Learn React, Redux, Node.js, MongoDB, GraphQL and TypeScript in one go!
با مجموعه‌ای از آموزش‌های متنوع و خوش رنگ و لعاب react و mongodb و graphql و کلی ابزار و مفاهیم دیگه رو توی توسعه وب یاد بگیرید.

#frontend #fullstack #backend #graphql #web #development #tutorial #react #redux #node #nodejs #mongodb #typescript
@pythony

fullstackopen.com

All-In-One, free resources and collections related to javascript, web development and other related stuff along with some of the best resources available online.
مجموعه‌ای از منابع و لینک‌ها و درس‌های رایگان آنلاین برای استاد شدن در جاوااسکریپت چه در frontend و چه برای backend (با nodejs)

#javascript #js #free #collection #useful #link #links #web #frontend #backend #nodejs #master #learn
@pythony

https://masterjs.vercel.app

Ace your web developer interview with focus on fundamental HTML/JS/CSS
مصاحبه‌های فرانت‌اند رو با مثال‌های عملی این سایت بهتر انجام بدید که به جای تمرکز روی فریمورک‌ها روی دانش پایه HTML/CSS/JS کار میکنه.

#GUI #frontend #html #interview #js #javascript #css #challenge
@pythony

https://www.acefrontend.com

Static web publishing for Front-End Developers. Simple, single-command web publishing. Publish HTML, CSS, and JS for free, without leaving the command line.
با این برنامه که به سادگی توی ترمینال نصب میشه میتونید با یه کامند ساده پروژه‌تون که static عه و شامل html و css و js میشه رو به راحتی روی یه دامنه که به surge.sh ختم میشه بیارین بالا.

#static #web #deploy #publish #frontend #front #end #front-end‌ #command #cli #terminal
@pythony

https://surge.sh

xedImprove your front-end coding skills by building real projects.
اگر به توسعه front-end مشغول هستید یا به این حوزه علاقه‌مند هستید، با challenge های این سایت که از پروژه‌های واقعی انتخاب شده‌اند، مهارت خود را بهبود دهید و یا برای مصاحبه‌های کاری مرتبط آماده شوید.

#front #frontend #end #challenge #skill #real #project #solution #interview
@pythony

https://www.frontendmentor.io

Front end interview preparation materials for busy engineers - trivias, coding, algorithms, front end system design and more!
هندبوک خوبی برای آماده‌سازی جهت مصاحبه‌های فرانت‌اند که شامل الگوریتم‌ها و دیزاین سیستم و کلی چیز دیگه مرتبط با این حوزه میشه.

#interview #frontend #practice #list #awesome #handbook #algorithm #system #design #css #javascript
@pythony

https://www.frontendinterviewhandbook.com

Frontend Developer tools, all-in-one place!
No need to bookmark anything anymore, devtooly is updated multiple times per week.
مجموعه‌ای از سایت‌ها و ابزارهای کاربردی برای برنامه‌نویسان فرانت‌اند با دسته‌بندی‌های مختلف مثل آیکون و افکت‌های CSS و ...

#frontend #tools #learn #awesome #list
@pythony

https://devtooly.com

collection of best website designs gathered in one location.
مجموعه‌ای از بهترین طراحی‌های سایت رو میتونید توی این سایت ببینید. یه سری از طراحی‌ها واقعا خارق‌العاده و عجیبن.

#frontend #ui #ux #design #award #awesome #collection
@pythony

https://www.awwwards.com

Lusion is a creative studio specialized in creating immersive design, VR/AR, digital campaigns and installations. contain tons of creative ideas in website design.
سایت lusion یه سایت پر از ایده های خلاقانه UI/UX عه که دیدتون رو نسبت به دنیای جدید خلاقانه وب باز میکنه و کلی ایده جدید توی ذهنتون میکاره.

#frontend #ux #ui #design #creative #idea #project #frontend #js #css #html #interactive #experience
@pythony

https://lusion.co

Bolt.new is an AI-powered web development agent that allows you to prompt, run, edit, and deploy full-stack applications directly from your browser !
یه هوش مصنوعی دیگه که توی browser به شما همزمان امکان ادیت و ویرایش برنامه‌های تحت وب (بیشتر فرانت) و حتی deploy هم میده :)

#AI #tools #chat #frontend #build #chatbot #prompt #deploy #web #app #webapp #chatgpt #gpt
@pythony

https://bolt.new

Lovable is your superhuman full stack engineer.
یه ابزار مشابه bolt و replit که بهش prompt میدید و براتون یه پروژه کامل رو کدش رو میزنه.

#LLM #Tools #Agent #Frontend #Web #Automate #bolt #replit
@pythony

https://lovable.dev

🧪 Need a fake REST API for testing?
Reqres provides ready-to-use endpoints for user data, login, registration, and delays—ideal for frontend or API testing without worrying about backend setup. It supports POST, GET, PUT, DELETE, and even simulates failures.

🧪 اگر برای تست رابط کاربری یا آموزش نیاز به API واقعی ندارید، سایت Reqres یک گزینه عالیه! بدون نیاز به لاگین یا ساخت سرور، می‌تونید انواع درخواست‌های POST، GET و غیره رو تست بزنید، حتی سناریوهای خطا و تأخیر رو هم پوشش میده.

#api #backend #testing #frontend #devtools
@pythony

https://reqres.in