دوره جامع 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!
https://donyad.com/d/b50f2e
Sinah
کدنویسی و هوش مصنوعی با سینا
خوش آمدید! :)
من سینا هستم، توسعهدهنده Full Stack وب. به زبان ساده: من عاشق برنامهنویسی مستقل هستم. همچنین سابقه فعالیت در بهینهسازی فرآیندها و مشاوره دیجیتال را دارم.
در دورههای من میتوانید موضوعات متنوعی را بیاموزید: از برنامهنویسی تا هوش مصنوعی، چه برای اهداف شخصی و چه شغلی، از سطح مبتدی تا پیشرفته. ما با روشی تعاملی و بازیگونه به اهداف شما میرسیم؛ چه ساخت وبسایت، چه بازیهای شخصی، طراحی ریسپانسیو یا Prompt Engineering حرفهای.
#هوش_مصنوعی #پرامپت_انجینیرینگ #جاوااسکریپت #اتچ_تی_ام_ال #سی_اس_اس #برنامه_نویسی #کدنویسی #AI
نمایش نظرات