دوره HTML پیشرفته (شامل A11Y ،ARIA ،CSS ،HTML5 API's ،PWA ،SEO)
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- مقدمهای بر HTML؛
- ساختار اولیه یک سند HTML؛
- تگهای اصلی و ضروری HTML؛
- فرمها و ورودیهای کاربر؛
- HTML5 و عناصر معنایی؛
- ویژگیهای پیشرفته HTML؛
- ادغام CSS با HTML؛
- مقدمهای بر JavaScript همراه با HTML؛
- ساخت طراحیهای وب واکنشگرا؛
- دسترسپذیری وب؛
- مبانی SEO با HTML؛
- بهترین شیوهها و بهینهسازی عملکرد HTML؛
- APIهای HTML5 و ویژگیهای پیشرفته؛
- چالشهای معمول و راهکارهای اشکال زدایی؛
- منابع و مطالب تکمیلی برای مطالعه بیشتر؛
- و خیلی موارد دیگر!
پیشنیازهای دوره
- اشتیاق برای یادگیری!
- هیچ دانش قبلی لازم نیست؛
- میتوانید تنها با این دوره HTML را بیاموزید.
توضیحات دوره
این دوره با همه دورههای موجود در زمینه زبان نشانهگذاری فرامتن (HTML) تفاوت دارد.
در یک جامعه آنلاین زنده همراه با کتاب و دورهای که توسط کارشناسان صنعت تدریس میشود، درباره HTML بیاموزید. هدف ما ایجاد محیطی برای صدور مدارک فناوری اطلاعات (IT) و دورههای آنلاین به همکاری با صنعت فناوری است. ما باور داریم این فرصت به دانشآموختگان ما اطمینان صد درصد در بازار رو به رشد در محیط متنباز خواهد داد. ما تازه در ابتدای راه هستیم و اکنون بهترین زمان برای پیوستن شماست!
خلاصه و مختصر؛ چرا باید این دوره را بگذرانید:
موضوعات زیر را بیاموزید:
- مقدمهای بر HTML؛
- ساختار پایه سند HTML:
- آناتومی یک سند HTML (`<!DOCTYPE>`، `<meta>`، `<head>`، `<body>`)
تگهای اصلی HTML:
- عناوین (`<h1>` تا `<h6>`)
- پاراگرافها و قالببندی متن (`<strong>`، `<em>`، `<mark>`، `<small>`، `<del>`)
- لیستها (`<ol>`، `<ul>`، `<li>`)
- لینکها (`<a>`)
- تصاویر (`<img>`)
- جداول (`<table>`، `<tr>`، `<td>`، `<th>`)
- شکن خط (`<br>`) و خطوط افقی (`<hr>`)
فرمها و ورودیهای کاربر:
- متن ورودی، دکمههای رادیویی، چکباکسها (`<input>`)
- منوهای انتخاب و گزینهها (`<select>`، `<option>`)
- دکمههای ارسال و بازنشانی (`<select>`، `<option>`)
- مبانی اعتبارسنجی فرم (`<input>`)
- ویژگیهای پیشرفته فرم (`<input>`)
- بهترین شیوهها در طراحی فرمها؛
- مثالها و تمرینهای عملی؛
HTML5 و عناصر معنایی:
- اهمیت نشانهگذاری معنایی؛
- عناصر معنایی رایج (`<article>`، `<section>`، `<nav>`، `<header>`، `<footer>`)
- کاربردهای عملی و سناریوهای واقعی؛
- سئو و HTML معنایی؛
ویژگیهای پیشرفته HTML:
- چندرسانهای (`<audio>`، `<video>`)
- Canvas (`<canvas>`)
- مکانیابی جغرافیایی؛
- ذخیرهسازی وب (Local Storage ،Session Storage)؛
- درک و دراپ کردن؛
- Iframes (`<iframe>`)
- SVG (گرافیک برداری مقیاسپذیر) (`<svg>`)
- خصوصیات دادهای (`data-*`)
ادغام CSS با HTML:
- مبانی Cascading Style Sheets (CSS)؛
- انواع CSS (درون خطی، داخلی، خارجی)؛
- فریمورکهای CSS؛
- پیشپردازندههای CSS؛
- فلکسباکس و طرح بندی های گرید؛
مقدمهای بر JavaScript با HTML:
- تعبیه JavaScript در HTML؛
- فایلهای جاوااسکریپت خارجی؛
- دستکاری DOM؛
- مدیریت رویدادها؛
ساخت طراحیهای وب واکنشگرا:
- رویکرد موبایل-محور؛
- طرح بندی های انعطافپذیر و واحدها؛
- اولویتبندی محتوا؛
- بهینهسازی تصاویر و چندرسانهای؛
- تست و تکرار؛
- دسترسپذیری وب؛
- مبانی SEO با HTML؛
- بهترین شیوهها و بهینهسازی عملکرد HTML؛
APIهای HTML5 و ویژگیهای پیشرفته:
- API موقعیتیابی؛
- API ذخیرهسازی وب
- Canvas API؛
- Web Workers؛
- API وبسوکت
- API درگ و دراپ کردن
- API صدا و ویدئو
- API فایل
- WebRTC API
- ضبط رسانه و Streams API
- اپلیکیشن های آفلاین و Service Workers؛
- چالشهای معمول و نکات اشکال زدایی؛
- منابع تکمیلی و مطالب خواندنی؛
- و بسیار بیشتر!
- مثالهای واقعی از زندگی
- دوره موضوعات را بهطور کامل و عمیق توضیح میدهد.
- 120 نمونه تعاملی منحصربهفرد در CodeSandboxes با قابلیت Tap2Play
این دوره برای چه کسانی مناسب است؟
- افراد علاقهمند به آموزش عملی؛
- کسانی که درباره HTML شنیدهاند و میخواهند بیشتر بدانند.
- متخصصانی که روزانه با فناوری کار میکنند و میخواهند بدون خستگی مقدمات برنامهنویسی را درک کنند.
- توسعهدهندگان بدبین نسبت به کتاب و دورهای که صرفاً بر HTML تمرکز دارد.
- هنرجویان خودآموز که بودجه کافی برای بوتکمپهای گرانقیمت ندارند.
- دانشجویان علاقهمند به توسعه وب؛
- دانشجویان تمایلمند به شروع حرفه در توسعه نرمافزار؛
- توسعهدهندگان وب که میخواهند همهچیز درباره HTML را بیاموزند.
دوره HTML پیشرفته (شامل A11Y ،ARIA ،CSS ،HTML5 API's ،PWA ،SEO)
-
خوشآمدگویی 01:05
-
HTML چیست؟ 16:58
-
راهاندازی محیط کاری 11:43
-
مبانی مدل آبجکت سند (DOM) 05:26
-
ساختار یک سند HTML 02:54
-
بخشهای اعلان ،Head و بدنه 03:40
-
درک DOCTYPE 02:11
-
عناوین (<h1> تا <h6>) 03:07
-
پاراگرافها و قالببندی متن (پررنگ، مورب، زیرخط و غیره) 04:03
-
ساخت لیستها 04:27
-
لینکها (<a>) 06:47
-
نمایش تصاویر (<img>) 03:15
-
ساخت جداول (<table> ،<tr> ،<td> ،<th>) 02:34
-
شکستن خط (<br>) و خطوط افقی (<hr>) 02:01
-
خلاصه: تگهای ضروری HTML 01:25
-
ساختار یک فرم HTML 02:50
-
ورودیهای متنی، دکمههای رادیویی، چکباکسها 04:34
-
منوهای انتخاب و عناصر option 01:47
-
دکمههای ارسال و بازنشانی 01:55
-
مبانی اعتبارسنجی فرم 10:34
-
ویژگیهای پیشرفته فرم 03:36
-
استایلدهی فرمها 01:04
-
بهترین شیوه ها در طراحی فرم 14:05
-
مثالها و تمرینهای عملی 01:43
-
راهنمای گامبهگام: ساخت فرم ثبتنام جامع 25:50
-
راهنمای گامبهگام: فرم پویا با JavaScript 18:38
-
خلاصه: فرمها و ورودی کاربر 00:50
-
مقدمهای بر عناصر معنایی 02:52
-
نشانهگذاری معنایی: ستون فقرات وب مدرن 14:59
-
عناصر معنایی پرکاربرد 06:22
-
بهترین شیوه ها برای استفاده از عناصر معنایی 02:46
-
چالشها و ملاحظات 01:28
-
کاربردهای عملی و سناریوهای واقعی 02:39
-
مثال: ساختار معنایی SPA 10:55
-
ارتقاء دسترسپذیری و SEO در SPAها 06:05
-
مثال: مقالهای با Microdata برای Rich Snippets 12:09
-
تحول و روندهای آینده در HTML5 و عناصر معنایی 03:38
-
تاکید بیشتر بر دسترسپذیری 09:21
-
عناصر معنایی برای برنامههای پیچیده وب 02:12
-
ادغام با فناوریهای نوظهور وب 05:00
-
پشتیبانی بهبود یافته برای یادگیری ماشینی و هوش مصنوعی 03:15
-
سئو و HTML معنایی 00:57
-
مثال: عناوین معنایی 03:16
-
مثال: ناوبری معنایی 01:02
-
مزایای HTML معنایی برای SEO 02:31
-
تاثیرات دسترسپذیری 01:04
-
مثال: ساختار مناسب عناوین 01:39
-
مثال: برچسبها و ورودیهای فرم 03:15
-
مثال: استفاده از نشانههای `<nav>` 01:22
-
نقشها و ویژگیهای ARIA 01:10
-
مثال: نقش ARIA برای بخش زنده 01:48
-
مثال: نقش ARIA برای اسلایدر 01:31
-
نتیجهگیری: پیادمدهای دسترسپذیری 01:03
-
مطالعه موردی: HTML معنایی در وب اپلیکیشن های بزرگمقیاس 02:12
-
پیادهسازی ساختار صفحه اصلی 08:09
-
پیادهسازی: فهرست محصولات با نشانهگذاری معنایی 02:44
-
مزایای HTML معنایی 05:54
-
خلاصه: HTML5 و عناصر معنایی 01:20
-
عناصر ادغام چندرسانهای 20:56
-
Canvas برای گرافیک 05:54
-
موقعیتیابی 06:50
-
ذخیرهسازی وب 09:28
-
درگ و دراپ کردن 06:01
-
ایفریمها 06:14
-
SVG (گرافیک برداری مقیاسپذیر) 09:26
-
خصوصیات دادهای 04:10
-
خلاصه: ویژگیهای پیشرفته HTML 01:01
-
مبانی Cascading Style Sheets (CSS): انتخابگرها 07:15
-
مبانی Cascading Style Sheets (CSS): ویژگیها و مقادیر 04:27
-
مبانی Cascading Style Sheets (CSS): مدل جعبهای 09:25
-
مبانی Cascading Style Sheets (CSS): توضیحات CSS 01:31
-
انواع CSS :CSS درون خطی 03:11
-
انواع CSS :CSS داخلی (تعبیه) 02:52
-
انواع CSS :CSS خارجی 03:21
-
فریمورکهای CSS 06:42
-
پیشپردازندههای CSS 07:13
-
فلکسباکس 15:31
-
طرح بندی های گرید 16:00
-
نتیجهگیری: ادغام CSS با HTML 02:06
-
گنجاندن JavaScript در HTML 05:48
-
فایلهای جاوااسکریپت خارجی 05:16
-
دستکاری DOM 04:15
-
تکنیکهای پیشرفته دستکاری DOM 05:11
-
مدیریت رویدادها 03:13
-
مدیریت پیشرفته رویدادها 04:26
-
خلاصه: مقدمهای بر JavaScript با HTML 01:38
-
اصول طراحی واکنشگرا 02:24
-
رویکرد موبایل-اول 12:06
-
طرح بندی های انعطافپذیر: گریدهای سیال 06:22
-
طرح بندی های انعطافپذیر: مدیا کوئریها 05:22
-
واحدهای انعطافپذیر: درصد (%) 04:26
-
واحدهای انعطافپذیر: عرض نمای صفحه (vw) و ارتفاع نمای صفحه (vh) 06:40
-
واحدهای انعطافپذیر: تنظیمات نمای صفحه 04:12
-
واحدهای انعطافپذیر: Em (em) 05:09
-
مزایا و ملاحظات 03:40
-
اولویتبندی محتوا 03:17
-
تکنیکهای اولویتبندی محتوا: سلسلهمراتب بصری 02:57
-
تکنیکهای اولویتبندی محتوا: سازماندهی مجدد محتوا 02:18
-
مزایای اولویتبندی محتوا 01:41
-
تصاویر و رسانههای بهینهشده 02:54
-
انتخاب فرمت فایل مناسب 07:51
-
بهینهسازی فشردهسازی 04:39
-
بارگذاری تنبل 04:11
-
ارائه تصاویر واکنشگرا 05:40
-
فعالسازی کش مرورگر 14:46
-
بهینهسازی ویدئو 09:34
-
بهینهسازی صدا 09:08
-
مزایای تصاویر و رسانههای بهینهشده 03:39
-
تست و تکرار 08:36
-
نتیجهگیری: اصول طراحی واکنشگرا 01:34
-
طرح بندی های سیال با CSS Flexbox 10:19
-
طرح بندی های گرید واکنشگرا با CSS Grid 05:22
-
مدیا کوئریها برای طراحی واکنشگرا 03:27
-
نتیجهگیری: ساخت طراحیهای واکنشگرا 01:31
-
اهمیت و اصول دسترسپذیری وب 14:22
-
برچسبها و نقشهای ARIA (اپلیکیشنهای اینترنت غنی قابل دسترس) 10:39
-
ویژگیهای دسترسپذیری در HTML5 02:16
-
درک SEO و اهمیت آن 02:59
-
تگها و ویژگیهای HTML مهم برای SEO 08:51
-
متاتگها و بهترین شیوههای SEO 06:16
-
تکنیکها و بهترین شیوههای اضافی SEO 02:31
-
نشانهگذاری معنایی 03:36
-
بهبود فرمها 02:06
-
ادغام چندرسانهای 01:30
-
بهینهسازی برای موبایل 01:23
-
ویژگیهای دسترسپذیری 02:55
-
سازماندهی کد و درج توضیحات 03:24
-
تکنیکهای بهینهسازی عملکرد HTML 13:33
-
نتیجهگیری: بهترین شیوهها و بهینهسازی عملکرد HTML 01:01
-
API موقعیتیابی 06:03
-
API ذخیرهسازی وب 02:17
-
Canvas API 03:56
-
Web Workers 03:47
-
API وبسوکت 04:15
-
API درگ و دراپ کردن 05:31
-
API صدا و ویدئو 04:34
-
API فایل 11:20
-
WebRTC API 07:22
-
ضبط رسانه و Streams API 13:51
-
اپلیکیشن های آفلاین و Service Workers 15:30
-
نتیجهگیری: APIهای HTML5 و ویژگیهای پیشرفته 01:23
-
مروری بر HTML پیشرفته و APIهای HTML5 02:52
-
مسیرهای یادگیری بیشتر در توسعه وب 04:23
-
پیوستن به جوامع توسعهدهندگان و آموزشهای پیوسته 02:40
-
سازگاری مرورگرها 03:42
-
خطاهای مجوز 01:44
-
محدودیتهای امنیتی 02:27
-
مشکلات اتصال شبکه 01:38
-
ابزارهای بهینهسازی عملکرد 04:53
-
مدیریت خطا و ابزارهای اشکال زدایی 01:59
-
حمایت جامعه و مستندات 01:42
-
تست و تکرار مداوم 02:00
-
خلاصه: چالشهای متداول و نکات اشکال زدایی 01:21
-
نتیجهگیری: دوره زبان نشانهگذاری فرامتن (HTML) 01:56
-
آموزشها و راهنمای آنلاین 03:13
-
کتب و نشریات 06:12
-
انجمنها و پلتفرمهای بحث و گفتگو 03:22
-
ابزارها و افزونههای توسعهدهنده 04:27
-
دورهها و پلتفرمهای آموزشی آنلاین 02:25
-
کتاب عالی HTML: زبان نشانهگذاری فرامتن (HTML) 02:56
-
جامعه و شبکههای اجتماعی ما 03:48
مشخصات آموزش
دوره HTML پیشرفته (شامل A11Y ،ARIA ،CSS ،HTML5 API's ،PWA ،SEO)
- تاریخ به روز رسانی: 1405/04/02
- سطح دوره:همه سطوح
- تعداد درس:161
- مدت زمان :13:53:37
- حجم :9.51GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy