دوره جامع HTML: تبدیل به متخصص در چند ساعت! آموزش فرانت‌اند و ساخت وب‌سایت با HTML5 - آخرین آپدیت

دانلود HTML-Crashkurs: Zum Profi in wenigen Stunden! Frontend-Kenntnisse und eigene Website mit HTML5

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:

سلام!

در این دوره، شما تسلط کامل بر عناصر مختلف HTMLرا یاد می‌گیرید. ابتدا با مفاهیم پایه HTML و کاربردهای آن آشنا می‌شویم. سپس با استفاده از استانداردهای به‌روز HTML5، محتواها را از نظر بصری، محتوایی و معنایی (Semantic)ساختاردهی می‌کنید تا بتوانید وب‌سایتی نه تنها زیبا، بلکه کاربردی و قابل دسترس (Accessible)طراحی کنید. برای تثبیت یادگیری، مثال‌های کاربردی، تمرینات و کوییزهاییآماده کرده‌ام. همچنین نگاهی خواهیم داشت به اولین وب‌سایتی که تاریخ وب با آن شروع شد و به سوالاتی مانند اینترنتچیست و تفاوت آن با وب (Web)در چیست پاسخ می‌دهیم.

ما ابزارهای ضروری شامل نرم‌افزارها و پلتفرم‌هاییکه برای کدنویسی موفق به آن‌ها نیاز دارید را بررسی می‌کنیم. در نهایت یک وب‌سایت شخصیشامل بخش‌های مختلفی مانند متون، تیترها، پانویس‌ها، تصاویر، فایل‌های صوتی و ویدئویی، لینک‌ها، فرم‌ها و حتی نقشه‌های تعبیه شدهمی‌سازیم. در پایان دوره، اولین پروژه واقعی خودرا خلق خواهید کرد. من یک نمونه وب‌سایت را برای بازسازی به شما نشان می‌دهم و شما فرصت خواهید داشت تا بر اساس سلیقه خود، مثلاً پورتفولیوی شخصییا سایتی برای ارائه در رزومهیا معرفی کسب‌وکار خودطراحی کنید. همچنین روش انتشار رایگان و سریع وب‌سایترا به شما آموزش می‌دهم. در تمام این مسیر گام‌به‌گام همراه شما هستم و در انتها منابع تکمیلیارائه می‌دهم تا بتوانید مسیر یادگیری خود را به صورت مستقل ادامه دهید.

همین حالا شروع کنید و گامی در جهت توسعه شخصی و حرفه‌ای خود بردارید! تنها به یک کامپیوتر با دسترسی به اینترنت و چند ساعت زمان نیاز دارید. منتظر شما هستم.

سرفصل‌های آموزشی:

  • وظیفه و ساختار (Syntax) در HTML

  • مقایسه کوتاه HTML با CSS و JavaScript

  • کار با CodePen و Visual Studio Code (به همراه افزونه‌ها)

  • مفهوم اینترنت و World Wide Web

  • تفاوت فرانت‌اند (Frontend) و بک‌اند (Backend)

  • عناصر معنایی (Semantic) و نمایشی

  • عناصر متنی (تیترها، پاراگراف‌ها، نقل‌قول‌ها)

  • عناصر ساختاری (Header, Footer, Section, Article, Navigation, HR و ...)

  • فرمت‌دهی و استایل‌دهی متون

  • دسترسی‌پذیری (Accessibility) و سازگاری فنی

  • عناصر Inline و Block-Level

  • مدل شی‌گرای سند (DOM)

  • کار با لیست‌ها

  • کار با جداول

  • طراحی فرم‌ها

  • کار با تصاویر، فایل‌های صوتی و ویدئویی

  • لینک‌های داخلی و خارجی

  • تعبیه محتوای خارجی (مانند Google Maps)

  • ساخت و انتشار رایگان وب‌سایت شخصی

  • نکاتی کاربردی برای برنامه‌نویسان تازه‌کار

#آموزش_html #برنامه_نویسی #فرانت_اند #طراحی_سایت #کدنویسی #وب_دیزاین #توسعه_وب #html5 #css3 #javascript #vscode #codepen


سرفصل ها و درس ها

