آموزش دوره کامل HTML5 و CSS3: ساخت وب سایت مانند یک حرفه ای [ویدئو]

سرفصل ها و درس ها

مقدمه ای بر HTLM5 و راه اندازی چیزها Introduction to HTLM5 and Setting Things Up

• مقدمه ای بر HTML5 Introduction to HTML5

• مقدمه ای بر HTML5 Introduction to HTML5

• ویژگی های HTML5 Features of HTML5

• ویژگی های HTML5 Features of HTML5

• مزایای استفاده از HTML5 Benefits of Using HTML5

• مزایای استفاده از HTML5 Benefits of Using HTML5

• HTML5 کجا و چگونه استفاده می شود؟ Where and How Is HTML5 Used?

• HTML5 کجا و چگونه استفاده می شود؟ Where and How Is HTML5 Used?

• ویرایشگرهای HTML5 HTML5 Editors

• ویرایشگرهای HTML5 HTML5 Editors

• دانلود کد ویژوال استودیو Downloading Visual Studio Code

• دانلود کد ویژوال استودیو Downloading Visual Studio Code

ساختار یک فایل HTML5 Structure of an HTML5 File

• تگ های HTML چیست؟ What are HTML Tags?

• تگ های HTML چیست؟ What are HTML Tags?

• ساختار یک فایل HTML5 Structure of an HTML5 File

• ساختار یک فایل HTML5 Structure of an HTML5 File

• ساختار فایل و پوشه File and Folder Structure

• ساختار فایل و پوشه File and Folder Structure

• نحوه ایجاد یک فایل HTML5 How to Create an HTML5 File

• نحوه ایجاد یک فایل HTML5 How to Create an HTML5 File

ساختار یک فایل HTML5 Structure of an HTML5 File

بلوک های ساختمانی پایه HTML5 HTML5 Basic Building Blocks

• تگ های عنوان در HTML Heading Tags in HTML

• تگ های عنوان در HTML Heading Tags in HTML

• HTML5 نقل قول و برچسب های نقل قول HTML5 Quotation and Citation Tags

• HTML5 نقل قول و برچسب های نقل قول HTML5 Quotation and Citation Tags

• اظهار نظر کد در HTML5 Commenting Out Code in HTML5

• اظهار نظر کد در HTML5 Commenting Out Code in HTML5

• ویژگی های HTML5 HTML5 Attributes

• ویژگی های HTML5 HTML5 Attributes

• نحوه استایل در HTML5 How to Style in HTML5

• نحوه استایل در HTML5 How to Style in HTML5

بلوک های ساختمانی پایه HTML5 HTML5 Basic Building Blocks

بررسی برچسب های HTML5 Exploring HTML5 Tags

• تگ های لنگر چیست؟ What Are Anchor Tags?

• تگ های لنگر چیست؟ What Are Anchor Tags?

• برچسب های تصویر چیست؟ What Are Image Tags?

• برچسب های تصویر چیست؟ What Are Image Tags?

• تگ های پاراگراف چیست؟ What Are Paragraph Tags?

• تگ های پاراگراف چیست؟ What Are Paragraph Tags?

• برچسب های شکست چیست؟ What Are Break Tags?

• برچسب های شکست چیست؟ What Are Break Tags?

• برچسب های جدول چیست؟ What Are Table Tags?

• برچسب های جدول چیست؟ What Are Table Tags?

• برچسب های لیست List Tags

• برچسب های لیست List Tags

• برچسب ویدیو Video Tag

• برچسب ویدیو Video Tag

• برچسب صوتی Audio Tag

• برچسب صوتی Audio Tag

بررسی برچسب های HTML5 Exploring HTML5 Tags

ساخت فرم از ابتدا Building a Form From Scratch

• برچسب های فرم Form Tags

• برچسب های فرم Form Tags

• انواع ورودی Input Types

• انواع ورودی Input Types

• ویژگی های ورودی (اندازه، فقط خواندنی، غیرفعال) Input Attributes (Size, Read-Only, Disabled)

• ویژگی های ورودی (اندازه، فقط خواندنی، غیرفعال) Input Attributes (Size, Read-Only, Disabled)

• ویژگی‌های ورودی اضافی (حداقل، حداکثر، چندگانه و مکان‌گردان) Additional Input Attributes (Min, Max, Multiple, and Placeholder)

• ویژگی‌های ورودی اضافی (حداقل، حداکثر، چندگانه و مکان‌گردان) Additional Input Attributes (Min, Max, Multiple, and Placeholder)

