Add first Frontend Doku #13
Open
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Zeroks77
added
enhancement
tecPhoenix
reviewed
Oct 9, 2019
tecPhoenix
reviewed
Oct 9, 2019
paule96
requested changes
Jan 15, 2020
|
|
||
| Wenn du dich erstmal etwas ausprobieren möchtest ohne dir etwas zu installieren kannst du [hier](https://codepen.io/) oder [hier](https://stackblitz.com/) austoben. | ||
|
|
||
| ## Angular |
Collaborator
There was a problem hiding this comment.
bevor wir hier mit angular starten wäre evtl. ein kurzer abschnitt hilfreich der kurz die Grundlagen zu HTML und Browsern erläutert
| HTML steht für Hyper Text Markup Language, die am häufigsten verwendete Sprache im Web zur Entwicklung von Webseiten. HTML wurde Ende 1991 von Berners-Lee entwickelt, aber "HTML 2.0" war die erste Standard HTML-Spezifikation, die 1995 veröffentlicht wurde. HTML 4.01 war eine Hauptversion von HTML und wurde Ende 1999 veröffentlicht. Obwohl die Version HTML 4.01 weit verbreitet ist, haben wir derzeit die Version HTML-5, die eine Erweiterung zu HTML 4.01 ist, und diese Version wurde 2012 veröffentlicht. | ||
| Warum sollte man HTML lernen? | ||
|
|
||
| Ursprünglich wurde HTML mit der Absicht entwickelt, die Struktur von Dokumenten wie Überschriften, Absätzen, Listen usw. zu definieren, um den Austausch von wissenschaftlichen Informationen zwischen Forschern zu erleichtern. Jetzt wird HTML häufig verwendet, um Webseiten mit Hilfe verschiedener Tags zu formatieren, die in der HTML-Sprache verfügbar sind. |
Collaborator
There was a problem hiding this comment.
"verschiedener Tags" ist evtl. noch etwas zu früh solche Fachbegriffe zu nutzen. Der Nutzer hat mitunter noch eine andere Vorstellung von Tags ;) #leraning :D
|
|
||
| + Verstehen Sie Web - Wenn Sie Ihre Website optimieren wollen, um ihre Geschwindigkeit und Leistung zu steigern, ist es gut, HTML zu kennen, um die besten Ergebnisse zu erzielen. | ||
|
|
||
| + Lernen Sie andere Sprachen - Sobald Sie die Grundlagen von HTML verstehen, werden andere verwandte Technologien wie Javascript, PHP oder Winkel einfacher zu verstehen sein. |
Collaborator
There was a problem hiding this comment.
Winkel ist eine Sprache? :D
| </html> | ||
| ``` | ||
|
|
||
| ## Anwendungen von HTML |
Collaborator
There was a problem hiding this comment.
dieses Kapitel vor ## Hallo Welt mit HTML
|
|
||
| * 1 `<!DOCTYPE>` Dieses Tag definiert den Dokumenttyp und die HTML-Version. | ||
| * 2 `<html>` Dieses Tag umschließt das gesamte HTML-Dokument und besteht hauptsächlich aus dem Dokumentenkopf, der durch `<head>...</head>` und dem Dokumentenkörper, der durch `<body>...</body>` Tags repräsentiert wird. | ||
| * 3 `<head>` Dieses Tag stellt den Header des Dokuments dar, der andere HTML-Tags wie `<title>`, `<link>` usw. enthalten kann. |
Collaborator
There was a problem hiding this comment.
Dieser stellt ausschließlich Metadaten bereit, die für den User meist nicht sichtbar sind.
| * 1 `<!DOCTYPE>` Dieses Tag definiert den Dokumenttyp und die HTML-Version. | ||
| * 2 `<html>` Dieses Tag umschließt das gesamte HTML-Dokument und besteht hauptsächlich aus dem Dokumentenkopf, der durch `<head>...</head>` und dem Dokumentenkörper, der durch `<body>...</body>` Tags repräsentiert wird. | ||
| * 3 `<head>` Dieses Tag stellt den Header des Dokuments dar, der andere HTML-Tags wie `<title>`, `<link>` usw. enthalten kann. | ||
| * 4 `<title>` Das Tag `<title>` wird innerhalb des Tags `<head>` verwendet, um den Dokumententitel zu erwähnen. |
Collaborator
There was a problem hiding this comment.
Dieser erscheint in deinem Browser Tab als Text.
| * 2 `<html>` Dieses Tag umschließt das gesamte HTML-Dokument und besteht hauptsächlich aus dem Dokumentenkopf, der durch `<head>...</head>` und dem Dokumentenkörper, der durch `<body>...</body>` Tags repräsentiert wird. | ||
| * 3 `<head>` Dieses Tag stellt den Header des Dokuments dar, der andere HTML-Tags wie `<title>`, `<link>` usw. enthalten kann. | ||
| * 4 `<title>` Das Tag `<title>` wird innerhalb des Tags `<head>` verwendet, um den Dokumententitel zu erwähnen. | ||
| * 5 `<body>` Dieses Tag repräsentiert den Körper des Dokuments, der andere HTML-Tags wie `<h1>`, `<div>`, `<p>` usw. enthält. |
Collaborator
There was a problem hiding this comment.
In der Regel der sichtbare Inhalt einer Webseite.
| </html> | ||
| ``` | ||
|
|
||
| Mehr über HTML findest du [hier](https://www.tutorialspoint.com/html/html_overview.htm). |
Collaborator
There was a problem hiding this comment.
hier lieber die W3C verlinken. https://www.w3schools.com/html/
Co-Authored-By: paule96 <paul-jeschke@outlook.com>
Co-Authored-By: paule96 <paul-jeschke@outlook.com>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
So hier sind die ersten Datein für die "Frontend Doku"
Bitte schaut mal drüber
@tecPhoenix wenn du magst kannst du dich in richtung JS und dem Quatsch austoben da ich davon kaum einen plan habe