telegram

توضیحات

دوستان این دوره بازتولید شده (با کیفیت و محتوای بهتر) دوره قبلی (آموزش HTML۵ & CSS۳ پروژه محور) در سایت هست که میتوانید از این دوره استفاده کنید.

HTML  (اچ تی ام ال) برگرفته از حروف اول عبارت HyperTextMarkupLanguage می باشد و به عنوان یک زبان نشانه گذاری متن ( زبان استاندارد صفحات وب ) می باشد. معمولا در یک صفحه ی موجود بر روی وب مجموعه ای از متن ها، عکس ها، بخش بندی های مختلف وجود دارد، به کمک تگ ها و کدهایی که HTML در اختیارتان قرار می دهد، می توانید یک ساختار مشخص از اطلاعات را در این قسمت ها  به وجود آورید و در معرض نمایش بازدیدکنندگان قرار بدهید. 

Css (سی اس اس) کوتاه شده یا مخفف عبارت Cascading Style Sheets می باشد که قابلیت صفحه آرایی؛ استایل دهی و زیبا سازی صفحات وب را برای طراحان سایت فراهم می سازد. در واقع ساختار یک صفحه با استفاده از HTML تعیین می شود و سپس با به کار بردن کدهایی دیگر به این ساختار و چیدمان استایل داده می شود. تمامی رنگ ها، ابعاد و اندازه ها، حاشیه ها، مکان قرارگیری، فونت ها و سایر خصوصیات اجزای یک صفحه ی وب، با استفاده از CSS تعیین خواهند شد.
حتما ویدیو معرفی دوره را در پایین مشاهده کنید تا با دوره و پروژه ای انتهای دوره آشنا شوید.

مباحثی که در این دوره گفته میشود شامل :
آشنایی با HTML (اچ تی ام ال)

  • معرفی HTML
  • ابزار های مورد نیاز
  • ساخت اولین صفحه با HTML
  • بررسی ساحتار HTML
  • تگ های paragraph و heading و img
  • تگ های link و strong و em و list
  • تگ های form و table

آشنایی با CSS (سی اس اس)

  • معرفی CSS (سی اس اس)
  • ترتیب اجرای css
  • selector ها در css
  • تگ های span و div
  • ارث بری در css
  • ترکیب selector ها

رنگ ها (colors) در css

  • پراپرتی background-color
  • رنگ ها در css

واحد ها (units) در css

  • واحد های pixel و percent و em و rem
  • واحد های vw و vh
  • استایل های پیش فرض و ابزار devtools در مرورگر
  • تابع ()calc
  • پراپرتی hight و width

تایپوگرافی (typography) در css

  • پراپرتی font-family
  • افزودن فونت به css
  • پراپرتی های دیگر فونت

box model در css

  • پراپرتی padding و margin و border
  • پراپرتی outline
  • box-sizing

نمایش (display) در css

  • پراپرتی display
  • مقدار inline-box
  • پراپرتی های دیگر display

تصویر پس زمینه (background image) در css

  • پراپرتی background-image
  • linear gradient
  • background image overlay

موقعیت (position) و float در css

  • پراپرتی float
  • پراپرتی های position
  • پراپرتی z-index

رسپانسیو (media query) در css

  • آشنایی با رسپانسیو (responsive)
  • دستور media query
  • طراحی mobile-first

pseudo-element و pseudo-class در css

  • آشنایی با pseudo-element
  • آشنایی با pseudo-class

transform و transition و animation در css

  • پراپرتی transform
  • پراپرتی transition
  • پراپرتی animation

مباحث تکمیلی در css

  • متغیر در css
  • آیکون (icon)
  • پراپرتی text-shadow و body-shadow
  • مبحث browser prefix
  • مبحث smantic HTML
  • پراپرتی object-fit

ایجاد پروژه نهایی و آپلود پروژه روی سرور (deploy)

دوره های پیشنهادی، بعد از گذراندن این دوره :

HTML CSS طراحی وب طراحی سایت سی اس اس اچ تی ام ال css 3 html 5

