دوره جامع رایگان HTML و CSS
در حال برگزاری

دوره جامع رایگان HTML و CSS

HTML و CSS چیست؟ HTML مخفف HyperText Markup Language است؛ زبان ساختاردهی صفحات وب که مشخص می‌کند هر بخش از یک سایت چیست و کجا قرار بگیرد (عنوان، پاراگراف، تصویر، ویدئو، فرم و …). CSS مخفف Cascading Style Sheets است؛ زبان طراحی و زیباسازی صفحات وب که تعیین می‌کند ظاهر و رنگ، فونت، سایز عناصر و حتی انیمیشن‌ها چگونه باشند. به زبان ساده: HTML اسکلت و ساختار یک وب‌سایت را می‌سازد، CSS آن اسکلت را زیبا و جذاب می‌کند.

389,000100%رایگان!

توضیحات

✨ دوره جامع رایگان HTML و CSS (مقدماتی تا پیشرفته)

HTML و CSS چیست؟

  • HTML مخفف HyperText Markup Language است؛ زبان ساختاردهی صفحات وب که مشخص می‌کند هر بخش از یک سایت چیست و کجا قرار بگیرد (عنوان، پاراگراف، تصویر، ویدئو، فرم و …).

  • CSS مخفف Cascading Style Sheets است؛ زبان طراحی و زیباسازی صفحات وب که تعیین می‌کند ظاهر و رنگ، فونت، سایز عناصر و حتی انیمیشن‌ها چگونه باشند.

به زبان ساده:

HTML اسکلت و ساختار یک وب‌سایت را می‌سازد،

CSS آن اسکلت را زیبا و جذاب می‌کند.


کاربرد HTML و CSS

  • ساخت تمامی وب‌سایت‌ها و صفحات اینترنت بدون هیچ محدودیتی

  • طراحی رابط کاربری (UI) برای اپلیکیشن‌های وب و موبایل

  • ساخت صفحات فرود (Landing Pages) برای تبلیغات و بازاریابی

  • پیاده‌سازی قالب‌های وبلاگ، فروشگاه اینترنتی، پنل‌های کاربری و…

  • طراحی ایمیل‌های HTML برای کمپین‌های ایمیلی


پیش‌نیازهای یادگیری

✅ هیچ پیش‌نیاز فنی خاصی لازم نیست، این دوره از صفر صفر بدون پیشنیاز طراحی شده و میتونید دوره VSCode رو ببینید که با محیط برنامه نویسی م آشنا بشید:

  1. آشنایی اولیه با کار کردن با کامپیوتر و اینترنت

  2. علاقه‌مندی به یادگیری طراحی وب

  3. داشتن یک مرورگر (Chrome, Firefox و …) و یک ادیتور ساده کد مثل VS Code

حتی اگر تا امروز هیچ خط کدی ننوشته باشی، این دوره قدم به قدم تو را به سطح حرفه‌ای می‌رساند.


جایگاه HTML و CSS در بازار کار

  • هسته اصلی هر نوع طراحی وب؛ بدون یادگیری این دو زبان ورود به دنیای برنامه‌نویسی فرانت‌اند غیرممکن است.

  • در هر آگهی استخدام Front-End Developer یا Web Designer، اولین مهارت مورد نیاز همین HTML و CSS است.

  • یادگیری این مهارت‌ها مسیر را برای یادگیری فریم‌ورک‌ها و کتابخانه‌های پیشرفته‌تر مثل JavaScript, React, Vue و حتی Next.js باز می‌کند.

  • بازار کار داخلی و خارجی برای افرادی که HTML/CSS را به همراه JavaScript بلد باشند بسیار پرتقاضا و پردرآمد است؛ از کارهای فریلنسری پروژه‌ای تا استخدام در شرکت‌ها و استارتاپ‌ها.

  • حتی با این مهارت می‌توان قالب‌های آماده فروخت یا سایت‌های شخصی برای مشتریان طراحی کرد.


چرا این دوره؟

  • رایگان و کامل از مقدماتی تا پیشرفته.

  • آموزش با پروژه‌های واقعی (ساخت وب‌سایت کامل در انتهای دوره).

  • آموزش اصولی همراه با نکات حرفه‌ای بازارکار.

  • مناسب برای صفر کیلومترها و همچنین کسانی که می‌خواهند دانش‌شان را تکمیل کنند.

  • در پایان دوره، شما قادر خواهید بود:

    • یک سایت را از صفر طراحی کنید

    • آن را برای همه دستگاه‌ها (کامپیوتر، موبایل، تبلت) واکنش‌گرا کنید

    • کدهای تمیز و استاندارد بنویسید

    • قالب‌های سفارشی بسازید یا تبدیل کنید

