آموزش HTML5 و CSS3: ساخت وبسایتهای اختصاصی (همراه با 4 پروژه)
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- ساختاردهی صفحات وب با HTML
- استایلدهی صفحات وب با CSS
- چگونه وبسایتهای کامل را از ابتدا ایجاد کنیم؟
- چگونه وبسایتهای واکنشگرا طراحی بسازیم؟
پیشنیازهای دوره
- نیازی به تجربه برنامهنویسی نیست؛ دانشجو همه موارد مورد نیاز را در اینجا یاد میگیرد.
توضیحات دوره
در این دوره، دانشجویان هر آنچه برای ساخت وبسایتهای واکنشگرا با HTML و CSS نیاز دارند را خواهند آموخت.
این دوره ترکیبی از مباحث تئوری و عملی است تا شما با مفاهیم و تکنیکها آشنا شوید و آنها را در موقعیتهای واقعی به کار ببندید.
پس از انجام 4 پروژه این دوره، شما آماده خواهید بود تا هر وبسایتی را که میخواهید بسازید و با استفاده از اصول واکنشگرایی، آنها را با تمامی دستگاهها و اندازههای صفحه سازگار کنید.
برخی از مفاهیمی که در این دوره پوشش داده میشوند عبارتند از:
- HTML5
- CSS3
- Flexbox
- HTML معنایی
- واکنشگرایی
- پروژهها و تمرینهای واقعی برای کسب مهارت
- و بسیاری موارد دیگر...
شما به هیچ آشنایی قبلی با HTML یا CSS نیاز ندارید؛ مدرس دوره آموزش را از پایه شروع میکند و نهتنها زبانها، بلکه ابزارهای مورد نیاز توسعهدهندگان نیز در این دوره پوشش داده میشوند.
ذکر این نکته مهم است که تمام موضوعات از جنبههای مختلف توضیح داده شدهاند تا این دانش در ذهن شما نهادینه شود و برای بهکارگیری همه چیز در مسیر شغلی یا پروژههای شخصی خود آماده باشید.
پروژههای این دوره با توجه به روند پیشرفت دانشجویان و برای بهکارگیری تمام عناصر HTML و قواعد CSS که یاد میگیرید طراحی شدهاند. بنابراین، کار به آرامی شروع میشود و در پایان، وبسایتهای واقعی ساخته شده و حتی یک وبسایت معروف شبیهسازی خواهد شد.
اگر این همان چیزی است که به دنبال آن هستید، مدرس در کلاسها منتظر شماست تا با هم کدنویسی کنید!
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگان مبتدی
- کسانی که میخواهند HTML و CSS یاد بگیرند.
- افرادی که قصد دارند وبسایت بسازند.
آموزش HTML5 و CSS3: ساخت وبسایتهای اختصاصی (همراه با 4 پروژه)
-
مرور کلی دوره 07:10
-
HTML چیست؟ 06:51
-
CSS چیست؟ 04:33
-
اهمیت استفاده از ویرایشگر کد 06:35
-
اولین وبسایت ما 09:47
-
چه اتفاقی افتاد؟ 04:34
-
فایلهای دوره 03:54
-
نتیجهگیری 00:59
-
آزمون مبانی HTML و CSS None
-
مقدمه 00:51
-
آناتومی یک تگ 03:41
-
ساختار HTML 05:20
-
تیترها 11:55
-
پاراگرافها 03:45
-
تگهای بدون محتوا 05:28
-
توضیحات (Comments) 06:28
-
ویژگیها (Attributes) 04:06
-
باز کردن لینک در تب جدید 03:42
-
تصاویر 03:58
-
ویژگی alt 02:37
-
لیست نامرتب 04:14
-
لیست مرتب 03:12
-
جداول 04:42
-
تگ div 04:42
-
چالش مبانی HTML None
-
نتیجهگیری 00:39
-
مقدمه 00:47
-
روشهای افزودن کلاس 03:45
-
ساختار CSS 02:19
-
CSS درونخطی (Inline) 05:14
-
چندین قانون CSS 04:04
-
CSS داخلی (Internal) 03:49
-
CSS خارجی (External) 04:01
-
ترتیب در CSS 03:57
-
چالش مربوط به CSS None
-
کامنتها در CSS 02:53
-
کلاسها و شناسهها 03:02
-
کلاسها 04:57
-
چگونگی استفاده از id 02:23
-
ترتیب قوانین CSS 04:11
-
درباره رنگهای CSS 02:25
-
نامهای رنگ 02:13
-
کدهای رنگ HEX 03:07
-
کد کوتاه شده HEX 02:55
-
RGB 03:08
-
RGB با شفافیت 02:33
-
HSL 02:18
-
رنگ پسزمینه 03:11
-
پسزمینه با شفافیت 04:40
-
حل مشکل شفافیت 03:10
-
تصویر پسزمینه 03:44
-
وسطچین کردن تصویر پسزمینه 04:55
-
مدل جعبهای 02:47
-
عرض و ارتفاع 04:22
-
Padding 03:12
-
تنظیم جداگانه Padding 03:22
-
خلاصهنویسی Padding 03:33
-
Padding و عرض 04:04
-
حاشیهها 04:07
-
تنظیم جداگانه Border 03:24
-
حاشیههای گرد 03:20
-
فاصله خارجی (Margin) 04:09
-
جمعبندی همه موارد 02:50
-
چالش Box Model None
-
تراز متن 04:06
-
تزئین متن 03:36
-
تبدیل متن 03:15
-
فاصله بین حروف 01:41
-
فونتها 04:22
-
استایل فونت 02:26
-
وزن فونت 04:27
-
اندازه فونت 02:26
-
ویژگی Display 03:43
-
مخفی کردن عناصر 01:53
-
درباره موقعیتدهی در CSS 04:31
-
موقعیتدهی Static 02:39
-
موقعیتدهی Relative 03:26
-
موقعیتدهی Absolute 03:59
-
ترکیب Relative و Absolute 04:27
-
موقعیتدهی Fixed 02:31
-
موقعیتدهی Sticky 03:14
-
ویژگی Z-index 04:27
-
نتیجهگیری 00:34
-
مقدمه 02:13
-
ساختار پروژه 02:54
-
ساخت بخش اول 06:48
-
تکمیل کد HTML 06:38
-
شروع استایلدهی 06:29
-
تکمیل کد CSS 03:34
-
نتیجهگیری 01:13
-
مقدمه 00:53
-
فرم چیست؟ 02:54
-
اولین فرم ما 04:17
-
ویژگیهای فرم 03:43
-
ویژگی Name 03:01
-
ویژگی Label 02:11
-
ارسال فرم به سرور 02:22
-
عنصر Select 02:16
-
ویژگی Selected 02:35
-
انتخاب چند گزینه 02:15
-
تگ Textarea 02:43
-
تگهای Fieldset و Legend 02:29
-
تگ Datalist 04:01
-
ورودی رمز عبور 02:09
-
بازنشانی فیلدهای فرم 01:24
-
دکمه رادیویی 04:41
-
چکباکس 03:37
-
ورودی تاریخ 01:31
-
ورودی فایل 01:46
-
ورودی عدد 02:16
-
ورودی ایمیل 02:39
-
ویژگی Value 02:18
-
ویژگی Disabled 02:07
-
ویژگی Placeholder 02:15
-
ویژگی Required 01:55
-
نتیجهگیری 00:31
-
مقدمه 02:00
-
ساختار پروژه 04:32
-
ایجاد سربرگ صفحه 03:34
-
ساخت فرم 08:07
-
تکمیل فرم 10:07
-
بازنشانی برخی استایلها 03:52
-
پایان پروژه 11:12
-
مقدمه 00:42
-
واکنشگرایی چیست؟ 02:02
-
پیکربندی HTML 03:07
-
ایجاد Media Query 03:29
-
مدیا کوئری با min-width 02:40
-
Breakpoints رایج 02:30
-
افزودن استایل به دستگاه در حالت افقی 02:42
-
نتیجهگیری 00:33
-
مقدمه 02:02
-
ساختار پایه پروژه 02:37
-
نوار ناوبری 03:35
-
استایلدهی نوار ناوبری 06:59
-
بخش بنر 03:47
-
بخش خدمات 06:24
-
کد HTML بخش قیمتها و پلنها 03:55
-
کد CSS بخش قیمتها و پلنها 07:14
-
بخش جستجوی دامنه 05:19
-
تکمیل نسخه دسکتاپ 06:55
-
افزودن واکنشگرایی 07:29
-
مقدمه 00:56
-
Flexbox چیست؟ 02:09
-
اعمال Flex به یک عنصر 03:29
-
جهتدهی Flex 02:45
-
ویژگی Flex Wrap 02:56
-
ویژگی Justify Content 04:48
-
ویژگی Align Items 04:08
-
فاصله بین عناصر 02:26
-
تغییر ترتیب 02:30
-
ویژگی Flex Grow 02:14
-
ویژگی Flex Basis 02:24
-
ویژگی Flex Shrink 02:31
-
خلاصهنویسی Flex 02:53
-
ویژگی Align Self 02:12
-
نتیجهگیری 00:38
-
مقدمه 00:58
-
ایجاد ساختار پوشهها 02:42
-
ساخت فرم ورود 05:54
-
کدنویسی عناصر پایانی و فوتر 03:38
-
شروع استایلدهی 06:41
-
تکمیل استایلهای فرم ورود 06:39
-
تمام کردن نسخه دسکتاپ 03:23
-
افزودن واکنشگرایی 03:09
-
نتیجهگیری دوره 01:27
مشخصات آموزش
آموزش HTML5 و CSS3: ساخت وبسایتهای اختصاصی (همراه با 4 پروژه)
- تاریخ به روز رسانی: 1404/12/10
- سطح دوره:همه سطوح
- تعداد درس:166
- مدت زمان :09:55:23
- حجم :5.47GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy
آموزش های مرتبط
- زمان: 09:44:25
- تعداد درس: 67
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 03:02:02
- تعداد درس: 14
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 58:00
- تعداد درس: 12
-
سطح دوره:
-
زبان: دوبله فارسی
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 11:25:13
- تعداد درس: 94
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 06:58:57
- تعداد درس: 60
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 02:27:39
- تعداد درس: 24
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 08:11:21
- تعداد درس: 28
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 04:52:43
- تعداد درس: 38
-
سطح دوره:
-
زبان: دوبله فارسی