مدرس دوره علی شیخ
مدت دوره 13:47:11
تعداد ویدیو 86
وضعیت دوره : کامل شده
قیمت دوره : رایگان
ابتدا وارد سایت شوید
دسته بندی دوره ها
HTML CSS طراحی وب FlexBox Bootstrap فریمورک طراحی سایت جاوا اسکریپت اکما اسکریپت پی اچ پی php mysql javascript jquery oop mvc composer laravel emmet npm nodejs webpack vuejs livewire vuex API وب سرویس alpinejs tailwindcss react git github typescript next.js nest.js nuxt.js sass ساس

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

دوره های آموزشی
آموزش Emmet
کامل شده

آموزش Emmet

Emmet یک ابزار برای توسعه‌دهندگان وب است که می‌تواند سرعت نوشتن کد‌های HTML و CSS را تا حد بسیار زیادی افزایش دهد. این ا...

رایگان
01:12:37
آموزش Asynchronous Javascript پروژه محور
کامل شده
% 20 تخفیف

آموزش Asynchronous Javascript پروژه محور

در این دوره با برنامه نویسی Asynchronous (ناهمگام) و Synchronous (همگام) و نحوه کارکرد آنها در دنیای جاوااسکریپت صحبت می...

149,000 119,000 تومان
03:47:45
آموزش ساخت فروشگاه اینترنتی با ناکست جی اس (nuxt.js)
کامل شده
% 20 تخفیف

آموزش ساخت فروشگاه اینترنتی با ناکست جی اس (nuxt.js)

بعد از دوره آموزش ناکست (nuxt.js) که مورد استقبال شما دوستان عزیز قرار گرفت.حالا وقت آن رسیده که در قالب یک پروژه کاربرد...

699,000 559,000 تومان
18:59:37
آموزش Javascript پروژه محور
کامل شده

آموزش Javascript پروژه محور

آموزش جاوا اسکریپت + ES6 به همراه پروژه. جاوا اسکریپت زبان برنامه‌نویسی سطح بالا است که برای ایجاد تعامل با صفحات وب به...

رایگان
06:09:03

نظرات ارزشمند شما:

برای ارسال نظر ابتدا باید وارد سایت شوید

  • Amin Goli

    سلام من دوره ای که زمان 4 ساعت و 50 دقیقه بود رو نگاه کردم
    آیا نیاز هست این دوره رو هم نگاه کنم یا همون دوره کفایت میکنه؟

    • علی شیخ

      7 ماه پیش

      سلام وقت بخیر.
      این دوره باز تولید دوره ای قبلی هست و دیدنش خالی از لطف نیست

    • علی شیخ

      8 ماه پیش

      سلام وقت بخیر.
      مواردی که نیاز هست گفته شده و این دوره شروعی برای ورود به دنیای برنامه نویسی هست که لیست دوره ها توی چارت آموزشی ذکر شده

  • Khashayar

    سلام استاد وقت بخیر ببخشید مزاحم شدم . من میخوام بک اند کار بشم و تصمیم گرفتم نود جی اس رو به عنوان بک اند انتخاب کنم بنظر شما گزینه خوبی برای بازار کار هست؟ بابت پاسختون هم خیلی ممنون ??

    • علی شیخ

      8 ماه پیش

      سلام وقت بخیر.
      برای شروع از لاراول استفاده کنید که درصد زیادی از پروژه ها را میتونید پیاده سازی کنید.

  • MostafaFakhr

    استاد سلام
    وقتتون بخیر
    استاد برای آموزش html و css ابتدا دوره آموزشی ای که ۴ ساعت 51 دقیقه هست رو ببینیم بهد بیایم سراغ دوره 12 ساعته ای که در حال برگزاری هست یا تنها همین دوره 12 ساعته کفایت میکنه و تمام مطالب دوره قبلی در اینجا ذکر شده؟

    • علی شیخ

      8 ماه پیش

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

  • funfard

    ممنون استاد از آموزش خوبتون.
    آیا هنوز باید از Vendor Prefix همون webkit-- باید استفاده کنیم یا نه دیگه قدیمی شده و لازم نیست؟

    • علی شیخ

      9 ماه پیش

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