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

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

مقدمه ای بر HTLM5 و راه اندازی چیزها Introduction to HTLM5 & Setting things up

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

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

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

• HTML5 کجا و چگونه استفاده می شود؟ Where and how is HTML5 used?

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

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

• مواد درسی Course Materials

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

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

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

• ساختار فایل و پوشه File and folder structure

• چگونه یک فایل HTML5 ایجاد کنیم؟ How to create an HTML5 file?

بلوک های ساختمان اصلی HTML5 HTML5 basic building blocks

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

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

• نظر دادن کد در HTML5 Commenting out code in HTML5

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

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

بررسی تگ های HTML5 Exploring HTML5 tags

• تگ های لنگر چیست؟ What are anchor tags?

• برچسب های تصویر چیست؟ What are image tags?

• تگ های پاراگراف چیست؟ What are paragraph tags?

• برچسب های شکست چیست؟ What are break tags?

• برچسب های جدول چیست؟ What are table tags?

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

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

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

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

• تگ های فرم Form tags

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

• ویژگی های ورودی (اندازه، فقط خواندنی، غیر فعال) Input attributes (size, read-only, disabled)

• ویژگی های ورودی اضافی (حداقل، حداکثر، چندگانه و مکان نگهدار) Additional input attributes (Min, max, multiple, and placeholder)

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

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

• معرفی Introduction

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

نتیجه Conclusion

• نتیجه Conclusion

نتیجه گیری (بخش HTML) Conclusion (HTML Part)

• نتیجه گیری Conclusion

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

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

• سینتکس CSS3 Syntax of CSS3

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

• انواع CSS3 Types of CSS3

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

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

• پس زمینه Background

• مرزها Borders

• طرح کلی Outline

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

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

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

• تراز کردن متن Text alignment

• تزیین متن Text decoration

• تبدیل متن Text transform

• فاصله متن Text spacing

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

• نحوه استفاده از آیکون های عالی فونت How to use font awesome icons

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

• نمایش Display

• موقعیت ها Positions

• شاخص Z Z-index

• سرریز Overflow

• شناور Float

• مدل DOM DOM Model

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

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

• شبه کلاس ها قسمت 2 Pseudo-classes part 2

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

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

• شفافیت و مهم است Opacity and important

• شعاع مرزی Border-radius

• سایه جعبه Box Shadow

طراحی واکنشگرا Responsive Design

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

• فلکس باکس Flexbox

• پرسش های رسانه ای Media Queries

مینی پروژه Mini Project

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

بخش پاداش - از دست ندهید BONUS Section - Don't Miss Out

• بخش پاداش - از دست ندهید BONUS Section - Don't Miss Out