[DE] Die große HTML & CSS High-Level-Masterclass - Lerne HTML & CSS von Grund auf. Auch Für Anfänger

درس ها Lessons

• Spaltenraster einbauen Spaltenraster einbauen

• Containerklasse و فونت های پاسخگو Containerklasse und responsive Fonts

• تصاویر واکنش گرا Responsive Images

• سایه های جعبه Boxshadows

• Einführung در VS Code Einführung in VS Code

• طراحی Design

• فلکس باکس یا فلکس باکس Flexbox auf kinderelemente

• Mediaquery in der Praxis Mediaquery in der Praxis

• آبشار verstehen Cascade verstehen

• تصاویر Anpassen an den Container Imges Anpassen an den Container

• Die UX Pyrmide Die UX Pyrmide

• Sass installieren Sass installieren

• میانبر انیمیشن Animation Shortcut

• HTML، مرورگر، کاربر HTML, Browser, User

• پیشوندهای فروشنده Vendor Prefixes

• تصاویر Der alt Tag Images Der alt Tag

• وب سایت ها و نسخه ها nummern 2 Websites & Versionsnummern 2

• بخش درباره من AboutMe Section

• Webentwicklung بود Was ist Webentwicklung

• خبرنامه Newsletter

• استایلن تابلی Tabelle stylen

• UX در مقابل UX vs

• منبع منبع برچسب Der source Tag

• was ist eine Mediaquery Was ist eine Mediaquery

• پروتوکول Protokolle

• توابع Functions

• Chrome Dev Tools Chrome Dev Tools

• فقط CSS Toggleswitch Only CSS Toggleswitch

• Eine Auswahl an Inputs Eine Auswahl an Inputs

• متغیر Variablen

• Die Anatomie eines Elements Die Anatomie eines Elements

• مطلق و نسبی absolute & relative

• Formulare clientseitig validieren Formulare clientseitig validieren

• لنگرها و دکمه ها Anchortags und Buttons

• میانبر پس زمینه Background Shortcut

• Navbar Bild als Link Navbar Bild als Link

• درون خطی، کارآموز، خارجی Inline, Intern, Extern

• جعبه مدل Einleitung Box Model Einleitung

• مگی در فاربن Die Magie der Farben

• Flexbox بود Was ist Flexbox

• مقیاس بندی Typescaling

• Die wichtigsten HTML Elemente Die wichtigsten HTML Elemente

• تصاویر پس زمینه Background Images

• از به From to

• فابن در کتابخانه اسپایچرن Faben in Library speichern

• Vererbende & nicht vererbende Eigenschaften Vererbende & nicht vererbende Eigenschaften

• مخلوط ها Mixins

• Pfade مطلق و Pfade نسبی Absolute Pfade und relative Pfade

• نوار ناوبری Navbar

• در حال بارگذاری انیمیشن Loadinganimation

• طرح طرح 1 Design Teil 1

• استاتیک، ثابت، چسبنده static, fixed, sticky

• اسپالتن راستر گروندلاگن Spalten Raster Grundlagen

• Hole das beste aus dem Kurs Hole das beste aus dem Kurs

• Images der img برچسب Images der img Tag

• 002 Auf Github hosten 002 Auf Github hosten

• Flexbox auf Elternelemente Flexbox auf Elternelemente

• Menschlichkeit Menschlichkeit

• اندازه گیری تایپ einbauen Typescaling einbauen

• Footerlayout mit Flexbox Footerlayout mit Flexbox

• Warum wir Code einrücken Warum wir Code einrücken

• واحدهای CSS CSS Units

• Grid Auf Elternelemente Grid auf Elternelemente

• SVGs و Bilder exportieren und importieren SVGs und Bilder exportieren und importieren

• هرتزلیچ اراده خواهد کرد Herzlich willkommen

• لوسونگ Lösung

• متن stylen und transformieren Text stylen und transformieren

• متغیر در CSS Variablen in CSS

• Untertitel & Captions hinzufügen Untertitel & Captions hinzufügen

• بود ist Grid Was ist Grid

• طراحی Teil 2 Design Teil 2

• Hauptachse & Querachse Hauptachse & Querachse

• Hero Section Boxshadow Hero Section Boxshadow

• Automatisch kompilieren Automatisch kompilieren

• IP، DNS، دامنه IP, DNS, Domain

• Was Sind Breakpoints und Gibt es Standardbre بود Was sind Breakpoints und gibt es Standardbre

• متن um Bilder fließen lassen Text um Bilder fließen lassen

• پاسخگویی بخش قهرمان Hero Section Responsiveness

