آموزش HTML مقدماتی تا پیشرفته + پروژه های کاربردی
اولین قدم شروع طراحی وبسایت، آموزش HTML هست. HTML یه زبان نشانه گذاری هست که با کمک اون میتونی تگ هایی بنویسی تا سایت رو روی اون تگ ها پیاده کنی.
همونجوری که هیچ موجودی نمیتونه بدون اسکلت زندگی کنه، هیچ وبسایتی هم نمیتونه بدون HTML لود بشه. با یادگیری HTML خیلی راحت و قشنگ میتونی یه اسکلت سفت و سخت برای وبسایتت درست کنی.
نگران یادگیریشم نباش. ما تو سبزلرن به صورت کاملا رایگان یه دوره مقدماتی تا پیشرفته HTML تدارک دیدیم، تا بدون دغدغه مسیر طراحی سایت رو شروع کنی.این آموزش به صورت کاملا عملی و پروژه محور هست، طوری که بعد از چند جلسه به راحتی میتونی یه فرم ثبت نام با کمک HTML طراحی کنی.
از اضافه کردن یه عکس به سایت گرفته، تا دسته بندی کردن مطالب و ساختار بندی هر بخش سایت، همرو میتونی با دوره آموزشی HTML سبزلرن پیاده کنی.
آموزش HTML مقدماتی تا پیشرفته
همان طور که می دانید اگر شما بخواهید در حوزه طراحی سایت فعالیت کنید، ابتدا باید Html را یاد بگیرید. Html برای پیاده سازی اسکلت و ساختمان کلی سایت استفاده می شود.
همان طور که می دانید، شما با Html می توانید فقط اسکلت بندی و ساختمان اصلی سایت را پیاده سازی کنید، بدون هیچ زیبایی و استایلی!
شما در دوره آموزش Html مقدماتی تا پیشرفته تمام مطالب و سرفصل های Html را که برای پیاده سازی اسکلت بندی سایت نیاز دارید را یاد خواهید گرفت.
شما بدون یادگیری Html نمی توانید وب سایتتان را آن طور که باید کد نویسی کنید، به عنوان مثال نمی توانید در وب سایتتان عناصری مثل ویدئو، موزیک، متن، عکس و … درج کنید. برای این منظور باید زبان Html را از سطح مقدماتی تا پیشرفته یاد بگیرید تا بتوانید به Html تسلط داشته باشید و همچنین در ادامه مسیر طراحی وب راحت تر بوده و اذیت نشید.
در این دوره علاوه بر مباحث عمومی Html، سعی کردیم نکات و مواردی را از Html که عمدتا به صورت تجربی و در بلند مدت به دست می آیند نیز به شما یاد بدیم و همچنین برای درک بیشتر و یادگیری عمیق تر مباحث سعی کردیم مینی پروژه هایی نیز داخل دوره بنویسیم.
دوره آموزش Html کاملا رایگان است و شما می توانید با شرکت در این دوره، به مباحث مقدماتی تا پیشرفته Html تسلط کافی داشته باشید.
چه نکاتی در این دوره می آموزیم؟
شما در دوره Html مقدماتی با خیلی از تگ ها و نکات Htmlمثل تگ های مربوط به متون، چیدمان عناصر و … آشنا شدید و بعد از دوره Html مقدماتی می توانستید سایت های مختلفی را در حد اسکلت بندی طراحی کنید.
شما در دوره Html مقدماتی با خیلی از تگ ها و نکات Htmlمثل تگ های مربوط به متون، چیدمان عناصر و … آشنا شدید و بعد از دوره Html مقدماتی می توانستید سایت های مختلفی را در حد اسکلت بندی طراحی کنید. مثلا شما بعد از دوره Html مقدماتی سبزلرن نمی توانستید عناصری مثل موزیک، ویدئو و … را در سایت درج کنید.
در این دوره موارد پیشرفته Html به شما آموزش داده می شود و چندین مینی پروژه نیز در دوره انجام شده تا شما مطالب لازم را به طول کامل و عمیق یاد بگیرید و به راحتی بتوانید هر عنصری که خواستید در سایت های خودتون درج کنید.
بازار کار طراحی وب در چه وضعیتی قرار دارد؟
همان طور که می دانید امروزه تقریبا تمام کسب و کار ها به سمت آنلاین شدن حرکت کرده اند و هر کسب و کار آنلاین و اینترنتی قطعا به یک وب سایت نیاز دارد. برای بررسی بازار کار و میزان درآمد برنامه نویسی وب بهتر است به منابعی مراجعه کنیم که در زمینه بازار کار و استخدام فعالیت می کنند؛ مثل جابینجا، جاب ویژن، آی استخدام و … .
به عنوان مثال آگهی های زیر از وب سایت جابینجا می باشند:
همان طور که مشاهده می کنید، شما با کسب تخصص در یکی از حوزه های مربوط به وب (فرانت اند یا بک اند)، می توانید به طور میانگین درآمد 12 میلیون تومان را داشته باشید. البته این درآمد فقط برای استخدام است اما شما می توانید علاوه بر استخدام ثابت و تمام وقت، به صورت فریلنسری نیز کسب درآمد کنید. در کل کل دنیا روز به روز در حال پیشرفت است و احساس نیاز به حوزه برنامه نویسی (مخصوصا برنامه نویسی وب) بیشتر و بیشتر می شود.
پس وقت رو تلف نکنید و همین الان دوره آموزش Html را شروع کنید.
آیا دوره آموزش Html پروژه محور است؟
قطعا پروژه محور بودن هر دوره، مخصوصا در حوزه برنامه نویسی، باعث با ارزش تر و با کیفیت تر بودن دوره می شود. چون ممکن است شما مطالب و سرفصل های مربوطه را یاد بگیرید اما نتوانید از آن ها برای پیاده سازی پروژه های مختلف استفاده کنید. از آن جایی که زبان Html فقط برای پیاده سازی اسکلت بندی و ساختمان کلی سایت استفاده می شود، نمی توان فقط با خود Html پروژه هایی را پیاده سازی کرد.
اما در دوره آموزش رایگان Html سعی کردیم چندین مینی پروژه برای درک بهتر مطالب پیاده سازی کنیم تا شما عزیزان بتوانید Html را به بهترین شکل یاد گرفته و در آینده از آن در پروژه هایی که توسعه خواهید داد استفاده کنید و دچار مشکلات مختلف نشوید.
در دوره آموزش Html از چه ابزار هایی استفاده می شود؟
در این دوره برای کد نویسی Html از ادیتور (ویرایشگر) VsCode استفاده می کنیم اما هیچ اجباری برای استفاده از VsCode نیست و شما می توانید به جای آن از نرم افزار های دیگری مثل Atom, Sublime و … نیز استفاده کنید. همچنین برای اجرای کدهای نوشته شده و مشاهده خروجی کد ها از مرورگر Google Chrome استفاده می کنیم؛ اما برای استفاده از مرورگر هم هیچ اجباری به کروم نیست و شما می توانید از مرورگر های دیگر مثل Opera, FireFox و … نیز استفاده کنید. اما از آن جایی که VsCode و Chrome پر استفاده ترین ابزار ها در حوزه توسعه وب هستند، در این دوره از آن ها استفاده می کنیم.
چرا این دوره رایگان است؟
اصل ماجرا این است که دوره به صورت رایگان به دست شما عزیزان می رسد اما ممکن است شما از داستان های پشت پرده خبر نداشته باشید. در اصل نه تنهای برای دوره آموزش Html هزینه های بسیاری برای هر کدام از دوره های سبزلرن پرداخت می شود تا به صورت رایگان در اختیار شما عزیزان قرار بگیرد. هزینه هایی مثل هزینه تدریس دوره، هزینه پشتیبانی دوره، هزینه هاست، دامنه و …. ! علاوه بر بحث هزینه، هر کدام از جلسات دوره های سبزلرن بعد از ضبط، توسط تیم فنی سبزلرن مورد بررسی قرار می گیرد و در صورتی روی وب سایت آپلود می شود که از کیفیت لازم و کافی برخوردار باشد.
پس بابت کیفیت و رایگان بودن دوره هیچ گونه نگرانی نداشته باشید و با خیال راحت در دوره ثبت نام کنید و Html را پر قدرت یاد بگیرید.
در چه مدت زمانی می توان Html را یاد گرفت؟
مدت زمان یادگیری Html برای هر شخص متفاوت بوده و به پارامتر های مختلفی بستگی دارد. پارامتر هایی مثل سطح علاقه شخص، سطح چالش پذیر بودن، سطح تسلط در زبان انگلیسی، تسلط شخص در سرچ کردن و … و نمی توان یک مدت زمان ثابتی را برای هر شخص در نظر گرفت. ممکن است شخصی در یک ماه بتواند Html را یاد بگیرد اما شخصی دیگر در 2 ماه هم نتواند به سطح لازم برسد.
پس مدت زمان یادگیری یک مقوله ای است که به خود شما بستگی دارد اما اگر بخواهیم یک مدت زمان میانگین در نظر بگیریم، می توان Html را در 1 ماه یاد گرفت.
در این دوره صفر تا صد Html آموزش داده شده است؟
جواب این سوال مثبت است. در دوره آموزش صفر تا صد Html سعی کردیم تمام موارد و سرفصل های Html را به طور پروژه محور به شما عزیزان آموزش دهیم تا بعد از گذراندن این دوره بتوانید Css را به راحتی یاد گرفته و وارد بازار کار شوید. پس بابت کامل بودن دوره هیچ گونه نگرانی نداشته باشید و با خیال راحت در دوره آموزش Html ثبت نام کرده و یادگیری را شروع کنید.
این دوره از چه منابعی تدریس می شود؟
برای آموزش Html منابع و رفرنس های معتبری وجود دارد که سرفصل ها و مطالب این دوره از وب سایت W3schools و MDN تدریس شده اند.
چرا باید از دوره آموزش Html سبزلرن استفاده کنیم؟
دوره آموزش Html وب سایت سبزلرن:
1. به صورت صفر تا صد آموزش داده شده است.
2. رایگان است.
3. پشتیبانی مادام العمر و رایگان دارد.
4. پروژه محور است.
پس به راحتی و با خیال راحت می توانید در دوره آموزش صفر تا صد Html ثبت نام کرده و اولین قدم از توسعه دهنده وب شدن را شروع کنید.
دوره آموزش Html برای چه افرادی مناسب است؟
این دوره برای تمام دوستانی که قصد فعالیت در حوزه برنامه نویسی فرانت اند مناسب است. همچنین این دوره برای افرادی که Html را قبلا توسط دوره ها و منابع مختلف یاد گرفته اند اما نیاز دارند آن را بهتر و عمیق تر یاد بگیرند نیز مناسب است.
برای شروع این دوره چه پیش نیاز هایی را باید بلد باشیم؟
زبان Html اولین قدم برای ورود به حوزه توسعه وب می باشد که تقریبا هیچ پیش نیازی ندارد. همین که شما به این حوزه علاقمند باشید و یک سیستم (کامپیوتر و لپتاپ) داشته باشید می توانید دوره آموزش Html را شروع کرده و یاد بگیرید. اما مورد بعدی این است که هر حوزه شغلی اصطلاحات و مفاهیم خاص خودش را دارد که توسط فعالان آن حوزه مورد استفاده قرار می گیرد. اگر شما قبل از ورود به یک حوزه شغلی با اصطلاحات و مفاهیم تخصصی آن آشنایی داشته باشید، می توانید مسیر یادگیری بهتر، هموار تر و سریع تری را داشته باشید.
به عنوان مثال حوزه آشپزی ادویه ها و ظروفی وجود دارد که قطعا افراد عادی با آن ها آشنایی ندارند. و حتی اسامی آن ها را نمی دانند. حوزه برنامه نویسی وب نیز اصطلاحات و مفاهیم خاصی مثل هاست، دامنه، فرانت اند، بک اند، سرور، دیتاسنتر، دپلود کردن و … وجود دارد که اگر قبل از یادگیری Html آن ها را یاد بگیرید، می توانید یادگیری Html را خیلی سریع تر و بهتر پیش ببرید.
بعد از گذراندن این دوره به چه سطحی از Html می رسم؟
شما بعد از گذراندن این دوره به تمام مطالب مربوط به Html تسلط کافی را پیدا خواهید کرد و خواهید توانست به راحتی و بدون هیچ مشکلی یادگیری Css را شروع کنید و مسیر برنامه نویسی فرانت اند رو ادامه بدید.
سوالات متداول
شما با Html صرفا می توانید عناصر دلخواهتان را با ظاهر پیشفرض در وب سایت درج کنید اما نمی توانید به عناصر موجود در وب سایت استایل و ظاهر دلخواه خودتان را نسبت بدید.
برای این کار (استایل دهی به عناصر وب سایت) باید از Css استفاده کنید.
بعد از یادگیری Html نوبت به Css می رسد که باید یاد بگیرید.
جواب قطعا منفی است.
شما نمی توانید وب سایت های خیلی شیک و زیبایی با خود Html طراحی کنید، همان طور که می دانید با Html می توانید فقط عناصر سایت را با استایل و ظاهر پیشفرض در سایت درج کنید.
خیلی واضح است که اگر سایتی استایل و ظاهر مناسبی نداشته باشد مورد پسند کسی قرار نمی گیرد. پس شما نمی توانید فقط با Html وارد بازار کار شده و کسب درآمد کنید.
برای ورود به بازار کار در حوزه وب، بعد از Html حداقل باید Css را نیز یاد بگیرید.
برای این منظور می توانید از دوره های پروژه محور Css مقدماتی و پیشرفته سایت سبزلرن استفاده کنید.
جواب منفی است.
هیچ جایگزینی برای Html وجود ندارد و شما برای ورود به حوزه طراحی وب حتما باید Html را یاد بگیرید.
یعنی شما نمی توانید بگویید “بجای Html زبان X را یاد میگیرم”.
سرفصل‌های دوره آموزش HTML پیشرفته
سرفصل ها
5معرفی و آموزش عناصر پایه ای HTML13:39
6Attributes در زبان HTML10:03
7آموزش تگ های ایجاد متن : p , span , h1 & h614:15
8آموزش تگ های ایجاد متن : br , hr , b , strong , i , em10:11
9تفاوت بین html و xhtml و آموزش کامل کامنت گذاری در html23:57
10رنگبندی در صفحات وب ، معرفی پالت های رنگی و سایت های معروف معرفی رنگ و روش hex و rgba20:22
11واحد های اندازه گیری در Html12:06
12معرفی تگ های فرم دهی در Html (بخش اول)18:44
13معرفی تگ های فرم دهی در Html (بخش دوم)19:18
14معرفی تگ های فرم دهی در Html (بخش سوم)14:21
15معرفی تگ های فرم دهی در Html (بخش چهارم)17:53
16معرفی تگ های فرم دهی در Html (بخش پنجم)13:44
17لینک ها در Html17:53
18فرم ها در Html (بخش اول)27:42
19فرم ها در Html (بخش دوم)17:54
20فرم ها در Html (بخش سوم)8:24
21فرم ها در Html (بخش چهارم)18:39
22فرم ها در Html (بخش پنچم)21:22
23فرم ها در Html (بخش ششم)18:09
24طراحی یک فرم بسیار حرفه ای و کامل *مینی پروژه*25:47
25کار با table (بخش اول) + مینی پروژه19:44
26کار با table (بخش دوم) + مینی پروژه14:27
27کار با table (بخش سوم) + مینی پروژه + تمرین10:08
28کار با table (بخش چهارم) + مینی پروژه11:57
29آموزش کار با list item (بخش اول)16:56
30آموزش کار با list item (بخش دوم)18:37
31آموزش کامل تصاویر در html20:54
32آموزش کامل تگ map , area و معرفی تگ های figure + figurecaption12:35
33توضیح در رابطه با نوشتن Css در Html9:51
34توضیح تگ div , article , section22:39
35توضیح تگ های header , footer , details , dialog , summary9:46
36توضیح مفصل تگ meta22:58
37آموزش کامل تگ iframe و کار به صورت عملی با آی فریم9:53
38کار با سری تگ های audio و video23:00
39آموزش کامل و جامع تگ های : script,noscript,embed11:15
40آموزش ومعرفی تمام اتریبیوت های تگ marquee در زبان html12:15
41آشنایی کامل با سیستم آنالیزه کد ها توسط وب سایت W3C + تمرین8:54
42مرور جامع و آزمون html + صحبت های پایانی و اتمام دوره18:57
امیر دینی
Senior Software Developerامیر محمد دینی هستم. مدرس دوره های طراحی وب. با 8 سال سابقه حرفه ای در کد نویسی صفحات وب.بیش از 4 ساله...
نظرات
قوانین ثبت دیدگاه
- اگر نیاز به پشتیبانی دوره دارید از قسمت پرسش سوال در قسمت نمایش انلاین استفاده نمایید و سوالات مربوط به رفع اشکال تایید نخواهند شد
- دیدگاه های نامرتبط به دوره تایید نخواهد شد.
- سوالات مرتبط با رفع اشکال در این بخش تایید نخواهد شد.
- از درج دیدگاه های تکراری پرهیز نمایید.
برای ارسال نظر باید وارد حساب کاربری خود شده باشید.
120000 – رایگان!
امید( خریدار محصول )
سلام
دوره ی عالی و کاربردی بود.
از مدرس محترم و تمامی دست اندرکار سایت سبزلرن که با این قدرت روی بالا بردن سطح برنامه نویس دارن تلاش می کنند سپاسگذارم.
انشاالله همواره شاد، سالم، ثروتمند و پیروز باشید.
سعید( خریدار محصول )
با سلام واقعا میگم که عالی بود استاد ساده ولی کامل. آسان ولی شیرین درس دادین خیلی عالی و قابل تحسین بود مچکرم بهترین هارو براتون آرزومندم خدانگهدارتان.
Amirali( خریدار محصول )
فقط میتونم بگم خیلی ساده و شیرین درس دادید فوق العاده بود عالی عالی
seyed hadi( خریدار محصول )
سلام خسته نباید این دوره HTMLعالی بود من که لذت بردم خیلی ازتون ممنونم هم از دبیر استاد امیر دینی و
کسانی که برای این دوره زحمت کشیدند دستتون درد نکنه
hossein( خریدار محصول )
ممنون از دبیر محترم که با حوصله و انرژی زیاد مباحث را کامل و مفید توضیح میدهید
حسین( خریدار محصول )
واقعا خدا خیرتون بده از صفرتا صد رو توضیح دادین و فک کنم کامل ترین دوره مقدماتی تا پیشرفته بود امید وارم بقیه زبان ها هم که اموزش دادین هم اینطور باشن از جمله css و js وبوت استرپ خیلی عشقین براتون ارزو از صمیم body😂 دارم😊😘
sepehr( خریدار محصول )
بسیار عالی
اقبال هستم( خریدار محصول )
بسیار بسیار دوره کاربردی با تدریس فوق العاده و بیان شفاف، واقعا سپاسگزارم از شما
سعید رزمجو
سلام و خدا قوت خدمت استاد و تمام دوستان دست اندرکار این دوره. من با رضایت کامل این دوره را تمام کرده و امروز شروع کردم به آموزش CSS. امیدوارم این دوره را هم با موفقیت و رضایت به پایان برسانم.
mahdi( خریدار محصول )
عالی بود
نغمه محمد طاهر( خریدار محصول )
با سلام خدمت سایت بسیار عالی سبز لرن و مدرس محترم استاد امیر دینی
من دوره html رو از سایت شما آموزش دیدم و بسیار عالی و کامل بود.
تمام مباحث صحبت شده بود لذت برم با تشکر از زحمات شما
لیلا گمنامی( خریدار محصول )
ابتدا تشکر می کنم از مدیر سایت سبزلرن و سپس از آقای امیر دینی بابت آموزش های ساده و روان شان .دوره html و css رو به خوبی و راحتی از ایشون یاد گرفتم.
mostafa( خریدار محصول )
کامل ترین اموزشی که میشه پیدا کرد همینه!
ali( خریدار محصول )
دوره خیلی جامعی بود
fatemeh saeedi( خریدار محصول )
دوره بسیار کامل و روان هست و مدرس به خوبی با لحن خوب و با مثال های به جا و کاربردی توضیح میده مباحث رو این باعث میشه به تسلط خوبی روی htnl در پایان دوره برسید
Awa( خریدار محصول )
درود
خیلی ممنون از دوره خوبتون
من انقدر علاقه مند شدم که چندین تا ویدیو رو باهم می‌بینم تا بیشتر یاد بگیرم
تشکر از وقتی که گذاشتید و این ویدیو ها رو رایگان در اختیار ما گذاشتید
عاطفه( خریدار محصول )
عالی بود
حسینی
سلام وقتتون بخیر من از قسمت 5 به بعد رو نمی تونم مشاهده
کنم و برای خرید محصول هم نمی دونم که چه طور می تونم اقدام کنم
qadiryolme(مدیریت)
رو دکمه ثبت نام دوره بزنید دوست خوبم
sima( خریدار محصول )
واقعا عالی بود خیلی ممنون و خسته نباشید
ali( خریدار محصول )
با تشکر از اتاد دینی عزیز
همیشه اسم html که میومد ازش میترسیدم . شروع دوره بسیار ساده و روان بود و با عث میشد که ادم رغبت کنه بقیش رو ببینه . بعضی اموزش ها هستند که چنان توضیح میدن ادم نمدونه چی شد و کلا پشیمون میشه از دیدن اون دوره …تنها انتقادی که میشه این دوره رد اینکه همهی اصطلاحات انگلیسی رو وقتی میگفتید معادلش فارسی هم اگر میگفتید خیلی بهتر بود . با تشکر