دوره جامع فرانت اند | مقدماتی و پروژه محور

Name: دوره جامع فرانت اند | مقدماتی و پروژه محور - کد ادیتور یا ide چیه و چه ابزاری برای این دوره نصب میکنیم؟
Uploaded: 2025-08-10T21:45:10.97378+00:00
Duration: 8 min
Channel: پوریا باباعلی
Description: در پایان این بخش vscode رو نصب میکنیم و در بخش بعدی کانفیگش میکنیم

دوره جامع فرانت اند | مقدماتی و پروژه محور

فهرست پخش

فصل 1

خوش اومدی به دنیای کد!

مقدمه و آنچه در این دوره خواهیم آموخت !

پیش نیاز های یک برنامه نویس خوب

برنامه نویس و برنامه نویسی به چه معناست؟

اینترنت چیه و چه طوری بوجود اومده ؟

اینترنت به چه شکل کار میکنه و ساختارش چه شکلیه؟

وب چیه اصلا و چطوری با اینترنت کار میکنه؟

یک کامپیوتر از چه اجزایی ساخته شده و هر کدوم وظیفشون چیه؟

کد ادیتور یا ide چیه و چه ابزاری برای این دوره نصب میکنیم؟

کانفیگ و پیکر بندی vscode به بهترین شکل ممکن

نصب vscode در ویندوز با استاد کیومرث رحیمی !

فصل 2

آموزش جامع HTML (Hypertext Markup Language)

Html چیه ؟

ساختار و سینتکس Html به چه شکله ؟

Html در کد و کمی ساختار لوکال هاست و پورت ها

آموزش تگ های heading و paragraph در HTML

بررسی تگ های a , iframe , img

بررسی تگ های Formating

بررسی تگ های quatation و citation

لیست ها و inline و block بودن یک المنت در HTML

جدول یا Table در HTML

Semantic Element ها و بررسی انواعشون

بررسی فرم ها و اینپوت ها در HTML - قسمت اول

بررسی فرم ها و اینپوت ها در HTML - قسمت دوم

اتربیوت های معروف در عالم اینپوت های فرم در Html

تگ های مولتی مدیا در Html مثل تگ <audio> و <video>

کانفیگ برای وب فارسی و آشنایی با مفهوم Layout

دیولوژی چیه‌ ‌! ( آموزش چینش درست div ها در یک Layout ) - پارت ۱

دیولوژی چیه‌ ‌! ( آموزش چینش درست div ها در یک Layout ) - پارت ۲

دسترسی پذیری یا Accessibility در اپلیکیشن ها وب

فصل 3

آموزش جامع CSS (Cascading Style Sheets)

آموزش سینتکس Css و انواع مدل های استفادش در Html

آموزش نحوه Path دادن به یک فایل و انواع آن

انواع Selector ها در Css - قسمت اول

انواع Selector ها در Css - قسمت دوم

آموزش pseudo classes ها در css

آموزش Color ها در Css

آموزش کامل background در CSS | نحوه استفاده از پس‌زمینه در طراحی وب

آموزش کامل border و outline در CSS | تفاوت‌ها و نحوه استفاده

آموزش margin و padding در CSS | تفاوت فاصله داخلی و خارجی عناصر

آموزش تایپوگرافی وب – قسمت اول | اصول فونت و خوانایی متن

آموزش تایپوگرافی وب – قسمت دوم | سبک‌ها و تنظیمات پیشرفته فونت

آموزش افزودن فونت فارسی به وب | صابر راستی کردار و وزیرمتن

اهمیت افزودن Fallback در FontFamily و تاثیر آن بر عملکرد و تجربه کاربری

روش‌های افزودن آیکون به CSS با FontAwesome و Material UI Icons

استفاده از CSS در لیست‌ها و انواع List Style در طراحی وب

استایل‌دهی به جدول‌های HTML با CSS و بهترین روش‌های طراحی

اصول BEM در CSS و نقش آن در ساختاردهی بهتر کدها

آموزش ویژگی Overflow در CSS به همراه مثال‌های عملی

آموزش ویژگی‌های max-width، max-height، min-width و min-height در CSS

آموزش backward compatible و forward compatible در برنامه نویسی

backward compatible و forward compatible در واقعیت

display ها - قسمت 1 ( inline و block )

display ها - قسمت 2 ( inline-block )

تراز کردن المان‌ها با inline-block و vertical-align + مثال

راهنمای جامع کار با ویژگی Float و رفع مشکلات چیدمان با Clearfix در CSS

display ها - قسمت3 (Table)

display ها - قسمت4 (Flex) - مبانی

چرا Flexbox؟ درک مفهوم طراحی ریسپانسیو (Responsive) در CSS

آموزش جامع justify-content و align-items در Flexbox؛ چیدمان حرفه‌ای المان‌ها با مثال کاربردی

آموزش Flex-wrap و Align-content در فلکس باکس

آموزش کامل flex-grow و flex-shrink در CSS

آموزش پایانی Flexbox در CSS | از پراپرتی‌های پیشرفته تا تمرین با Flex Froggy

راهنمای کامل position: static و relative در CSS | تفاوت‌ها و کاربرد عملی

آموزش position: absolute در CSS | جای‌گذاری دقیق عناصر در صفحه

تفاوت position: fixed و sticky در CSS | پایان بحث position

آموزش واحدهای CSS (قسمت ۱): تفاوت واحدهای Absolute و Relative

بررسی تخصصی واحدهای اندازه‌گیری CSS (قسمت ۲)؛ کاربرد px، em و rem

بررسی تخصصی واحدهای اندازه‌گیری CSS (قسمت ۳) | مقایسه کامل lvh، svh، dvh، vh و vw

آموزش کامل Overwriting در CSS | تفاوت Overwrite، Override و Overloading به زبان ساده

آموزش Overwriting در CSS و بررسی کامل اولویت‌ها (Specificity، Cascade و !important)

آموزش Overwriting در CSS بررسی یک اشتباه علمی در قسمت های گذشته

آموزش کامل @Media در CSS | طراحی ریسپانسیو با Media Query

پروژه دوره مقدماتی سایت اسنپ - قسمت اول

پروژه دوره مقدماتی سایت اسنپ - قسمت دوم