• ist Figma بود Was ist Figma

• امت Emmet

• گوتس در مقابل Gutes vs

• Teil 1 HTML Teil 1 HTML

• پروژه 3 Projekt 3

• Tabellen در HTML I Tabellen in HTML I

• استایلن فرمولار Formular stylen

• ویچتیگه ارویترونگن Wichtige Erweiterungen

• Farbpalette erstellen Farbpalette erstellen

• ترکیب کننده Der Descendant Der Descendant combinator

• بهترین شیوه ها Best Practices

• متا تگ ها (Vorschau) Die meta Tags (Vorschau)

• حاشیه و بالشتک Margin & padding

• پروژه 1 Projekt 1

• Transparenz und Opazität Transparenz und Opazität

• Abstände mit Gap Abstände mit Gap

• Eigene Animationen در CSS Eigene Animationen in CSS

• Trennung von Inhalt und Darstellung Trennung von Inhalt und Darstellung

• Verständniss von Nesting Verständniss von Nesting

• نصب فونت ها Fonts installieren

• مخزن Hinweis Github Hinweis Github Repository

• برچسب لینک Der Der link Tag

• پیوندها و دکمه‌ها برای بهینه‌سازی بازخورد کاربر Links und Buttons für Userfeedback optimiere

• ویژگی HTML HTML Attribute

• Farben von SVGs ändern Farben von SVGs ändern

• Teil 3 HeroSection Teil 3 HeroSection

• Was Sind Desktopumgebungen بود Was sind Desktopumgebungen

• Die Anatomie einer CSS Deklaration Die Anatomie einer CSS Deklaration

• IS HTML بود Was ist HTML

• رنگ های RGB، RGBA، Hex Colors RGB, RGBA, Hex

• Block & Inline Elemente Block & Inline Elemente

• Grundstruktur Grundstruktur

• آدرس اینترنتی Die Anatomie einer Die Anatomie einer URL

• مقیاس بندی Typescaling

• طرح ارستلن Sketch erstellen

• Ftend، Backend، Fullstack Fontend, Backend, Fullstack

• اندازه فونت استاندارد Standard Fontsize

• طراحی طرح 3 Design Teil 3

• رابط کاربری و رابط کاربری Interface & Userinterface

• سایز سیال کانتینر بوت استرپ Bootstrap Container Fluid Sizing

• فرمول بندی در HTML I Formulare in HTML I

• بازنشانی CSS و فونت einbinden Reset CSS und Fonts einbinden

• اوفگابه Aufgabe

• جهت و تراز فون متن Direction & Alignment von Text

• Pseudoklassen CSS Pseudoklassen CSS

• Eingebaute Animationen در CSS Eingebaute Aniomationen in CSS

• نظر در CSS Kommentare in CSS

• کلاین اینفورنگ Kleine Einführung

• نمادها Iconfonts

• بسته بندی کوچک Shrink Wrapping

• بخش قهرمان و حالت ترکیب پس زمینه Hero Section & background blend mode

• نقشه ها Maps

• هایپرلینک ها Der Anchortag im Detail Hyperlinks Der Anchortag im Detail

• Mehrere Selektoren gleichzeitig Mehrere Selektoren gleichzeitig

• سربرگ Teil 2 Teil 2 Header

• Die Höhe von Elementen und deren Content kon Die Höhe von Elementen und deren Content kon

• فاویکون Favicon

• Images Borders & runde Ecken Images Borders & runde Ecken

• Targetieren über Klassen und ID Targetieren über Klassen und IDs

• بازخورد کاربر Userfeedback

• Bildergalerie mit Flexbox Bildergalerie mit Flexbox

• بوت استرپ Funktionsweise Bootstrap Funktionsweise

• نظر در HTML Kommentare in HTML

• دکمه بخش قهرمان Hero Section Button

• خانواده فونت Fontfamily

• Erste Schritte mit Sass Erste Schritte mit Sass

• برچسب داس آریا Das aria label

• دیگ دیگ Die Boilerplate

• Formspree Formspree

• پروژه 2 Projekt 2

• Der Videotag Der Videotag

• جزئی و واردات Partials und Imports

• گرادیان ها Gradients

• datalist و optgroup datalist & optgroup

• Grid Auf Kinderelemente Grid auf Kinderelemente

• انتخاب دیپ دایو Selektoren Deepdive

• اندازه مایع Fluid Sizing

• حاشیه، بالشتک و عرض Auf Inline Elemente Margn, PAdding & width auf Inline Elemente

• نصب بوت استرپ Bootstrap installieren