آموزش HTML سطح متوسط (بیش از 30 ویدیو) html intermediate

ویدیوهای پیش نمایش : پیش نمایش

به دوره آموزش HTML سطح متوسط خوش اومدی.

با مشاهده این دوره سطح خودت در HTML رو بالا ببر!

همونطور که سطح مقدماتی رو با دوره "آموزش مقدماتی HTML" یوکسیم راحت یاد گرفتی، این دوره رو هم یاد میگیری :)

به زبان ساده مفاهیم بیشتری از HTML رو بهت آموزش میدیم تا برای سطح پیشرفته آماده بشی.

مباحث مهم این دوره : تگ های بخش بندی، صفت های Class و ID، تگ های سمانتیک، لینک و آدرس دهی صحیح، ساخت فرم حرفه ای، پروژه و سایت های منبع.

 

دوره های آموزش HTML یوکسیم

آموزش HTML

آموزش HTML یوکسیم به 3 سطح تقسیم شده.

صفحات هر یک از این سطح ها رو می تونی در سایت مشاهده کنی.

سطح مقدماتی : صفحه دوره مقدماتی HTML

سطح پیشرفته : بزودی

 

محیط کار کدنویسی یوکسیم

محیط کدنویسی HTML

مثل دوره مقدماتی HTML، در این دوره هم برای کدنویسی از محیط کار یوکسیم استفاده می کنیم.

از طریق لینک زیر می تونی وارد محیط کار یوکسیم بشی :

ورود به محیط کار یوکسیم

 

فصل 2 : تگ های معنایی و بخش بندی

تگ های بخش بندی HTML

این فصل یکی از مهم ترین فصل های آموزشی HTML هست.

تمام ویدیو های این فصل رو با دقت مشاهده کن و کامل یاد بگیر.

در این فصل ابتدا تگ های مهم Div و Span رو بهت آموزش میدیم.

تگ هایی که بسیار زیاد در HTML استفاده میشن.

در ادامه Attribute ها یا صفت های ID و Class رو داریم که این ها هم بسیار مهم هستن.

وقتی این دو ویدیو اول رو یاد بگیری یاد بگیری، تگ های بعدی که تگ های معنایی (Semantic) هستن برات آسون تر میشه.

تگ های معنایی/سمانتیک رو هم تو همین فصل آموزش میبینی و چند مثال هم با تمام مباحث این فصل می زنیم.

تا این فصل رو خوب تمرین نکردی سراغ فصل بعد نرو!

 

فصل 3 : لینک و آدرس در HTML

آموزش لینک و آدرس در HTML

نحوه لینک دهی در محیط آنلاین با کامپیوتر (Local) فرق داره.

ما پروژه های HTML رو معمولا بصورت آفلاین در محیط لوکال کار می کنیم.

وقتی پروژه آماده شد، به محیط آنلاین برای نمایش به عموم انتقال میدیم.

پس در این بین باید یک سری نکات رو در لینک دهی و آدرس ها رعایت کنیم تا پروژه پس از انتقال با مشکل مواجه نشه.

تو این فصل تمام نکات مهم مربوط به لینک دهی و آدرس ها رو یاد می گیری.

از نحوه نوشتن آدرس ها، مرتب سازی و انتخاب مکان فایل ها تا نامگذاری فایل ها.

همچنین تو این فصل مثال هایی از ساخت یک لینک دانلود و دکمه رفتن به بالا رو داریم.

 

فصل 4 : فرم HTML

آموزش فرم HTML

تو سطح مقدماتی مباحث اولیه فرم های HTML رو بهت آموزش دادیم.

یاد گرفتی که چطور یک فرم ساده رو در HTML ایجاد کنی.

اینجا یک مرحله جلوتر میریم و گزینه های بیشتری رو به فرم هایی که ساختیم اضافه می کنیم.

هر نوع فرمی که بخوای رو می تونی تو HTML درست کنی.

تگ های مرتبط با فرم، Attribute ها یا صفات زیادی دارن که بسیاری از این صفات رو تو این فصل بررسی می کنیم.

در واقع هر چیز مهمی که از فرم باقی مونده و آموزش ندادیم رو یکجا تو این فصل بهت میگیم.

کار رو با Type های باقی مونده از Input شروع می کنیم.

وقتی انواع Input رو یاد گرفتی میایم روی صفات یا همون Attribute ها تمرکز می کنیم.

ما برای تگ های Input، Textarea، Button، Select، Option و ... صفت های بسیار کاربردی ای داریم.

دونستن این صفات می تونه بهت کمک کنه تا فرم های حرفه ای تری ایجاد کنی و در واقع هر طور که خواستی فرم های HTML رو شخصی سازی کنی.

این فصل بسیار کاربردی و لذت بخشه و مطمئن هستیم که از مشاهدش و مباحثی که یاد میگیری، لذت خواهی برد!

 

فصل 5 : پروژه های HTML

تمرین و پروژه HTML

با تمام مباحثی که در این دوره یادگرفتی چند پروژه رو در این فصل کار می کنیم.

در این پروژه ها سعی شده تگ های مهم کار بشه.

تگ هایی که بیشتر از بقیه در پروژه های واقعی آینده استفاده خواهی کرد.

این پروژه هارو حتما ببین و سعی کن در کنار ما خودت هم کدنویسی کنی.

 

فصل 6 : Extra

در این فصل چند سایت مرجع رو معرفی می کنیم که تو کدنویسی بهت کمک می کنن.

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

