Julia Kindelsberger: Formatierung

2024-09-26T19:39:47Z

Formatierung

← Nächstältere Version		Version vom 26. September 2024, 19:39 Uhr
Zeile 413:		Zeile 413:

	</html>		</html>
	~~</ppre>~~
	* CSS3 wurde im <style>-Tag hinzugefügt		* CSS3 wurde im <style>-Tag hinzugefügt
	* Der Hintergrund der Seite verwendet einen linearen Farbverlauf.		* Der Hintergrund der Seite verwendet einen linearen Farbverlauf.
Zeile 507:		Zeile 507:
	function neuerBenutzer(benutzername, email, passwort, rolle) {		function neuerBenutzer(benutzername, email, passwort, rolle) {

	return {		:return {

	benutzername: benutzername,		:benutzername: benutzername,

	email: email,		:email: email,

	passwort: passwort,		:passwort: passwort,

			:rolle: rolle
			};

	~~rolle: rolle~~
	};
	}		}

	let neuerAutor = neuerBenutzer('neo_the_one', 'neo@example.com', 'hashed_password2', 'Autor');		let neuerAutor = neuerBenutzer('neo_the_one', 'neo@example.com', 'hashed_password2', 'Autor');

Zeile 557:		Zeile 557:

	Beispiel einen Objektes:		Beispiel einen Objektes:
	<code class="mwt-code">let kommentar = {</code>
			<code class="mwt-code">let kommentar = {</code>

	<code class="mwt-code"> benutzername: 'neo_the_one',</code>		<code class="mwt-code"> benutzername: 'neo_the_one',</code>
Zeile 570:		Zeile 571:

	<code class="mwt-code">let wissenschaftlichePublikationen = [</code>"<code class="mwt-code">Deep Learning in AI</code>"<code class="mwt-code">, </code>"<code class="mwt-code">Quantum Computing Advances</code>"<code class="mwt-code">, </code>"<code class="mwt-code">Blockchain Technology Overview</code>"<code class="mwt-code">, </code>"<code class="mwt-code">Genomics and CRISPR</code>"<code class="mwt-code">, </code>"<code class="mwt-code">Sustainable Energy Solutions</code>"<code class="mwt-code">];</code>		<code class="mwt-code">let wissenschaftlichePublikationen = [</code>"<code class="mwt-code">Deep Learning in AI</code>"<code class="mwt-code">, </code>"<code class="mwt-code">Quantum Computing Advances</code>"<code class="mwt-code">, </code>"<code class="mwt-code">Blockchain Technology Overview</code>"<code class="mwt-code">, </code>"<code class="mwt-code">Genomics and CRISPR</code>"<code class="mwt-code">, </code>"<code class="mwt-code">Sustainable Energy Solutions</code>"<code class="mwt-code">];</code>


	In JavaScript greift man auf einzelne Elemente folgendermaßen zu:		In JavaScript greift man auf einzelne Elemente folgendermaßen zu:

Julia Kindelsberger: Formatierung

2024-09-20T19:19:23Z

Formatierung

Änderungen zeigen

Julia Kindelsberger: Source code Formatierung

2024-09-14T20:41:01Z

Source code Formatierung

Änderungen zeigen

Julia Kindelsberger: Formatting

2024-09-03T00:04:47Z

Formatting

Änderungen zeigen

JUNGBAUER Christoph am 21. August 2024 um 11:40 Uhr

2024-08-21T11:40:54Z

Änderungen zeigen

Julia Kindelsberger: Vorwort und Setup

2024-08-10T23:24:16Z

Vorwort und Setup

Neue Seite

= Vorwort =Es ist 2024. Softwareentwicklung verändert sich gerade in einer Weise wie ich es seit meinem ersten Kontakt mit dieser Disziplin um das Jahr 2010 nicht erlebt habe. ChatBots und KI-gestützte Tools verändern, wie man Softwareprojekte angeht. OpenAIs ChatGPT <ref>https://chat.openai.com/ und GitHubs CoPilot <ref>https://github.com/features/copilot sind disruptive Technologien, die es Entwickler*innen ermöglichen sich mehr auf die Softwarearchitektur und das große Ganze zu konzentrieren und Unterstützung bei der Detailarbeit zu erhalten.</ref></ref>Eines bleibt, wie es immer war: Es gibt nur einen Weg, Programmieren zu lernen, und dieser heißt: selbst zu programmieren. Dieses Studienheft zu lesen, wird niemandem programmieren beibringen. Softwareentwicklung, egal mit welche Programmiersprache, kann man nur durch Praxis erlernen und vertiefen. Was mich bei Lehrbüchern oft gestört hat, war, dass oft eine Sprache und deren Konzepte erklärt wurden, aber nicht, wie der ganze Prozess von Anfang bis zum Ende funktioniert. Deshalb beginnen wir in diesem Fach mit dem Setup und dem Tooling, welches für ein Frontendprojekt notwendig ist und in der Praxis verwendet wird.

= Das Setup =Bevor wir uns mit JavaScript befassen, richten wir das Entwicklungssetup ein und lernen nützliche Werkzeuge kennen, die das Programmieren erleichtern. Ein lokal laufendes Programm ist zwar gut, kann aber meistens von niemand anderem einfach verwendet werden. Programmieren ist ein Teamsport. Deshalb beginnen wir mit Versionskontrollsystemen, GitHub und der Entwicklungsumgebung. Falls dir das alles bereits bekannt ist und du ein Frontend-Development-Setup hast, das deinen Ansprüchen entspricht, kannst du ein GitHub-Repository <ref>https://github.com  </ref>

erstellen und die nächsten Kapitel überfliegen.
== git ==Git <ref>https://git-scm.com ist ein Versionskontrollsystem (VCS), das die Verwaltung von Quellcode ermöglicht. Es speichert Änderungen an Dateien und erlaubt es, auf frühere Versionen zurückzugreifen. Zuerst gehen wir einige Begriffe durch, und danach werden wir es anwenden und ein GitHub-Repository erstellen. Selbst wenn du alleine programmierst, bringt die Verwendung eines VCS immer Vorteile.</ref>

===== '''Repository''' =====Ein Repository (Repo) ist ein Speicherort für den Quellcode eines Projekts. Es enthält alle Dateien und Verzeichnisse des Projekts sowie die gesamte Historie der Änderungen.Lokal: Ein lokales Repository befindet sich auf deinem Computer.Remote: Ein Remote-Repository befindet sich auf einem Server (z.B. GitHub <ref> https://github.com , GitLab <ref> https://about.gitlab.com oder BitBucket <ref> https://bitbucket.org/product ).</ref></ref></ref>

===== '''Commit''' =====Ein Commit ist eine gespeicherte Version des Projekts. Jeder Commit hat eine eindeutige ID und enthält eine Nachricht, die die vorgenommenen Änderungen beschreibt.

<code class="mwt-code">git commit -m "Beschreibung der Änderung"</code>
===== Branch =====Ein Branch ist ein unabhängiger Entwicklungszweig innerhalb des Repositories. Der Hauptbranch heißt meist main.

<code class="mwt-code">git branch <branch-name></code>
===== Merge =====Merging kombiniert die Änderungen aus einem Branch mit einem anderen. Oft wird ein Feature-Branch in den Hauptbranch gemergt.

<code class="mwt-code">git merge <branch-name></code>
===== Konflikte =====Konflikte entstehen, wenn Änderungen in verschiedenen Branches kollidieren. Git kann diese nicht automatisch zusammenführen, sodass eine manuelle Auflösung erforderlich ist.

===== '''Staging Area''' =====Die Staging Area ist eine Zwischenschicht zwischen den Dateien im Arbeitsverzeichnis und dem Repository. Änderungen müssen zur Staging Area hinzugefügt werden, bevor sie committet werden.

<code class="mwt-code">git add <datei-name></code>
===== '''Remote Repository''' =====Ein Remote-Repository ist eine gehostete Version eines Repositories.

Push: Änderungen von lokal nach remote senden.

<code class="mwt-code">git push origin <branch-name></code>

Pull: Änderungen von remote nach lokal holen.

<code class="mwt-code">git pull origin <branch-name></code>
===== Pull Request (PR)/Merge Request (MR) =====Ein PR oder MR ist eine Anfrage zur Überprüfung und Integration von Änderungen von einem Branch in einen anderen. In der modernen Softwareentwicklung arbeitet man meistens in Teams. In der Praxis wird ein PR immer von mehreren Entwicklern im Team überprüft und nachdem die Quellcodeänderung von mehreren Entwicklern akzeptiert wurde, wird die Änderung gemergt.

===== '''Tags''' =====Tags sind feste Referenzpunkte im Verlauf eines Projekts. Sie werden oft verwendet, um Versionen zu markieren (z.B. <code class="mwt-code">v1.0.0</code>).

<code class="mwt-code">git tag <tag-name></code>
===== Weiterführende Links =====

*Offizielle Git-Dokumentation:[https://git-scm.com/doc https://git-scm.com/doc]
*Pro Git Buch (kostenlos):[https://git-scm.com/book/en/v2 https://git-scm.com/book/en/v2] 
<code class="mwt-code"></code>

Frontend Development in 2024 - Gesamt - Versionsgeschichte

Julia Kindelsberger: Formatierung

Julia Kindelsberger: Formatierung

Julia Kindelsberger: Source code Formatierung

Julia Kindelsberger: Formatting

JUNGBAUER Christoph am 21. August 2024 um 11:40 Uhr

Julia Kindelsberger: Vorwort und Setup