Front-end-Roadmap

برنامه نویسی فرانت اند چیست؟ یاد بگیرید که Frontend Development چیست، توسعه دهندگان frontend چه می کنند و چگونه با استفاده از نقشه راه جامعه محور به یک برنامه نویس frontend مدرن تبدیل شوید.

Front-end Resources (منابع فرانت اند)

🎯 رودمپ جامع فرانت‌اند ( Roadmap.sh/frontend )

Structure : HTML5 (SEO Basics & Accessibility/A11y)

Design & Layout : CSS3 (Flex Box, CSS Grid, Responsive, Animations)

CSS Pre-processor & Architecture : SASS & BEM & Post CSS

Web Programming : JavaScript (ES6+ & Core Concepts)

Version Control System & Deployment : Git & Github (also Netlify)

Module Bundlers & Package Management : Vite & NPM

CSS Framework : Tailwind

JavaScript Framework : Vue.js (Nuxt.js) or React.js (Next.js)

Type Checkers : TypeScript

Clean Code & Style Guides

🎯 داکیومنت‌ها

• داکیومنت HTML از سایت MDN

• داکیومنت Accessibility از سایت MDN

• داکیومنت CSS از سایت MDN

• داکیومنت SASS از سایت sass-lang

• داکیومنت JavaScript از سایت javascript.info

• داکیومنت Git از سایت git-scm

• داکیومنت Github از سایت docs.github

• داکیومنت Vite از سایت vitejs.dev

• داکیومنت NPM از سایت docs.npmjs

• داکیومنت Tailwind از سایت tailwindcss

• داکیومنت Vue از سایت vue.js

• داکیومنت Nuxt.js از سایت nuxt

• داکیومنت React از سایت react.dev

• داکیومنت Next.js از سایت nextjs

• داکیومنت TypeScript از سایت typescriptlang

• داکیومنت Frontend Guidelines

• داکیومنت JavaScript Style Guides

🎯 دوره‌های آموزشی جامع و کامل (انگلیسی)

• آموزش HTML & CSS کورس یودمی Jonas Schmedtmann

• آموزش SASS کورس یودمی Jonas Schmedtmann

• آموزش JavaScript کورس یودمی Jonas Schmedtmann

• آموزش Git & Github کورس یودمی Mosh Hamedani

• آموزش Tailwind کرش کورس یوتوب Brad Traversy

• آموزش Vue.js کورس یودمی Andrei Neagoie

• آموزش Nuxt.js کورس یودمی Laith Harb

• آموزش React.js کورس یودمی Jonas Schmedtmann

• آموزش Next.js کورس یودمی Maximilian Schwarzmüller

• آموزش TypeScript کورس یودمی Maximilian Schwarzmüller

• آموزش Clean Code کورس یودمی Maximilian Schwarzmüller

🎯 آیکن‌های SVG

• icones - Boxicons - ionicons - Heroicons - Font Awesome