توضیحات

دوستان این دوره بازتولید شده (با کیفیت و محتوای بهتر) دوره قبلی (آموزش 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 رو دیده بودم و چون مدتی بود که از این حوزه دور شده بودم مباحث رو فراموش کرده بودم و از دوباره از صفر شروع کردم یه جورایی الان که با اون دوره ها مقایسه میکنم میگم ای کاش زودتر سایت شما رو پیدا کرده بودم که از همون اول با شما جلو میرفتم مثلا الان متوجه میشم که سطح علمی اون شخص چقدر پایین بوده که من با اینکه من با مباحث اشنا بودم ولی حداقل در هر بخش نکته ای بوده که برام تازگی داشته و با دونستن این نکات خیلی بهتر درک کردم و راحت تر شد برام مثلا اگر بخوام یک مثال بزنم

    این بود که قضیه collapse توی margin رو من داخل این دوره متوجه شدم که چرا زمانی که دوتا تگ مارجین دارن با هم جمع نمیشن و ...



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

    با تشکر و قدردانی دوباره.❤?✔????????

    • سلام وقت بخیر.
      ممنون از شما و حمایتتون?
      خداروشکر دوره براتون مفید بوده

  • سلام و خسته نباشید
    میتونم به جرات بگم یکی از بهترین دوره هایی بود که در این موضوع دیدم
    همه چیز به اندازه ، نه کم و نه زیاد و نه گیج کننده
    و مشخصه که برنامه ریزی دقیقی برای نوع آموزش موثر انجام شده
    و البته اطلاعات فنی و بیان خوب مدرس هم بسیار عالی
    انشالله دوره های بعدی هم به همین صورت مفید باشه

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

  • سلام.

    جستجوی زیادی در مورد اینکه نود جی اس چیست انجام دادم ولی متاسفانه هنوز درک درستی پیدا نکرم.

    فرضیاتی برای خودم درست شده که مثلا نود جی اس چیزی است مانند آپاچی. اما از صحتش مطمین نیستم.



    مساله اینجاست که من دوره فرانت اند رو تقریبا گذراندم و خواستم اطلاعات ثبت شده در مرورگر رو روی پایگاه داده ای مثل mysql ثبت کنم. همین!

    اما الان درگیر تعاریف و انتخابهای فراوانی شدم.

    مثل اینکه php بهتره یا node.js ؟

    یا مثلا می تونم برای طراحی چت گروهی از node.js و برای بقیه ی کار های سایتم از php

    اگر راهنمایی کنید ممنون میشم

    • سلام وقت بخیر.
      برای آشنایی با node.js دوره رایگان توی سایت هست که میتوانید استفاده کنید. اما برای شروع و با توجه به نیازتون میتوانید با php شروع کنید. مانند چارت آموزشی که توی سایت قرار گرفته

    • سلام وقت بخیر.
      ممنون از شما و حمایتتون?
      توی صفحه ای دوره، در پایین لینک قسمت ها هست که با کلیک روی آنها وارد صفحه ای قسمت ها میشوید که اونجا میتوانید آنلاین مشاهده کنید و یا دانلود کنید که دکمه هاش، اگه توی دسکتاپ مشاهده میکنید در سمت چپ هست.

  • من این دوره رو کامل دیدم و به جرات میتونم بگم که شما و تیمتون بهترین هستید. واقعا ممنونم بابت محتوای جامع، کاربردی و بسیار منظم و دقیقتون امیدوارم همیشه تندرست و شاد باشید ☘️

    • سلام وقت بخیر.
      ممنون از شما و حمایتتون?
      خداروشکر دوره براتون مفید بوده

  • درود وقت بخیر و خدا قوت . یک سوال داشتم من فرانت اند کار نیستم ولی آشنایی دارم یکی از آشنایان یک وبسایت معمولی از من خواست و من با یک نرم افزار طراحی وبسایت آشنا شدم به اسم nicepage واقعا نرم افزار خوبیه قالب های واقعا حرفه ای هم باهاش زده شده و نمونه کارهاش تو سایتش هست خروجی html هم میده اون وبسایت که مد نظرم بود رو هم باهاش تونستم طراجی کنم. میخواستم بدونم بنظر شما اینجوری وبسایت طراحی کنم و آپلود کنم رو هاست مشکلی هست یا نه ؟ بابت پاسخگویی ممنون

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

  • سلام آقای شیخ خسته نباشید من برنامه نویسی رو تازه شروع کردم و دوره های شما واقعا خوب و کاربردی هست ممنون بابت زحماتتون...
    فقط مشکل این هست که من تا فیلم ارث بری در سی اس اس رو با ویندوز تونستم ببینم و همه چی خوب بود اما بقیه فیلم ها با ویندوز برام لود و پلی نمیشه با اندروید که امتحان کردم مشکلی نداشت. چطور می تونم بقیه فیلم ها رو هم با ویندوز ببینم؟!

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

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

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

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

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

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

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

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

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

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