آموزش مقدماتی HTML
با یادگیری فرانت اند ایده ها خود را زنده کنید
با تدریس مهندس مهدی زبردست برزین
341 مگ
3:16 ساعت
12 جلسه
1 سال پشتیبانی
100 درصد رایگان همراه با ضمانت یادگیری
فرانت اند (Front End) به چه معناست؟
HTML یکی از پرکاربردترین زبانها در زمینه طراحی فرانت اند است. به مجموعه تکنولوژی هایی که روی ظاهر و گرافیک سایت تاثیر گذاشته و هیچ ارتباطی با عملکرد آن ندارند فرانت اند گفته میشود. در فرانت اند فقط با عناصر بصری سایت کار میکنیم و هر تغییری که ایجاد میکنیم در چهره سایت مشخص میشود.
برخی از شاخصترین کاربردهای HTML
- توسعه صفحات وب
- اپلیکیشن HTML
- تصاویر واکنشگرا در صفحات وب
- ذخیره سازی سمت کلاینت
- امکان توسعه بازی
- کاربرد در قابلیتهای آفلاین
زبان نشانهگذاری ابرمتنی، HTML در کنار سیاساس هستهٔ فناوری ساخت صفحههای وب هستند. HTML زبان توصیف ساختار صفحههای وب است. زبانی است برای نشانهگذاری ابرمتن (فرامتن) که برای تدوین قالب و طراحی صفحههای وب به کار میبرند. دستورالعملهای این زبان، برچسب (Tag) نام دارند که محتوای یک صفحهٔ وب با آنها، نشانهگذاری شده و بدینترتیب، نحوهٔ نمایش آن صفحه برای مرورگرهای وب، توصیف میشود. و تاکنون ۵ نسخه از اچتیامال عرضه شدهاست.
اگر به اسم زبان نشانه گذاری دقت کنید، متوجه مفهوم آن خواهید شد. در زبانهای نشانه گذاری خبری از ساختارهای رایج برنامهنویسی مثل شرط، حلقه، تکرار و غیره وجود ندارد و شما داخل متن خود از یک سری نشانه استفاده میکنید. در این زبانها شما به کمک این نشانهها متن را از سایر عناصر صفحه جدا میکنید تا به کمک آنها المانهای مختلف را داخل یک صفحه وب قرار داده و ساختار صفحه را مشخص کنید.
HTML5 در سال 2014 یک آپدیت مهم و اساسی را تجربه کرد. در این آپدیت تگهای HTML جدیدی اضافه شدند که تاثیر بسیار مثبتی در بالا بردن کیفیت و بهبود تجربه کاربران داشتند. پس از این آپدیت طراحی سایتها ساختار منظمی پیدا کرد و مفاهیم قدیمی (مانند استفاده از table در بدنه اصلی صفحات) کنار گذاشته شدند.
مزایای HTML
- یادگیری آسان و لذتبخش
- قابلیت اجرا در تمام مرورگرها
- متن باز و رایگان بودن
- ادغام آسان با زبانهای سمت سرور مثل php
معایبHTML
- استاتیک بودن و وابستگی به زبانهای سمت سرور برای تعامل با کاربر
- ضعف در پشتیبانی از مرورگرهای قدیمی
- نیاز به طراحی جداگانه هر صفحه به دلیل نبود قواعد منطقی برنامه نویسی
این دوره برای چه کسانی مناسـب اسـت؟
- کسانی که به دنبال تسریع فرایند توسعه سایت هستند.
- کسانی که به دنبال یادگیری یک زبان نشانه گذاری فرامتن هستند.
- کسانی که علاقهمندبه ارتقای فنی و درآمدی هستند.
این دوره برای چه کسانی مناسـب نیست؟
- کسانی که وقت کافی برای انجام تمرینات را ندارند
- کسانی که مایل به ارتقای سطح فنی خود در توسعه فرانت اند نیستند
ویژگی های دوره
ما به کیفیت و اثربخشی محصول خود اعتقاد داریم و به همین منظور گارانتی بازگشت وجه یک ماهه به شما ارائه می دهیم تا خریدی بدون ریسک و بدون نگرانی داشته باشید.
هزینهای که بابت دوره پرداخت میکنید تا 1 ماه در اختیار خودِ شماست. اگر پس از خرید دوره بهصورت جامع، به هر دلیلی از شرکت در آن منصرف شدید تا ١ ماه پس از خريد امكان انصراف و بازگشت كامل وجه برای شما درنظر گرفته شده است. برای انصراف از دوره لازم است در بازه زمانی تعیین شده درخواست خود را با پشتیبانی مطرح کرده و حداکثر ۲۵% از دوره را مشاهده کرده باشید و با توجه به سرفصل های اعلام شده و توضیحات دوره مغایرت تعهدات و ویدئو های آموزشی را مطرح نمایید، بدیهی می باشد پس از بررسی توسط تیم کارشناسی مدرسه ما، درصورت صحت ادعای شما و اثبات مغایرت احتمالی هزینه به صورت کامل عودت داده خواهد شد. پس از انصراف همواره منتظر نظرات و پیشنهادات شما برای بهبود کیفیت دوره و نحوه ارائه آنها هستیم و امیدواریم در حوزه موردنظر خود به موفقیت و فرصتهای بزرگی دست پیدا کنید.
آموزش مهارتمحور به این معنیست که در طول دوره و باتوجه به میزان پیچیدگی هر مبحث آموزشی تمرین، آزمون و پروژههای مختلفی برای شما در نظر گرفته شده است تا یادگیری خود را تکمیل کنید. همچنین برگزاری وبینارهای متعدد و عضویت در گروه دوره امکان ارتباط با اساتید، منتورها و سایر دانشجویان را برای شما فراهم میکند. وضعیت آموزشی هر دانشجو برای منتورهای دوره قابل رصد و ارزیابیست زیرا منتورها از بین دانشجویان برتر انتخاب شدهاند و بهخوبی با فرایند آموزشی و چالشهای دوره آشنایی دارند. پایبندی به این متد آموزشی علاوهبر ارتقا سطح مهارتی که دارید، شما را با چالش هاى فنى و نحوه مدیریت آنها آشنا مى كند و اين همان چيزىست كه برای حضور در بازار كار به آن نياز داريد.
مزیت دوره های مدرسه ما در ارتباط مستقیم دانشجو با استاد می باشد، به صورتی که دانشجو توسط شبکه های مجازی و یا ایمیل مدرسه ما می تواند با مدرس در اتباط باشد و پاسخ سوالات خود را دریافت نماید.
بدیهی می باشد با توجه به تعداد دانشجویان دوره پاسخگویی کمی زمان بر خواهد بود و علاوه بر آن هنگام طرح سوال بایستی عدالت در پشتیبانی را در نظر گرفته و از طرح سوالاتی که نیاز به پاسخ های طولانی دارند خوداری نمایید.
درصورتی که تمایل به دریافت مدرک مدرسه ما – واحد فرهنگی نشر دیجیتال داشته باشید، بعد از ثبت درخواست، از سوی تیم ارزیابی پروژه ای برای شما تعریف شده و پس از انجام پروژه و بررسی آن از سوی تیم ارزیابی در صورتی که حد نصاب نمره(70 از 100) را کسب کرده باشید، برای شما گواهی شرکت در دوره صادر خواهد شد.
مدرسه ما متعهد می باشد تا یک سال پس از خرید دوره به پشتیبانی خود از هنر آموزان دوره با توجه به شرایط و قوانینی که ذکر شد، بپردازد و در این راه هنر آموزان خود را تنها نگذارد.
HTML با CSS و جاوا اسکریپت
با وجود اینکه HTML زبان قدرتمندی است، اما برای ساخت یک وبسایت حرفهای و کاملاً واکنشگرا کافی نیست. از زبان برنامه نویسی HTML (زبان نشانهگذاری HTML) تنها میتوان برای اضافه کردن عنصرهای متنی استفاده و ساختار محتوا را ایجاد کرد. اما، HTML به همراه دو زبان فرانتاند دیگر به خوبی کار میکند.
این زبانها CSS و جاوا اسکریپت هستند. با استفاده از CSS ، HTML و جاوا اسکریپت میتوان به تجربه کاربری بسیار خوبی دست یافت و قابلیتهای پیشرفتهای را پیادهسازی کرد.
CSS برای طراحی و استایلدهی مثل یک پسزمینه، رنگها، صفحه آرایی، فاصله گذاری و تصاویر متحرک استفاده میشود.
جاوا اسکریپت امکان افزودن قابلیتهای پویا همچون اسلايدرها، پاپآپها و گالری تصاویر را پدید میآورد.
میتوان کاربرهای اصلی hTML را شامل موارد زیر دانست:
- ساختاردهی محتوا: HTML برای ساختاردهی و نمایش محتوای وبسایت استفاده میشود. با استفاده از عناصر HTML مختلف، میتوانید ساختار صفحات وب را تعریف کنید، مثلاً سرصفحه (header)، فوتر (footer)، ناوبری (navigation)، بخشهای مختلف صفحه و متنها.
- فرمها: HTML حاوی عناصر فرم است که به کاربران امکان میدهد اطلاعات را وارد کنند و آنها را به سمت سرور ارسال کنند. این عناصر شامل فیلدهای متنی، دکمهها، جعبه انتخاب، چکباکس، رادیوباتن و غیره هستند.
- لینکها: عناصر HTML مانند `<a>` برای ایجاد لینکها به صفحات دیگر یا منابع خارجی استفاده میشوند. با استفاده از لینکها، کاربران میتوانند به صفحات دیگر جابجا شوند و منابع را دریافت کنند.
- تصاویر: HTML امکان نمایش تصاویر در صفحات وب را فراهم میکند. عنصر `<img>` برای اضافه کردن تصاویر استفاده میشود و میتوانید مسیر تصویر و متن جایگزین (alt text) را مشخص کنید.
- جداول و قالببندی: با استفاده از عناصر HTML مانند `<table>` و `<div>`، میتوانید جداول و قالببندیهای مختلف را در صفحات وب ایجاد کنید. این امکان به شما کمک میکند تا طرح صفحه خود را طبق نیازهای خود سفارشی کنید.
- عناصر چندرسانهای: HTML امکان نمایش ویدیو، صدا، نقشهها و اجزای چندرسانهای دیگر را در صفحات وب فراهم میکند. با استفاده از عناصر HTML مختلف، میتوانید این اجزا را به صفحات خود اضافه کنید.
جلسات دوره
آموزش مقدماتی HTML
Intro ویدئو
معرفی دوره
IDE & Code Editor ویدئو
از کجا شروع کنیم
درس اول ویدئو
HTML پیکره اصل
درس دوم ویدئو
عناصر HTML
درس سوم ویدئو
Attributes in HTML
درس چهارم ویدئو
head & headings
درس پنجم ویدئو
p, br , hr , pre
درس ششم ویدئو
Style in HTML
درس هفتم ویدئو
عناصر فرمت دهی متن
درس هشتم ویدئو
لینک ها در HTML
درس نهم ویدئو
جدول در HTML
درس دهم ویدئو
لیست ها در HTML
پیوست فایل های ضمیمه
فایل های دوره
از چه کسی یاد میگیری؟
مهدی زبردست برزین
مدیر و موسس مدرسه ما
- مدیر و موسس مدرسه ما
- مدرس دانشگاه علمی و کاربردی از سال 93
- مدرس و معاون مدارس دولتی و غیر انتفاعی از سال 83
- مدرس آموزشگاه های فنی و حرفه ای از سال 96
- فریلنسر
دانشجویان دوره
نظرات تعدادی از دانشجویان دوره سی شارپ بر پایه w3schools
همین الان ثبت نام کن
0 میلیون پرداخت کامل با تخفیف ویژه 100 درصد
این فرصت استثنایی رو از دست نده!