دوره آموزشی
دوبله زبان فارسی
ایجاد طرح بندی ها با CSS
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
در این دوره، ایجاد طرح بندی ها با CSS، یک روند قابل تکرار برای پیادهسازی طرح بندی های ساده تا پیچیده را در CSS می آموزید. ابتدا، نحوه کار با موکاپ های یک طراح یا ایجاد مدلهای خودتان را بررسی خواهید کرد. سپس، راز ایجاد طرح بندی های واکنشگرا در هر اندازه صفحهنمایش را کشف خواهید کرد. در نهایت، یاد می گیرید که چگونه کامپوننت های خود را با یک طرح بندی سیال سازگار کنید تا در هر زمینهای زیبا به نظر برسند. زمانی که این دوره را به پایان برسانید، مهارتها و دانش لازم HTML و CSS را برای پیادهسازی قابل اعتماد هر طرح بندی خواهید داشت.
ایجاد طرح بندی ها با CSS
-
بررسی دوره 0:01:00
-
روند طرح بندی واکنشگرا 0:03:00
-
تهیه یک برنامه 0:03:00
-
پیادهسازی طرح بندی های واکنشگرا 0:02:00
-
پیادهسازی کامپوننت های واکنشگرا 0:02:00
-
درباره این دوره 0:01:00
-
درباره فایلهای تمرینی 0:01:00
-
داستان دو بیت عنیا 0:02:00
-
توسعه فرانتاند در Globomantics 0:03:00
-
شفاف سازی نیازها 0:05:00
-
تحلیل موکاپ 0:04:00
-
استفاده از یک محل برای ارائه چند سرویس توسعه وب 0:02:00
-
چه چیزی قبل از چگونه 0:03:00
-
طرح بندی های خوب 0:04:00
-
الگوهای رایج طرح بندی 0:05:00
-
طراحی طرح بندی در عمل 0:06:00
-
کد تمیز چیست؟ 0:03:00
-
HTML تمیز 0:04:00
-
استانداردهای وب و دسترس پذیری 0:03:00
-
HTML معنایی و ARIA 0:02:00
-
CSS تمیز 0:04:00
-
قوانین نامگذاری CSS 0:03:00
-
بررسی مجدد Flexbox و Grid 0:02:00
-
شباهتهای Flexbox و Grid 0:03:00
-
تفاوتهای Flexbox و Grid 0:06:00
-
ویژگیهای Align و Justify 0:07:00
-
پیادهسازی طرح بندی با استفاده از Flexbox 0:06:00
-
پیادهسازی طرح بندی با استفاده از Grid 0:02:00
-
Grid: تعریف دقیق Grids 0:06:00
-
Grids: موقعیتدهی دقیق آیتم ها 0:04:00
-
حل مسائل با Grid و Flexbox 0:05:00
-
خلاصه: کجا از چه چیزی استفاده کنیم؟ 0:02:00
-
پیادهسازی طرح بندی های واکنشگرا 0:03:00
-
پیادهسازی استراتژیهای Grid 0:04:00
-
نشانگذاری برای طرح بندی 0:04:00
-
کوئریهای مدیا 0:03:00
-
پیادهسازی طرح بندی ها - صفحه About 0:02:00
-
پیادهسازی طرح بندی ها - هدر و فوتر 0:05:00
-
پیادهسازی طرح بندی ها - صفحه ملاقات با ما 0:03:00
-
پیادهسازی طرح بندی ها - صفحه اصلی 0:07:00
-
پیادهسازی طرح بندی ها - صفحه Pies 0:02:00
-
خلاصه طرح بندی واکنشگرا 0:01:00
-
پیادهسازی کامپوننت های واکنشگرا 0:03:00
-
تکنیکهای تصاویر واکنشگرا 0:04:00
-
کوئریهای کانتینر 0:03:00
-
پیادهسازی کامپوننت ها - صفحه About 0:04:00
-
پیادهسازی کامپوننت ها - هدر و فوتر 0:05:00
-
پیادهسازی کامپوننت ها - صفحه ملاقات با ما 0:05:00
-
پیادهسازی کامپوننت ها - صفحه اصلی قسمت 1 0:06:00
-
پیادهسازی کامپوننت ها - صفحه اصلی قسمت 2 0:02:00
-
پیادهسازی کامپوننت ها - صفحه Pies قسمت 1 0:06:00
-
پیادهسازی کامپوننت ها - صفحه Pies قسمت 2 0:06:00
-
خلاصه کامپوننت های واکنشگرا 0:01:00
-
خلاصه و مراحل بعدی 0:03:00
مشخصات آموزش
ایجاد طرح بندی ها با CSS
- تاریخ به روز رسانی: 1404/06/21
- سطح دوره:متوسط
- تعداد درس:54
- مدت زمان :3:10:49
- حجم :687.0MB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy
آموزش های مرتبط
The Great Courses
2,495,000
499,000 تومان
- زمان: 06:19:16
- تعداد درس: 40
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
6,787,000
1,357,400 تومان
- زمان: 17:11:52
- تعداد درس: 113
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
8,360,500
1,672,100 تومان
- زمان: 21:10:47
- تعداد درس: 202
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
5,720,500
1,144,100 تومان
- زمان: 14:29:26
- تعداد درس: 36
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
4,206,500
841,300 تومان
- زمان: 10:39:08
- تعداد درس: 64
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
4,391,000
878,200 تومان
- زمان: 11:07:45
- تعداد درس: 63
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
7,261,000
1,452,200 تومان
- زمان: 18:23:18
- تعداد درس: 103
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
490,000
98,000 تومان
- زمان: 00:57:00
- تعداد درس: 20
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
490,000
98,000 تومان
- زمان: 00:41:00
- تعداد درس: 9
-
سطح دوره:
-
زبان: دوبله فارسی