فصل های دوره

فصل اول

آموزش مقدماتی تا پبشرفته HTML

  • 1

    مقدمات شروع و آشنایی با دوره

  • 2

    شروع یادگیری تگ ها بخش اول

  • 3

    بخش دوم - تگ های معنایی در HTML

  • 4

    بخش سوم - نگ های مربوط به متن ها

  • 5

    بخش چهارم - لیست ها در HTML

  • 6

    بخش پنجم - جداول در HTML

  • 7

    بخش ششم - تگ های ورودی یا inputes

  • 8

    بخش هفتم - مالتی مدیا تگ

فصل دوم

آموزش مقدماتی تا متوسط CSS

  • 1

    شروع یادگیری CSS

  • 2

    سلکتور ها در CSS

  • 3

    ویژگی rgb و rgba

  • 4

    ویژگی hsl و hsla

  • 5

    بک گراند ها در CSS

  • 6

    فاصله Margin در CSS

  • 7

    فاصله Padding در CSS

  • 8

    استایل متن ها در CSS

  • 9

    text-shadow یا سایه ها در انواع متن ها

  • 10

    فونت ها در CSS

  • 11

    استایل. لینک ها در CSS

  • 12

    استایل مربوط به لیست ها

  • 13

    display ها در CSS

  • 14

    Z-Index در CSS

  • 15

    overflow در CSS

  • 16

    استفاده از float در CSS

فصل سوم

مینی پروژه لندینگ ساده

  • 1

    بخش اول پروژه لندینگ - هدر

  • 2

    بخش ویژگی ها و Hero

  • 3

    بخش کارت دوره ها

  • 4

    بخش فوتر یا پایانی لندینگ

  • 5

    box-sizing و کارت مقالات

فصل چهارم

آموزش پیشرفته CSS

بزودی...

فصل پنجم

مینی پروژه دوم

بزودی...

قصل ششم

آموزش کامل Grid

بزودی...

فصل هفتم

آموزش کامل Flex-box

بزودی...

فصل هشتم

پروژه پایانی دوره

بزودی...

سوالات متداول

آیا برای این دوره نیاز به تجربه برنامه‌نویسی دارم؟

خیر، این دوره از صفر شروع می‌شود و برای افراد کاملاً مبتدی طراحی شده است. کافیست بتوانید با یک کامپیوتر یا لپ‌تاپ کار کنید.

این دوره فقط تئوری است یا پروژه عملی هم دارد؟

این دوره کاملاً پروژه‌محور است؛ از ساخت عناصر پایه تا طراحی یک وب‌سایت کامل و واکنش‌گرا را یاد می‌گیرید.

چقدر زمان لازم است تا در HTML و CSS حرفه‌ای شوم؟

بسته به میزان تمرین شما، معمولاً بین ۱ تا ۳ ماه می‌توانید به سطحی برسید که وب‌سایت‌های حرفه‌ای طراحی کنید.

آیا این دوره به‌روز است؟

بله، محتوای دوره مطابق استانداردها و متدهای روز طراحی وب در سال جاری ایجاد شده و اصول مدرن را پوشش می‌دهد.

دیدگاه ها و پرسش ها

1 دانشجو

29 جلسه

10:00 ساعت

پشتیبانی 3 ساله

پروفایل عرفان یوسفی

مدرس دوره

سلام دوستان من عرفانم و از سال۹۰ وارد حوزه ی برنامه نویسی شدم و توی حوزه های مختلفی فعالیت داشتم و در سال ۹۴ وارد حوزه ی برنامه نویسی وب شدم و به صورت تخصصی حوزه ی بک اند رو پیش بردم و همچنین از سال ۹۹ تدریس رو شروع کردم و روز به روز تجربه ام توی تدریس داره بیشتر میشه ، تجربیات خیلی زیادی رو توی مسیر برنامه نویسی کسب کردم. شکست ها و موفقیت هایی رو هم داشتم که همه ی این تجربیات رو سعی کردم توی دوره ها در اختیارتون بذارم.