• ورودی های مورد نیاز Required Inputs

• ورودی های مورد نیاز Required Inputs

ساخت فرم از ابتدا Building a Form From Scratch

بلوک و عناصر درون خطی Block and Inline Elements

• معرفی Introduction

• معرفی Introduction

• بررسی عناصر بلوکی و درون خطی Examining Block and Inline Elements

• بررسی عناصر بلوکی و درون خطی Examining Block and Inline Elements

بلوک و عناصر درون خطی Block and Inline Elements

نتیجه گیری HTML HTML Conclusion

• خلاصه HTML HTML Summary

• خلاصه HTML HTML Summary

نتیجه گیری HTML HTML Conclusion

مقدمه ای بر CSS3 Introduction to CSS3

• مقدمه ای بر CSS3 Introduction to CSS3

• مقدمه ای بر CSS3 Introduction to CSS3

• سینتکس CSS3 Syntax of CSS3

• سینتکس CSS3 Syntax of CSS3

• موارد استفاده از CSS3 Uses of CSS3

• موارد استفاده از CSS3 Uses of CSS3

• انواع CSS3 Types of CSS3

• انواع CSS3 Types of CSS3

• انتخابگرها و رنگ ها در CSS3 Selectors and Colors in CSS3

• انتخابگرها و رنگ ها در CSS3 Selectors and Colors in CSS3

مقدمه ای بر CSS3 Introduction to CSS3

ویژگی های اولیه CSS3 Basics Properties of CSS3

• زمینه Background

• زمینه Background

• مرز ها Borders

• مرز ها Borders

• طرح کلی Outline

• طرح کلی Outline

• ارتفاع و عرض Height and Width

• ارتفاع و عرض Height and Width

• حاشیه و بالشتک Margin and Padding

• حاشیه و بالشتک Margin and Padding

ویژگی های اولیه CSS3 Basics Properties of CSS3

ویژگی های تایپوگرافی CSS3 Typography Properties of CSS3

• تراز متن Text Alignment

• تراز متن Text Alignment

• تزیین متن Text Decoration

• تزیین متن Text Decoration

• تبدیل متن Text Transform

• تبدیل متن Text Transform

• فاصله متن Text Spacing

• فاصله متن Text Spacing

• خانواده فونت Font Family

• خانواده فونت Font Family

• نحوه استفاده از آیکون های فونت عالی How to Use Font Awesome Icons

• نحوه استفاده از آیکون های فونت عالی How to Use Font Awesome Icons

ویژگی های تایپوگرافی CSS3 Typography Properties of CSS3

ویژگی های انتخابگرها در عمق CSS3 Selectors Properties in Depth of CSS3

• نمایش دادن Display

• نمایش دادن Display

• موقعیت ها Positions

• موقعیت ها Positions

• Z-Index Z-Index

• Z-Index Z-Index

• سرریز Overflow

• سرریز Overflow

• شناور Float

• شناور Float

• مدل DOM (مدل شیء سند). DOM (Document Object Model) Model

• مدل DOM (مدل شیء سند). DOM (Document Object Model) Model

• انتخابگرهای پیشرفته Advanced Selectors

• انتخابگرهای پیشرفته Advanced Selectors

• شبه کلاس ها قسمت 1 Pseudo-Classes Part 1

• شبه کلاس ها قسمت 1 Pseudo-Classes Part 1

• شبه کلاس ها قسمت 2 Pseudo-Classes Part 2

• شبه کلاس ها قسمت 2 Pseudo-Classes Part 2

• شبه عناصر Pseudo-Elements

• شبه عناصر Pseudo-Elements

ویژگی های انتخابگرها در عمق CSS3 Selectors Properties in Depth of CSS3

ویژگی های اضافی در CSS3 Extra Features in CSS3

• کدورت و مهم Opacity and Important

• کدورت و مهم Opacity and Important

• مرز-شعاع Border-Radius

• مرز-شعاع Border-Radius

• سایه جعبه Box Shadow

• سایه جعبه Box Shadow

ویژگی های اضافی در CSS3 Extra Features in CSS3

طراحی تعاملی Responsive Design

• سیستم شبکه ای Grid System

• سیستم شبکه ای Grid System

• فلکس باکس Flexbox

• فلکس باکس Flexbox

• داستان های رسانه Media Queries

• داستان های رسانه Media Queries

طراحی تعاملی Responsive Design

مینی پروژه Mini Project

• مینی پروژه Mini Project

• مینی پروژه Mini Project

مینی پروژه Mini Project