در ویدیویی دیگر معرفی سایتی برای خطایابی کدنویسی.

 

فایل های دوره

بعد از اینکه در این دوره ثبت نام کردی، فایل های دوره رو هم از همین صفحه دانلود کن.

یک فایل فشرده Zip هست که داخلش تمام فایل هایی که در این دوره استفاده می کنیم قرار داره.

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

در این دوره یاد می گیرید :
  • کلید های میانبر کاربردی
  • تگ های Div و Span
  • مفهوم و نحوه استفاده از Class و ID
  • تگ های معنایی (Semantics)
  • مرتب سازی فایل های پروژه
  • تفاوت آدرس های وب و لوکال
  • نام گذاری صحیح فایل ها
  • ساخت لینک دانلود
  • لینک دهی صفحات HTML
  • لینک دهی به عناوین در یک صفحه
  • ساخت دکمه رفتن به بالا
  • نوع های بیشتر فرم (Type Inputs)
  • تگ های Datalist و List
  • صفات تگ Form
  • لیبل گذاری ورودی فرم
  • صفات تگ Input
  • صفات تگ Textarea
  • صفات تگ Button
  • صفات تگ Select
  • صفات تگ Option
  • صفات تگ Fieldset
  • نحوه یافتن پشتیبانی مرورگر ها از یک تگ خاص
  • خطایابی کدنویسی از طریق یک سایت مرجع
پیش نیازها :

    جهت مشاهده ویدیوها روی عنوان درس ها کلیک کنید

    باز کردن / بستن تمام فصل ها 5 فصل
  • شروع کار

    00:09:01
  • تگ های بخش بندی

    00:25:28
    • 3. تگ های Div و Span 01:53 برای تماشای این ویدیو وارد حساب کاربری خود شوید
    • 4. مفهوم و تفاوت Class و ID 07:23 برای تماشای این ویدیو وارد حساب کاربری خود شوید
    • 5. مثال : Div و Class/ID 04:45 برای تماشای این ویدیو در دوره ثبت نام کنید
    • 6. تگ های معنایی (Semantic) 03:09 برای تماشای این ویدیو در دوره ثبت نام کنید
    • 7. مثال : تگ های معنایی 02:54 برای تماشای این ویدیو در دوره ثبت نام کنید
    • 8. سایر تگ های معنایی 05:24 برای تماشای این ویدیو در دوره ثبت نام کنید
  • لینک و آدرس دهی

    00:29:03
    • 9. تفاوت لینک های لوکال و آنلاین 09:11 برای تماشای این ویدیو در دوره ثبت نام کنید
    • 10. انتخاب نام فایل ها 03:45 برای تماشای این ویدیو در دوره ثبت نام کنید
    • 11. مثال : ساخت یک لینک دانلود 03:19 برای تماشای این ویدیو در دوره ثبت نام کنید
    • 12. لینک دهی صفحات HTML به یکدیگر 05:28 برای تماشای این ویدیو در دوره ثبت نام کنید
    • 13. لینک دهی داخل خود صفحه HTML 05:36 برای تماشای این ویدیو در دوره ثبت نام کنید
    • 14. مثال : ساخت دکمه برگشت به بالا 01:44 برای تماشای این ویدیو در دوره ثبت نام کنید
  • فرم

    01:20:10
    • 15. انواع Input 05:40 برای تماشای این ویدیو در دوره ثبت نام کنید
    • 16. تگ Datalist و صفت List 03:15 برای تماشای این ویدیو در دوره ثبت نام کنید
    • 17. صفات تگ Label 03:09 برای تماشای این ویدیو در دوره ثبت نام کنید
    • 18. صفات تگ Input 1 06:18 برای تماشای این ویدیو در دوره ثبت نام کنید
    • 19. صفات تگ Input 2 03:37 برای تماشای این ویدیو در دوره ثبت نام کنید
    • 20. صفات تگ Input 3 05:10 برای تماشای این ویدیو در دوره ثبت نام کنید
    • 21. صفات تگ Input 4 03:53 برای تماشای این ویدیو در دوره ثبت نام کنید
    • 22. صفات تگ Form 10:15 برای تماشای این ویدیو در دوره ثبت نام کنید
    • 23. صفات تگ Textarea 04:08 برای تماشای این ویدیو در دوره ثبت نام کنید
    • 24. صفات تگ Button 03:17 برای تماشای این ویدیو در دوره ثبت نام کنید
    • 25. صفات تگ Select 03:17 برای تماشای این ویدیو در دوره ثبت نام کنید
    • 26. صفات تگ های Option و Optgroup 04:25 برای تماشای این ویدیو در دوره ثبت نام کنید
    • 27. صفات تگ Fieldset 01:38 برای تماشای این ویدیو در دوره ثبت نام کنید
    • 28. پروژه 22:08 برای تماشای این ویدیو در دوره ثبت نام کنید
  • موارد اضافی

    00:04:17
    • 29. معرفی سایت جهت بررسی پشتیبانی مرورگرها 02:24 برای تماشای این ویدیو در دوره ثبت نام کنید
    • 30. معرفی سایت جهت اعتبارسنجی کدها 01:53 برای تماشای این ویدیو در دوره ثبت نام کنید
  1. علیرضا تیری علیرضا تیری 06 تیر 1399

    بسار عالی و قابل درک بود

این بخش بطور موقت غیرفعال است.
بزودی بخش پرسش و پاسخ با امکانات بیشتر راه اندازی خواهد شد.