دوره جامع اچ تی ام ال، سی اس اس و SCSS (2 پروژه)
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- دانشجویان قادر خواهند بود اچ تی ام ال بویلرپلیت را با شیفت و علامت تعجب یا تایپ کردن doc و فشردن اینتر راهاندازی کنند
- کاربران قادر خواهند بود به آسانی یک وبسایت جذاب و زیبا طراحی کنند.
- دانشجویان دانش کامل درباره وبسایت واکنشگرا را دست پیدا خواهند کرد.
- دانشجویان رویه طرحبندی واکنشگرا را درک خواهند کرد.
پیشنیازهای دوره
- دانشجویان باید درک اولیه از زبان انگلیسی داشته باشند.
- توانایایی در بوت کردن کامپیوتر باید داشته باشند.
- کاربران باید توانایی خواندن و نوشتن داشته باشند.
- دانشجویان نیاز به دانش قبلی در اچ تی ام ال و سی اس اس ندارند.
توضیحات دوره
این دوره برای معرفی مفاهیم و تکنیکهای اساسی توسعه وب با اچ تی ام ال (زبان نشانهگذاری ابرمتن) و سی اس اس (استایل شیتهای آبشاری) به مبتدیان طراحی شده است. این دوره دانشجویان را به مهارتهای ضروری برای ایجاد و استایلدهی وبسایتهای جذاب و کاملاً کاربردی مجهز میکند. این دوره از طریق رویکرد عملی و پروژه محور، دانشجویان را در فرآیند ساخت صفحات وب ساختار یافته و اعمال عناصر طراحی مختلف راهنمایی میکند. در پایان این دوره، دانشجویان قادر خواهند بود وبسایتهای اولیه را توسعه دهند، آنها را به طور موثر استایلدهی کنند و فناوریهای بنیادین که طراحی وب را هدایت میکنند را درک کنند.
در پایان این دوره، دانشجویان موارد زیر را کسب خواهند کرد:
- درک کنید چگونه یک وبسایت را با اچ تی ام ال ساختاردهی کنید.
- به اعمال تکنیکهای استایلدهی و طرحبندی با سی اس اس مسلط شوید.
- قادر خواهید بود صفحات وب واکنشگرا ایجاد کنید که در دستگاههای مختلف کار میکنند.
- بهترین شیوهها را برای کد تمیز و قابل نگهداری درک کنید.
- مهارتهای پایهای لازم برای موضوعات پیشرفتهتر توسعه وب را توسعه دهید.
این دوره برای چه کسانی مناسب است؟
- دانشجویان مبتدی، متوسط و حرفهای
- کسی که قصد دارد مهارتهای طراحی خود را گسترش دهد.
- هر کسی که میخواهد ابزارهای جدید در اچ تی ام ال و سی اس اس را بشناسد.
دوره جامع اچ تی ام ال، سی اس اس و SCSS (2 پروژه)
-
این دوره توسط مدرسین مجرب ارائه میشود و شامل پروژههای عملی است. 01:35
-
مقدمه 04:12
-
پیشنمایش پروژهها 06:52
-
راهاندازی ویرایشگر کد 11:13
-
اعمال استایل درونخطی و استایل درونی در عنصر 14:25
-
عنصر اچ تی ام ال و سینتکس 14:40
-
کامنت، رنگ و تگ anchor در اچ تی ام ال 15:12
-
درج تصویر و ایجاد جدول 18:03
-
collapse بوردر جدول و عرض جدول 07:14
-
colspan و rowspan 09:55
-
لیست ترتیبی و لیست بدون ترتیب 05:23
-
عناصر درونخطی و بلوک اچ تی ام ال 15:05
-
ID Attributes و کلاس اچ تی ام ال 10:10
-
تعبیه صفحه در صفحه (iframe) 07:26
-
فرم اچ تی ام ال 12:10
-
نوع attribute مقدار ورودی فرم 10:00
-
تعبیه صدا و ویدئو در یک صفحه وب 17:40
-
شبه کلاس anchor state 19:45
-
شبه عنصر anchor 05:59
-
لینکدهی استایلدهی خارجی 06:01
-
اولین چالش تمرینی None
-
اولین چالشها 12:58
-
رنگ در سی اس اس - قسمت 1 17:41
-
رنگ در سی اس اس - قسمت 2 08:03
-
پسزمینه 08:03
-
بوردر 07:30
-
مارجین 04:04
-
پدینگ 04:25
-
ارتفاع و عرض در سی اس اس 05:43
-
مدل جعبهای در سی اس اس 10:48
-
طرح کلی و آفست طرح کلی 04:29
-
فرمتبندی متن (سایه جعبهای و متن) 14:07
-
لیست ترتیبی و بدون ترتیب در سی اس اس 09:44
-
موقعیتیابی 12:34
-
طرحبندی شناور 08:54
-
combinatorها در سی اس اس (سلکشن) 10:29
-
opacity و transparency 07:35
-
دومین چالشها - قسمت 1 11:55
-
دومین چالشها - قسمت 2 18:17
-
واحدها در سی اس اس - قسمت 1 06:41
-
واحدها در سی اس اس - قسمت 2 07:53
-
specificity 14:07
-
توابع ریاضی و گرادیان خطی 07:24
-
گرادیان شعاعی 07:42
-
ویژگی ترنزیشن 13:43
-
ویژگی انیمیشن 20:40
-
تبدیل دوبعدی و سهبعدی 10:33
-
tooltipها 13:53
-
چند ستون، متغیر و box-sizing 12:10
-
فرم سی اس اس - قسمت 1 13:44
-
فرم سی اس اس - قسمت 2 06:30
-
جمعبندی فرم سی اس اس 05:29
-
مدیا کوئری 08:49
-
آشنایی با sass 10:50
-
partial و mixins در sass 07:21
-
آشنایی با فلکسباکس 07:24
-
فلکسباکس - قسمت 1 14:13
-
فلکسباکس - قسمت 2 08:31
-
فلکسباکس - سومین چالش - قسمت 1 20:30
-
فلکسباکس - سومین چالش - قسمت 2 22:50
-
آشنایی با طرحبندی گرید 12:29
-
طرحبندی گرید - قسمت 1 10:51
-
طرحبندی گرید - قسمت 2 22:21
-
آشنایی با متدولوژی BEM 04:49
-
پایان متدولوژی BEM 09:53
-
بررسی پروژه 1 04:12
-
ریست کردن مرورگر برای طرحبندی صفحه 09:17
-
ایجاد نوار ناوبری 12:27
-
جمعبندی نوار ناوبری 06:21
-
اعمال تصویر پسزمینه در نوار ناوبری صفحه اصلی 08:59
-
جمعبندی بخش خانه 18:09
-
سازماندهی فایلها 10:11
-
هدینگ و پسزمینه بخش خدمات 13:31
-
همپوشانی پسزمینه 01:23
-
کارت خدمات wrapper - قسمت 1 13:19
-
کارت خدمات wrapper - قسمت 2 20:33
-
جمعبندی کارت خدمات - قسمت 3 10:46
-
ساخت بخش گالری 12:37
-
طرحبندی گریدهای گالری 09:45
-
راهاندازی data-lightbox 14:50
-
تکمیل data-lightbox 08:10
-
درباره بخش هدینگ 10:11
-
بخش درباره ما - قسمت 1 10:44
-
بخش درباره ما - قسمت 2 15:02
-
بخش درباره ما - قسمت 3 04:31
-
شروع بخش تماس 06:38
-
راهاندازی فرم تماس 09:03
-
تکمیل فرم تماس 16:25
-
راهاندازی بخش فوتر با تایماستمپ 18:09
-
هدفگذاری هر بخش با SPA 02:26
-
راهاندازی مدیا کوئری 06:21
-
راهاندازی mixin برای مدیا کوئری 11:23
-
راهاندازی mixin برای مدیا کوئری - قسمت 1 05:45
-
راهاندازی mixin برای مدیا کوئری - قسمت 2 08:32
-
راهاندازی mixin برای مدیا کوئری - قسمت 3 14:00
-
راهاندازی mixin برای مدیا کوئری - قسمت 4 20:49
-
راهاندازی mixin برای مدیا کوئری - قسمت 5 19:03
-
راهاندازی mixin برای مدیا کوئری - قسمت 6 20:51
-
تکمیل مدیا کوئری 10:53
-
بررسی پروژه 03:56
-
ریست کردن مرورگر برای کد 07:42
-
ساخت نوار ناوبری هدر 13:40
-
نکات نهایی نوار ناوبری 09:06
-
ایجاد محتوا برای نوار ناوبری صفحه اصلی 12:42
-
طرحبندی فلکس محتوا 15:01
-
طرحبندی محتوا - قسمت 1 11:58
-
طرحبندی محتوا - قسمت 2 14:48
-
جمعبندی طرحبندی محتوا - قسمت 3 13:13
-
طرحبندی فوتر 16:45
-
تکمیل طرحبندی فوتر 16:41
-
ریست کردن مرورگر برای کد 07:42
-
طرحبندی صفحه گالری 08:07
-
طرحبندی صفحه گالری - قسمت 1 07:33
-
ساخت صفحه ثبت نام 11:43
-
جمعبندی طرحبندی صفحه گالری با پلاگین data-lightbox 10:07
-
استایلدهی فیلد ورودی 18:45
-
جمعبندی فرم صفحه ثبت نام 06:40
-
راهاندازی طرحبندی واکنشگرا با توجه به viewport 08:02
-
تبدیل واحد پیکسل به واحد em برای طرحبندی واکنشگرا 06:37
-
مدیا کوئری - قسمت 1 07:49
-
مدیا کوئری - قسمت 2 15:03
-
مدیا کوئری - قسمت 3 10:11
-
میزبانی وبسایت 02:06
-
آپلود وبسایت - قسمت 2 08:04
-
تکمیل آپلود وبسایت 07:36
-
آپلود وبسایت 04:15
-
گام بعدی چیست؟ 04:19
مشخصات آموزش
دوره جامع اچ تی ام ال، سی اس اس و SCSS (2 پروژه)
- تاریخ به روز رسانی: 1404/06/21
- سطح دوره:همه سطوح
- تعداد درس:127
- مدت زمان :22:37:06
- حجم :16.0GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy