دربــاره این دوره
دوره آموزش HTML آمانج یک دوره ۴ ساعته و ویدئویی برای یادگیری پایههای ساخت صفحات وب است. در این دوره، آموزش HTML را از ساختار اولیه یک سند شروع میکنید و قدمبهقدم با تگها، متن و پیوندها، لیست و جدول، فرمها، ورودیها، فایلهای چندرسانهای و آدرسدهی در HTML آشنا میشوید. هر بخش طوری چیده شده که بعد از دیدن ویدئو بتوانید همان موضوع را تمرین کنید و کاربرد آن را داخل یک صفحه واقعی ببینید.
داستــان
این سفــر و
هدایــتگر آن
CTO و Back-End Developer آکادمی آمانج
Customer care team lead at Snapp! Shop
مشاور و توسعه دهنده: صاایران، دانشگاه تهران، آرمه سازه و ...
دانش آموخته دانشگاه تهران
بیش از ۱۲ سال تجربه در حوزه برنامه نویسی
متخصص برنامه نویسی PHP,Laravel,Wordpress منتور و مدرس بیش از ۹۰۰ مهارت آموز برنامه نویسی
سرفصــــل های تخصصی
نمونه کار
همسفــران
مهارت آموزان گذشته ما خروجی فوق العاده ای داشتند:
ثــبتنـام دوره
آموزش برنامهنویسی با HTML
مجموع ساعت اموزشی: 4 تعداد جلسات: بدون پیشنیاز
یکی از سرویسهایی که آکادمی آمانج برای سادگیِ شرکت در این دوره فراهم کرده ثبتنام
گروهیه؛ راه مناسبی برای شما تا بتونید با دعوت از دوستاتون برای ثبتنام، هرکدوم با بهای
کمتری در این دوره همراه ما باشید.
• برای این کار کافیه که شما و حداقل دو نفر دیگه (یا بیشتر) با هم ثبتنام رو انجام بدید و
به میزان 700000 درصد تخفیف تشویقی بگیرید.
• این تخفیف تشویقی برای ثبتنام نقدی در نظر گرفته شده و طرحهای اقساطی شامل این سرویس
نمیشن.
وقتی همکلاسیهاتون رو دعوت کردید و آماده ثبتنام شدید، میتونید برای ثبتنام کارهای زیر
رو انجام بدید:
1. به آیدی تلگرام
amanjadmin@ پیام بدید و اطلاعات اولیه برای ثبتنام گروهی رو دریافت کنید.
2. بعد از دریافت اطلاعات اولیه و شماره کارت، پرداخت خودتون رو از روش انتقال وجه
کارتبهکارت به صورت یکجا یا تک تک برای اعضای گروه انجام بدید.
3. اطلاعات اولیه رو تکمیل و به همراه فیش یا فیشهای پرداخت شده به آیدی تلگرام
amanjadmin@ ارسال کنید.
تجــربه
همسفــران
چرا این دوره را باید انتخاب کنید؟
مهارتآموزانی که این دوره را برگزیدند و از انتخابشان راضی بودند، میگویند چرا:
با کمــال افتخــار
مفتخریم که مهارتآموزان ما در مجموعههای پیشرو و معتبر استخدام شدند.
بیشتــر بدانیــد
آموزش HTML؛ اولین قدم برای ساختن صفحات وب
HTML چیست؟
فرض کنید میخواهید یک ساختمان بسازید. قبل از رنگ دیوارها، انتخاب دکور یا نصب چراغها، اول باید اسکلت و ساختار اصلی ساختمان شکل بگیرد؛ مشخص شود هر بخش کجاست، اتاقها چطور کنار هم قرار میگیرند و مسیر رفتوآمد از کجا میگذرد. در یک صفحه وب هم HTML تقریباً همین نقش را دارد.
HTML ساختار اصلی صفحه را مشخص میکند. عنوانها، متنها، تصاویر، لینکها، فرمها و بخشهای مختلف صفحه با HTML تعریف میشوند تا مرورگر بداند هر محتوا کجا قرار بگیرد و چه نقشی داشته باشد.
اگر میخواهید طراحی سایت یا برنامهنویسی فرانتاند را شروع کنید، آموزش HTML یکی از اولین قدمهای شماست. قبل از اینکه با CSS ظاهر صفحه را تغییر دهید یا با JavaScript به آن رفتار و تعامل اضافه کنید، باید بتوانید ساختار یک صفحه وب را درست بسازید و کدهای HTML آن را بفهمید.
چرا در دوران هوش مصنوعی و وایب کدینگ، یادگیری HTML هنوز ضروری است؟
امروز ابزارهای هوش مصنوعی میتوانند در چند ثانیه برای شما یک صفحه وب بسازند، کد HTML بنویسند یا حتی براساس یک توضیح ساده، بخشهای مختلف سایت را کنار هم قرار دهند. به همین دلیل ممکن است این سؤال پیش بیاید که وقتی AI بخش زیادی از کدنویسی را انجام میدهد، چرا باید خودمان HTML یاد بگیریم؟
جواب ساده است: برای استفاده درست از هوش مصنوعی، باید بتوانید خروجی آن را بفهمید.
در وایب کدینگ ممکن است شما بیشتر به AI بگویید چه چیزی میخواهید و کمتر کد را خطبهخط از صفر بنویسید؛ اما همچنان باید تشخیص دهید ساختار صفحه درست است یا نه، یک تگ چرا در آن بخش قرار گرفته، مشکل از کدام قسمت کد است و برای اصلاح نتیجه باید دقیقاً چه چیزی از AI بخواهید.
وقتی HTML را بلد باشید، کدی که هوش مصنوعی تولید کرده برایتان مجموعهای از خطوط نامفهوم نیست. میتوانید ساختار صفحه را بخوانید، تگها و Attributeها را بشناسید، فرمها، لینکها، تصاویر و بخشهای مختلف را پیدا کنید و اگر خروجی چیزی نبود که انتظار داشتید، راحتتر متوجه شوید مشکل کجاست.
در واقع نقش HTML در مسیر برنامهنویسی تغییر نکرده؛ روش نوشتن کد تغییر کرده است. شاید امروز لازم نباشد همه چیز را بدون کمک ابزارها بنویسید، اما برای اینکه روی نتیجه کنترل داشته باشید و فقط به خروجی AI وابسته نباشید، هنوز باید زبان ساختار صفحات وب را بشناسید. به همین دلیل یادگیری HTML حتی در دوران هوش مصنوعی، یکی از پایههای مهم ورود به طراحی سایت و Front-End است.
در دوره HTML چه چیزی یاد میگیرید؟
در دوره HTML آمانج آموزش از پایه شروع میشود؛ یعنی اول یاد میگیرید یک فایل HTML چه ساختاری دارد و کدها چطور کنار هم قرار میگیرند تا مرورگر بتواند یک صفحه وب را درست نمایش دهد. بعد از شناخت این ساختار، کمکم سراغ تگها و بخشهایی میروید که تقریباً در هر صفحه وب به آنها نیاز خواهید داشت.
ساختار کدنویسی در HTML
در قدم اول با ساختار استاندارد یک سند HTML آشنا میشوید و یاد میگیرید چارچوب اولیه یک صفحه را خودتان بسازید. این بخش کمک میکند بدانید کدهای HTML باید با چه ترتیبی نوشته شوند، هر قسمت از سند چه وظیفهای دارد و محتوای اصلی صفحه دقیقاً کجا قرار میگیرد.
تگهای HTML
بخش مهمی از آموزش HTML مربوط به شناخت تگهاست. تگها به مرورگر میگویند هر بخش از محتوا چه نقشی دارد؛ مثلاً کدام قسمت عنوان است، کدام بخش یک پاراگراف، تصویر، لینک یا بخش دیگری از صفحه است. در دوره با انواع تگهای HTML و روش درست استفاده از آنها آشنا میشوید تا فقط اسم تگها را حفظ نکنید و بدانید هر کدام را کجا باید به کار ببرید.
جدولها و فرمها
جدولها برای نمایش اطلاعاتی که ساختار ردیفی و ستونی دارند استفاده میشوند و فرمها هم راه ارتباط کاربر با صفحه هستند. برای مثال فرم ثبتنام، ورود، جستجو یا دریافت اطلاعات کاربر همگی با HTML شروع میشوند. در این بخش یاد میگیرید ساختار جدول و فرم را ایجاد کنید و اجزای مختلف آنها را کنار هم قرار دهید.
Inputها و Attributeهای آنها
یکی از بخشهای کاربردی دوره، کار با inputهاست. Input همان بخشی است که کاربر میتواند از طریق آن اطلاعاتی مثل متن یا دادههای موردنیاز یک فرم را وارد کند. در دوره با انواع input و Attributeهای مربوط به آنها آشنا میشوید تا بتوانید ورودیهای مختلف را متناسب با نیاز فرم تعریف کنید.
تصویر و قالبدهی کد
تصاویر بخش جداییناپذیر بیشتر صفحات وب هستند. در این بخش میبینید تصاویر چطور داخل یک صفحه HTML قرار میگیرند و چه اطلاعاتی هنگام استفاده از آنها باید مشخص شود. همچنین با تگهایی که برای نمایش و قالببندی بهتر بخشهایی از محتوا و کد استفاده میشوند آشنا خواهید شد.
نقلقول و استناد
HTML برای محتواهایی مثل نقلقول و استناد هم تگهای مشخصی دارد. در این قسمت یاد میگیرید این نوع محتوا را بهجای اینکه صرفاً به شکل یک متن معمولی بنویسید، با ساختار درست HTML مشخص کنید.
محتوای چندرسانهای در HTML5
HTML5 امکاناتی برای استفاده مستقیم از محتوای چندرسانهای در صفحه دارد. در این بخش با تگهای مربوط به مدیا آشنا میشوید و یاد میگیرید محتوایی مثل ویدئو و صدا چطور در ساختار یک صفحه وب قرار میگیرد.
Meta Tagها
Meta Tagها معمولاً مستقیماً داخل محتوایی که کاربر روی صفحه میبیند نمایش داده نمیشوند، اما اطلاعات مهمی درباره صفحه در اختیار مرورگر و سرویسهای دیگر قرار میدهند. در دوره با این تگها و جایگاه آنها در ساختار HTML آشنا میشوید.
آدرسدهی در HTML
وقتی یک صفحه شامل چند فایل، تصویر یا مسیر مختلف باشد، باید بتوانید آدرس هرکدام را بهدرستی مشخص کنید. در این بخش انواع آدرسدهی را یاد میگیرید تا بتوانید فایلها و منابع مختلف را بدون سردرگمی به صفحه متصل کنید.
Global Attributes در HTML
در پایان با Global Attributes آشنا میشوید؛ Attributeهایی که محدود به یک تگ خاص نیستند و میتوان از آنها در بخشهای مختلف HTML استفاده کرد. شناخت این Attributeها کمک میکند کنترل بیشتری روی عناصر صفحه داشته باشید و برای ادامه یادگیری CSS و JavaScript هم آمادهتر شوید.
چرا یادگیری HTML مهم است؟
وقتی وارد یک سایت میشوید، چیزی که روی صفحه میبینید نتیجه همکاری چند فناوری مختلف است. HTML ساختار صفحه را میسازد، CSS ظاهر آن را تغییر میدهد و JavaScript امکان تعامل و رفتارهای پویاتر را فراهم میکند.
به همین دلیل اگر قصد دارید CSS، JavaScript یا بهطور کلی توسعه Front-End را یاد بگیرید، شناخت HTML مسیر ادامه یادگیری را بسیار سادهتر میکند. بدون درک درست ساختار صفحه، کار با CSS یا JavaScript هم بیشتر شبیه حفظ کردن دستورها خواهد بود تا ساختن یک وبسایت.
HTML5 چیست؟
HTML5 نسخه مدرن HTML است و امکانات بیشتری برای ساخت صفحات وب در اختیار توسعهدهنده قرار میدهد. در آموزش HTML این دوره با ساختار HTML5 و تگهایی که در صفحات امروزی استفاده میشوند آشنا میشوید.
یکی از نکات مهم HTML5 این است که میتوان ساختار صفحه را دقیقتر مشخص کرد. علاوه بر این، امکانات مربوط به فرمها و محتوای چندرسانهای باعث شده بسیاری از نیازهای رایج صفحات وب مستقیماً در HTML قابل تعریف باشند.
تگهای HTML چه کاری انجام میدهند؟
تقریباً هر بخش از یک صفحه HTML با تگ مشخص میشود. برای مثال یک تگ میتواند عنوان صفحه را تعریف کند، تگ دیگری برای پاراگراف استفاده شود و تگهای دیگری وظیفه نمایش لینک، تصویر، جدول یا فرم را بر عهده داشته باشند.
در این دوره فقط با اسم تگها آشنا نمیشوید؛ ساختار استفاده از آنها، ارتباط تگها با یکدیگر و نحوه قرار گرفتنشان داخل سند HTML نیز بررسی میشود. این موضوع کمک میکند وقتی بعداً با یک فایل HTML روبهرو میشوید، بتوانید ساختار آن را بخوانید و بفهمید هر قسمت چه نقشی دارد.
یادگیری HTML برای چه کسانی مناسب است؟
اگر هنوز تجربهای در طراحی سایت ندارید، HTML نقطه شروع مناسبی است. همچنین اگر با ابزارهای طراحی رابط کاربری کار میکنید و میخواهید بدانید طرحی که روی صفحه طراحی کردهاید در نهایت چطور به یک صفحه واقعی وب تبدیل میشود، شناخت HTML دید بهتری از فرآیند توسعه به شما میدهد.
این دوره برای کسانی هم مناسب است که قصد دارند در ادامه CSS و JavaScript یاد بگیرند و مسیر Front-End را جدیتر دنبال کنند. آموزش برنامهنویسی HTML در اینجا از مفاهیم پایه شروع میشود و فرض بر این نیست که از قبل با ساختار صفحات وب آشنا هستید.
بعد از دوره HTML چه مسیری پیش روی شماست؟
یادگیری HTML پایان مسیر نیست؛ نقطهای است که از آن به بعد میتوانید وارد بخشهای جدیتر طراحی و توسعه وب شوید. وقتی ساختار یک صفحه را با HTML میشناسید، مرحله بعد معمولاً CSS است؛ جایی که یاد میگیرید ظاهر همان ساختاری را که ساختهاید تغییر دهید، چیدمان صفحه را کنترل کنید و برای متنها، رنگها، فاصلهها و بخشهای مختلف سایت استایل بنویسید.
بعد از HTML و CSS میتوانید سراغ JavaScript بروید. JavaScript به صفحه رفتار و تعامل اضافه میکند؛ یعنی چیزهایی مثل واکنش به کلیک کاربر، تغییر محتوای صفحه، فرمهای تعاملی و بسیاری از قابلیتهایی که یک سایت را از حالت ثابت خارج میکنند.
از اینجا مسیر شما میتواند بسته به هدفتان متفاوت باشد. اگر میخواهید وارد توسعه Front-End شوید، میتوانید دانش HTML، CSS و JavaScript را عمیقتر کنید و بعد سراغ ابزارها و تکنولوژیهای دیگر این حوزه بروید. اگر هدفتان ساخت و مدیریت سایت با WordPress باشد، شناخت HTML کمک میکند ساختار صفحات و کدهایی را که پشت قالبها و محتوا میبینید بهتر درک کنید و هنگام شخصیسازی سایت دست بازتری داشته باشید.
حتی اگر در ادامه با ابزارهای هوش مصنوعی و روشهای وایب کدینگ کار کنید، دانستن HTML پایهای است که کمک میکند خروجی را بخوانید، ایرادها را تشخیص دهید و دقیقتر مشخص کنید چه تغییری از ابزار میخواهید. بنابراین این دوره میتواند شروع مسیری باشد که بعداً با CSS، JavaScript، WordPress و سایر بخشهای توسعه وب ادامه پیدا میکند.
دوره آموزش HTML آمانج
دوره آموزش HTML آمانج یک دوره ویدئویی حدود ۴ ساعته است که آموزش را از ساختار اولیه HTML شروع میکند و مرحلهبهمرحله به مباحثی مثل تگها، متن و لینک، لیست و جدول، فرمها و inputها، تصاویر و محتوای چندرسانهای، آدرسدهی و Attributeها میرسد.
هدف دوره این نیست که فقط فهرستی از تگهای HTML را حفظ کنید. بعد از هر مبحث میتوانید همان چیزی را که یاد گرفتهاید خودتان در یک فایل HTML پیاده کنید و کمکم بخشهای مختلف یک صفحه را کنار هم قرار دهید. به این شکل، در پایان دوره باید بتوانید ساختار کد یک صفحه HTML را بخوانید، متوجه شوید هر قسمت چه کاری انجام میدهد و خودتان ساختار اولیه یک صفحه وب را بنویسید.
این پایه بعداً برای تمرینهای بزرگتر و ساخت صفحات کاملتر به کارتان میآید. وقتی وارد CSS، JavaScript یا WordPress شوید، دیگر HTML برایتان یک بخش ناشناخته از کد نیست و میدانید هر تغییری که روی ظاهر یا رفتار صفحه انجام میدهید، روی چه ساختاری قرار گرفته است.
تجربیات استاد در زمینه فریلنسری به شدت به من کمک کرد. من قصد دارم بعد از تحویل پروژه ی دوره مشغول به کار بشم . میزان کاربردی بودن دوره بالا بود و من به شخصه خیلی به دانشم اضافه شد