درس‌ها Lessons

  • خوش آمدید! :) Willkommen! :)

  • HTML به عنوان اسکلت برنامه: آنالوژی بدن با JavaScript و CSS HTML als Skelett der Anwendung: Die Körper-Analogie mit JavaScript und CSS

  • تمرین و آشنایی با پلتفرم CodePen Übung und Einblick in die Plattform CodePen

  • فرانت‌اند در مقابل بک‌اند Frontend vs. Backend

  • اینترنت و وب جهانی (WWW) Internet und World Wide Web

  • لایه‌های یک وب‌سایت HTML Ebenen einer HTML-Website

  • المان‌ها، تگ‌ها و اتریبیوت‌ها: بلوک‌های سازنده HTML Elemente, Tags, Attribute: Die Grundbausteine in HTML

  • تمرین: Hello World! اولین برنامه شما در HTML Übung: Hello, World! Dein erstes Programm in HTML

  • نصب Visual Studio Code (VSCode) Installation von Visual Studio Code (VSCode)

  • فعال‌سازی ذخیره خودکار (Auto Save) در VSCode Automatisches Speichern (Auto Save) in VSCode

  • ایجاد پروژه، ساختاردهی و تنظیمات VSCode Projekt erstellen, strukturieren und VSCode einrichten

  • ساختار سند HTML: بخش اول (Head) Aufbau des HTML-Dokuments: I. Der Head

  • ساختار سند HTML: بخش دوم (Body) Aufbau des HTML-Dokuments: II. Der Body

  • مدل شی‌گرای سند (DOM) Das DOM (Document Object Model)

  • مقدمه‌ای بر بخش جدید Intro zum Abschnitt

  • عناصر Inline و Block Level Inline- und Block-Level-Elemente

  • تگ‌های ویژه برای تأکید و دسترسی‌پذیری Spezielle Tags für Betonung und Barrierefreiheit

  • عناصر متنی (بخش اول) Text-Elemente (Teil 1)

  • عناصر متنی (بخش دوم) Text-Elemente (Teil 2)

  • عناصر متنی (بخش سوم) Text-Elemente (Teil 3)

  • فرمت‌دهی کلمات و بخش‌های کوچک متن (بخش اول) Textauszeichnung einzelner Wörter und kleiner Text-Teile (Teil 1)

  • فرمت‌دهی کلمات و بخش‌های کوچک متن (بخش دوم) Textauszeichnung einzelner Wörter und kleiner Text-Teile (Teil 2))

  • لیست‌ها Listen

  • جداول Tabellen

  • فرم‌ها (بخش اول) Formulare (Teil 1)

  • فرم‌ها (بخش دوم) Formulare (Teil 2)

  • فرم‌ها (بخش سوم) Formulare (Teil 3)

  • رسانه‌ها (بخش اول) Medien (Teil 1)

  • رسانه‌ها (بخش دوم) Medien (Teil 2)

  • رسانه‌ها (بخش سوم) Medien (Teil 3)

  • رسانه‌ها (بخش چهارم) Medien (Teil 4)

  • پروژه نهایی: وب‌سایت خود را بسازید! Abschluss-Projekt: Erstelle deine Website(s)!

  • انتشار وب‌سایت شما Deine Seite veröffentlichen

  • خداحافظ! Ciao!

نمایش نظرات

دوره جامع HTML: تبدیل به متخصص در چند ساعت! آموزش فرانت‌اند و ساخت وب‌سایت با HTML5
جزییات دوره
2h 54m
34
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
1
- از 5
ندارد
دارد
دارد
Sinah
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Sinah Sinah

کدنویسی و هوش مصنوعی با سینا

خوش آمدید! :)

من سینا هستم، توسعه‌دهنده Full Stack وب. به زبان ساده: من عاشق برنامه‌نویسی مستقل هستم. همچنین سابقه فعالیت در بهینه‌سازی فرآیندها و مشاوره دیجیتال را دارم.
در دوره‌های من می‌توانید موضوعات متنوعی را بیاموزید: از برنامه‌نویسی تا هوش مصنوعی، چه برای اهداف شخصی و چه شغلی، از سطح مبتدی تا پیشرفته. ما با روشی تعاملی و بازی‌گونه به اهداف شما می‌رسیم؛ چه ساخت وب‌سایت، چه بازی‌های شخصی، طراحی ریسپانسیو یا Prompt Engineering حرفه‌ای.

#هوش_مصنوعی #پرامپت_انجینیرینگ #جاوااسکریپت #اتچ_تی_ام_ال #سی_اس_اس #برنامه_نویسی #کدنویسی #AI