دوستان این دوره بازتولید شده (با کیفیت و محتوای بهتر) دوره قبلی (آموزش 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)
دوره های پیشنهادی، بعد از گذراندن این دوره :
mamadch
سلام جناب شیخ دوره شما واقعا عالی هست و بسیار عالی و ساده بیان میکنید. من که دوره آموزشگاهی فرانت شروع کردم در کنارش دوره شمارو هم دارم میبینم و واقعا مکمل هم هستند.ممنون ❤️❤️❤️❤️
علی شیخ
8 ماه پیش
سلام وقت بخیر.
ممنون از شما و حمایتتون
خداروشکر دوره براتون مفید بوده