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

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

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

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

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

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

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

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

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

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

سطح پیشرفته : صفحه دوره پیشرفته HTML

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

فصل 4 : فرم HTML

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

فصل 6 : Extra

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

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

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

فایل های دوره

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

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

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