آموزش 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:19
14معرفی تگ های فرم دهی در Html (بخش سوم)14:21
15معرفی تگ های فرم دهی در Html (بخش چهارم)17:53
16معرفی تگ های فرم دهی در Html (بخش پنجم)13:45
17لینک ها در Html17:53
18فرم ها در Html (بخش اول)27:42
19فرم ها در Html (بخش دوم)17:54
20فرم ها در Html (بخش سوم)8:24
21فرم ها در Html (بخش چهارم)18:39
22فرم ها در Html (بخش پنچم)21:23
23فرم ها در Html (بخش ششم)18:09
24طراحی یک فرم بسیار حرفه ای و کامل *مینی پروژه*25:47
25کار با table (بخش اول) + مینی پروژه19:44
26کار با table (بخش دوم) + مینی پروژه14:27
27کار با table (بخش سوم) + مینی پروژه + تمرین10:09
28کار با table (بخش چهارم) + مینی پروژه11:57
29آموزش کار با list item (بخش اول)16:56
30آموزش کار با list item (بخش دوم)18:37
31آموزش کامل تصاویر در html20:55
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 – رایگان!
naghme( خریدار محصول )
عالی واضح گویا
M4hyr( خریدار محصول )
عالی هستش این دوره.. تشکر فراوان از استاد دینی و سایت سبزلرن :))
علیرضا( خریدار محصول )
سلام این دیوها و روش تدریس عالی هستش فقط من چجوری همه ی فایل ها رو دانلود کنم وقتی روی دانلود همگانی ویدیو. ها میزنم یک فایل تست با کلی نوشته یا همان لینک میده با اون چی کار کنم ؟
White Sword( خریدار محصول )
بسیار عالی خسته نباشید
سعید( خریدار محصول )
کیفیت آموزش خیلی بالا بود تشکر میکنم از سبز لرن بنظرم یه قسمت برای دونیت سایت قرار بدید تا دوستانی که تمایل دارن شما رو حمایت کنند
حسن( خریدار محصول )
واقعا عالی بوووووود