دوستان این دوره بازتولید شده (با کیفیت و محتوای بهتر) دوره قبلی (آموزش 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
- مبحث Semantic HTML
- پراپرتی object-fit
ایجاد پروژه نهایی و آپلود پروژه روی سرور (deploy)
دوره های پیشنهادی، بعد از گذراندن این دوره :
Arian
ممنون بابت تمام زحمات شما
داداش لطفا بهم کمک کن من سیستم اینا نداشتم تو عمرم الانم ندارم ولی علاقه شدیدی دارم به برنامه نویس شدن دارم با گوشی تمرین میکنم واقعا سخته با گوشی یک دوست بهم پیشنهاد داد آیا سیستم زیر توانایی اجرای vs code و... بدون لگ هنگی برای فرانت اند را دارد
1- Core i3- 3220 CPU
2-مادربرد اینتل H61
3-رم کامپیوتر کینگستچن تک کاناله 8گیگابایت
4-کارت گرافیک استوک ایکس اف ایکس rx 580 ddr5
5-هارد دیسک اینترنال wd 500 گیگ
مدل Blue WD 5000 LPCx
6-حافظه اس اسددی لگسار مدل ns100 -128 گیگ
7- پاور کامپیوتر. 430 وات گرین
همینو واسم فرستاد لطفا بهم بگو داداش بازم دمت گرم
علی شیخ
2 سال پیش
سلام وقت بخیر.
خیلی عذرخواهی میکنم تخصص بنده نیست
اما کلا برنامه نویسی نیاز به سخت افزار خیلی قوی نداره
بازم از فروشندگان لپ تاپ یا کامپیوتری ها سوال کنید اونا بیشتر میتونند کمک کنند.