دوره آموزشی
آموزش های یودمی
دوبله زبان فارسی

دوره جامع اچ تی ام ال، سی اس اس و SCSS (2 پروژه)

دوره جامع اچ تی ام ال، سی اس اس و 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

8,933,500 1,786,700 تومان

مشخصات آموزش

دوره جامع اچ تی ام ال، سی اس اس و SCSS (2 پروژه)

  • تاریخ به روز رسانی: 1404/06/21
  • سطح دوره:همه سطوح
  • تعداد درس:127
  • مدت زمان :22:37:06
  • حجم :16.0GB
  • زبان:دوبله زبان فارسی
  • دوره آموزشی: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
  • سطح دوره:
  • زبان: دوبله فارسی

آیا سوالی دارید؟

ما به شما کمک خواهیم کرد تا شغل و رشد خود را افزایش دهید.
امروز با ما تماس بگیرید