آموزش 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 – رایگان!
mohammad( خریدار محصول )
با سلام و خسته نباشید دوره HTML خیلی خوبه دست خوش واقعا
خدا قوت مرسی 🙂
مرتضی( خریدار محصول )
سلام و عرض احترام خدمت شما آقای دینی دوره شما واقعا عالی بود و خیلی به من کمک کرد ،واقعا از شما تموم همکاراتون در سایت سبز لرن کمال تشکر رو دارم .
amirhossein( خریدار محصول )
یه دوره بسیار عالی با یه مدرس عالی متشکرم از آقای دینی عزیز
masumeqorbi( خریدار محصول )
آموزشِ بسیار عالی و مفید.ممنون از اقای دینی😍👌
reyhaneh( خریدار محصول )
سلام با تشکر از وقت و انرژی که صرف آموزش این دوره کردید
اما متاستفانه آموزش هاتون کامل و دقیق نبودند و مطالب بصورت جزئی و خیلی گذرا تدریس شدند و مینی پروژه ها در حد یک تمرین ساده بودند
دوستان حتما در کنار این اموزش از اموزش های بیشتر و منابع استفاده کنید تا تمام موارد مربوط به html را حداقل کمی دقیق تر یاد بگیرید
qadiryolme(مدیریت)
رودمپ فرانت سبزلرن مشتکل از چند دوره اس دوست عزیز
دوره css و پروژه های خلاقانه با html css و دوره فلکس رو مشاهده کنی (:روال کار بهتر میاد دستتون
mohamadnohian( خریدار محصول )
سلام استاد خسته نباشید خیلی عالی و تکمیل
Mahsa( خریدار محصول )
سلام.عدد نوشته شده در تگ تایم، چطور میتونه فارسی نشان داده بشه در مرورگر فقط با html ؟
Kiarash( خریدار محصول )
تو اموزش های رایگان بهترین دوره بود و هست مدرس هم که نگم براتون خیلی واضح و شفاف و با حوصله تدریس میکنه
فاطمه معقول( خریدار محصول )
سلام وخداقوت .ویدئوهای این دوره را کامل دیدم توضیحات بسیار عالی ومفید بود ممنونم که این دوره هارو رایگان دراختیار علاقه مندان به این حوزه قرار دادین
sadeghz( خریدار محصول )
با سلام و عرض ادب
جا داره یه تشکر ویژه بکنم بخاطر اینکه برای این دوره زحمت کشیدین واون رو رایگان منتشر کردین تا همه اقشار بتونن استفاده کنن
2سوال داشتم خدمتتون؟
1- ایا امکان دانلود یکجا دوره مهیا شده یا خیر؟
2-یه رد مپ میدین.بعد از اتمام HTML و CSS باید چه دوره ای رو شروع کنیم
اگر امکان داره براتون و زحمتی نیست بگین از شروع تا پایان فرانت بترتیب چه دوره هایی رو باید ببینیم
پیشاپیش از لطف شما سپاسگذارم
alinter( خریدار محصول )
تشکر ویژه از آقای دینی برای ساخت چنین مجموعه کاملی
Farhad( خریدار محصول )
با تشکر از جناب دینی عزیز. من تمام جلسات را نگاه کردم و الان تمام تلاشم رو برای تمرین انجام میدم و دوره css رو شروع کردم . خواستم از خودم امتحانی بگیرم داخل سایتی دیدم که نوشته بود فقط با html سایت بسازید (هرچند خیلی ساده) و مطالب رو در سایت بچینید (باز هم تکرار میکنم خیلی ساده خواسته شده بود) اما من توانایی در آموزه های خودم ندیدم که این کار رو بکنم . کمی گیج شدم . مثلا شما در بخش درون محیط نقاشی ویندوز توضیحی رو نقاشی کردید اما هرگز یاد ندادید مثلا ما دایو رو چطور در صفحه بچینیم. من بعد از دوره ی پیشرفته ی html فقط تگها رو یاد گرفتم خواستم ببینم چیدنشون در صفحه و یک استفاده ی واقعی رو کی یاد میدین ؟ در دوره css یا دوره ی دیگری؟
هومن( خریدار محصول )
سلام
دم شما گرم
خسته نباشین
hadisehkhorasani( خریدار محصول )
سلام مرسی از دوره خوبتون
من یه مشکلی داشتم تو سایت های مختلف توی بخش Select که ما استان رو انتخاب میکنیم بخش بعدیش که انتخاب شهره مخصوص هر استان شهرهای خودشو میاره این رو ما چجوری توhtml پیاده سازی کنیم؟؟
مثلا استان تهران رو که انتخاب میکنیم فقط شهر های تهران رو در بخش انتخاب شهر بیاره؟؟!!
Rezayazdani( خریدار محصول )
سلام من یه سوال داشتم نمیدونم چرا کدا رو خیلی زود فراموش میکنم
از چیه؟ چیکار کنم؟ راهنماییم کنین لطفا
saeed( خریدار محصول )
سلام دوره خوبی بود واقعا مچکر از اقای دینی ، فقط گاهی توضیح اشتباه در مورد تگ یا صفتی میشد شاید 5 بار . ولی در کل خوب بود ممنون
[email protected]( خریدار محصول )
خیلی عالی به به ماشالاه. امیر دینی
yashar.bakhshi( خریدار محصول )
این دوره تخصصی Html در اخر امتحان یا ازمونی گرفته نمیشه؟
مثل دوره تخصصی پایتون
mahdi4774( خریدار محصول )
سلام دوره تون بسیار عالی بود خیلی ممنون💫
مطهره( خریدار محصول )
با سلام و سپاس از تک تک لحظات و وقتی که گذاشتید.
دوره بسیار کامل و جامع بود، پاسخ گویی سریعا انجام می گرفت و جزئیات دوره و نحوه درس دادن استاد بسیار عالی و فوق العاده بود با تشکر از سایت سبزلرن و استاد امیر دینی برای قرار دادن این دوره به صورت رایگان و همچنین دقت و ظرافتی که در یادگیری به کار برده بودند.
پیروز و سربلند باشید.