1
00:00:00,762 --> 00:00:02,250
‫Erzähler: Nachdem Sie

2
00:00:02,250 --> 00:00:04,410
‫nun einen guten Überblick darüber

3
00:00:04,410 --> 00:00:06,290
‫haben, wie das Web

4
00:00:06,290 --> 00:00:08,913
‫hinter den Kulissen funktioniert, lernen wir, was

5
00:00:08,913 --> 00:00:11,796
‫Back-End-Webentwicklung eigentlich ist und wie sie im

6
00:00:11,796 --> 00:00:14,415
‫Vergleich zur Front-End-Entwicklung abschneidet, denn dies ist

7
00:00:14,415 --> 00:00:17,666
‫ein sehr wichtiger Unterschied im Web Entwicklung Welt.

8
00:00:17,666 --> 00:00:20,330
‫Um also zwischen Frontend und Backend

9
00:00:20,330 --> 00:00:21,730
‫einer Website

10
00:00:21,730 --> 00:00:23,980
‫und der Webentwicklung im Allgemeinen

11
00:00:23,980 --> 00:00:25,619
‫zu unterscheiden, betrachten wir

12
00:00:25,619 --> 00:00:27,767
‫immer noch dieselbe Client-Server-Architektur, über

13
00:00:27,767 --> 00:00:29,950
‫die wir zuvor gesprochen haben.

14
00:00:29,950 --> 00:00:32,269
‫Im Allgemeinen geht es bei

15
00:00:32,269 --> 00:00:35,830
‫der Frontend-Entwicklung also um alles, was im Webbrowser passiert.

16
00:00:35,830 --> 00:00:38,010
‫Es geht also darum, die endgültige

17
00:00:38,010 --> 00:00:39,940
‫Website zu entwerfen und zu erstellen,

18
00:00:39,940 --> 00:00:42,371
‫die für den Benutzer sichtbar ist, und

19
00:00:42,371 --> 00:00:44,123
‫daher den Namen Frontend.

20
00:00:44,960 --> 00:00:46,188
‫Der

21
00:00:46,188 --> 00:00:50,024
‫Frontend-Entwickler verwendet die Basistechnologien HTML, CSS

22
00:00:50,024 --> 00:00:54,028
‫und JavaScript, die zusammen den Frontend-Technologie-Stack bilden.

23
00:00:54,028 --> 00:00:56,510
‫Jetzt fügen viele moderne Front-End-Entwickler

24
00:00:56,510 --> 00:00:58,660
‫dem Front-End-Stack mehr Dinge

25
00:00:58,660 --> 00:01:03,010
‫hinzu, wie React oder Angular oder Redux oder GraphQL oder

26
00:01:03,010 --> 00:01:05,715
‫was auch immer heutzutage cool ist.

27
00:01:05,715 --> 00:01:09,150
‫Diese Technologien erleichtern also die Front-End-Entwicklung und all

28
00:01:09,150 --> 00:01:10,950
‫diese Technologien zusammen,

29
00:01:10,950 --> 00:01:12,930
‫die ein Entwickler oder ein

30
00:01:12,930 --> 00:01:15,090
‫Team am Front-End verwenden möchte,

31
00:01:15,090 --> 00:01:17,169
‫ist ihr Front-End-Stack in Ordnung?

32
00:01:17,169 --> 00:01:19,170
‫Und das meiste davon kennst du

33
00:01:19,170 --> 00:01:21,320
‫wahrscheinlich sowieso schon, aber ich möchte dir

34
00:01:21,320 --> 00:01:24,070
‫trotzdem einen kurzen Überblick geben, wie sich hier

35
00:01:24,070 --> 00:01:25,931
‫alles ins Gesamtbild einfügt.

36
00:01:25,931 --> 00:01:29,605
‫Alles klar, und jetzt geht es weiter zum Backend.

37
00:01:29,605 --> 00:01:31,890
‫In diesem Teil der Webentwicklung geht

38
00:01:31,890 --> 00:01:34,313
‫es um alles, was auf dem Webserver

39
00:01:34,313 --> 00:01:36,350
‫passiert, also um alles, was

40
00:01:36,350 --> 00:01:37,912
‫für den Endbenutzer

41
00:01:37,912 --> 00:01:40,768
‫unsichtbar ist und daher der Name Backend, okay?

42
00:01:40,768 --> 00:01:43,624
‫Und da wir jetzt über die

43
00:01:43,624 --> 00:01:47,800
‫Server-Site sprechen, wollen wir eigentlich definieren, was ein Server wirklich ist.

44
00:01:47,800 --> 00:01:50,745
‫Nun, ein einfacher Server ist eigentlich nur

45
00:01:50,745 --> 00:01:52,880
‫ein Computer, der

46
00:01:52,880 --> 00:01:55,990
‫mit dem Internet verbunden ist, der erstens

47
00:01:55,990 --> 00:01:58,670
‫die Dateien einer Website wie HTML,

48
00:01:58,670 --> 00:02:01,340
‫CSS und Bilder speichert und

49
00:02:01,340 --> 00:02:04,073
‫zweitens einen HTTP-Server betreibt, der URLs

50
00:02:04,073 --> 00:02:07,600
‫und Anfragen verstehen und auch liefern kann Antworten.

51
00:02:07,600 --> 00:02:10,167
‫Diese HTTP-Serversoftware kommuniziert

52
00:02:10,167 --> 00:02:13,480
‫also tatsächlich über Anfragen und

53
00:02:13,480 --> 00:02:16,220
‫Antworten mit dem Browser.

54
00:02:16,220 --> 00:02:18,230
‫Daher ist es wie die

55
00:02:18,230 --> 00:02:20,160
‫Brücke zwischen dem Front-End

56
00:02:20,160 --> 00:02:23,140
‫und dem Back-End einer Website oder Webanwendung.

57
00:02:23,140 --> 00:02:25,430
‫Nun wird ein einfacher Webserver

58
00:02:25,430 --> 00:02:28,275
‫wie der gerade beschriebene als statischer Server

59
00:02:28,275 --> 00:02:30,530
‫bezeichnet, weil er eigentlich

60
00:02:30,530 --> 00:02:34,660
‫nur statische Dateien über HTTP an den Client liefern kann.

61
00:02:34,660 --> 00:02:37,293
‫Wenn Sie nur eine einfache Website hosten müssen, ist

62
00:02:37,293 --> 00:02:39,570
‫dies wirklich alles, was Sie brauchen.

63
00:02:39,570 --> 00:02:41,900
‫Aber wenn Sie es auf die nächste

64
00:02:41,900 --> 00:02:43,950
‫Stufe bringen und dynamische Webanwendungen erstellen

65
00:02:43,950 --> 00:02:46,365
‫möchten, die mit Datenbanken und all dem guten

66
00:02:46,365 --> 00:02:49,720
‫Zeug kommunizieren, verwenden wir einen Server, der auch dynamische ODER dynamische

67
00:02:49,720 --> 00:02:51,548
‫Anwendungen ausführen kann, genau wie

68
00:02:51,548 --> 00:02:53,520
‫der Code, den wir in der

69
00:02:53,520 --> 00:02:55,779
‫geschrieben und ausgeführt haben Einführungsteil des Kurses.

70
00:02:55,779 --> 00:02:58,800
‫Dies wird dann als dynamischer Server bezeichnet,

71
00:02:58,800 --> 00:03:00,500
‫auf dem die

72
00:03:00,500 --> 00:03:02,610
‫ODER-App ausgeführt wird, ein HTTP-Server

73
00:03:02,610 --> 00:03:05,380
‫und natürlich alle Dateien, die miteinander kommunizieren.

74
00:03:05,380 --> 00:03:07,400
‫Und in manchen Fällen ist das

75
00:03:07,400 --> 00:03:09,323
‫alles, was wir für

76
00:03:09,323 --> 00:03:12,310
‫OP-Anwendungen brauchen, aber normalerweise verwenden wir beim Erstellen dynamischer

77
00:03:12,310 --> 00:03:14,610
‫Websites oder Apps auch eine Datenbank, auf

78
00:03:14,610 --> 00:03:17,379
‫die wir direkt aus unseren Anwendungen zugreifen können.

79
00:03:17,379 --> 00:03:19,342
‫Übrigens, wenn Ihnen der

80
00:03:19,342 --> 00:03:21,820
‫Begriff statische und dynamische Websites oder Anwendungen

81
00:03:21,820 --> 00:03:23,894
‫etwas verwirrend ist, kein Problem.

82
00:03:23,894 --> 00:03:26,487
‫Darüber sprechen wir gleich im nächsten Video.

83
00:03:26,487 --> 00:03:28,843
‫Wie auch immer, wir können

84
00:03:28,843 --> 00:03:32,004
‫die Datenbank verwenden, um Dinge wie Benutzer- oder Anwendungsdaten

85
00:03:32,004 --> 00:03:34,778
‫oder Text zum Ausfüllen einer Website-Vorlage zu speichern.

86
00:03:34,778 --> 00:03:38,160
‫In jeder ernsthaften Anwendung wird es immer eine

87
00:03:38,160 --> 00:03:40,370
‫Datenbank geben und unser

88
00:03:40,370 --> 00:03:42,676
‫Back-End-Code kommuniziert mit dieser Datenbank.

89
00:03:42,676 --> 00:03:45,090
‫Also, einige übliche Dinge, die auf

90
00:03:45,090 --> 00:03:47,200
‫der Back-End- oder Server-Seite

91
00:03:47,200 --> 00:03:50,088
‫behandelt werden, wie wir es auch nennen können,

92
00:03:50,088 --> 00:03:53,406
‫um Benutzerprofile zu erstellen, Logins durchzuführen, E-Mails zu senden,

93
00:03:53,406 --> 00:03:56,810
‫Zahlungen abzuwickeln, Anfragedaten aus einer Datenbank abzurufen und an

94
00:03:56,810 --> 00:03:59,850
‫einen Client zu senden , Daten in der

95
00:03:59,850 --> 00:04:02,517
‫Datenbank manipulieren, Website-Vorlagen ausfüllen und vieles mehr.

96
00:04:02,517 --> 00:04:05,020
‫Und wir werden viele dieser aufregenden Dinge im

97
00:04:05,020 --> 00:04:07,233
‫Laufe des Kurses tun, eigentlich alle.

98
00:04:07,233 --> 00:04:10,800
‫Nun zu der Technologie, wie Sie sich vorstellen

99
00:04:10,800 --> 00:04:14,235
‫können, wir werden NodeJS als dynamischen Webserver

100
00:04:14,235 --> 00:04:17,400
‫und MongoDB als unsere Datenbank verwenden, also

101
00:04:17,400 --> 00:04:19,294
‫Daten oder Back-End-Stack.

102
00:04:19,294 --> 00:04:22,670
‫Aber es gibt so viele verschiedene Back-End-Technologien und

103
00:04:22,670 --> 00:04:25,040
‫Stacks für das Back-End.

104
00:04:25,040 --> 00:04:28,025
‫Dinge wie PHP mit MySQL-Datenbank oder

105
00:04:28,025 --> 00:04:31,123
‫Python mit PostgreSQL-Datenbank oder manche Leute verwenden

106
00:04:31,123 --> 00:04:33,750
‫Ruby on Rails vielleicht sogar

107
00:04:33,750 --> 00:04:36,120
‫mit einer anderen Datenbank.

108
00:04:36,120 --> 00:04:38,430
‫Aber da Sie NodeJS gut

109
00:04:38,430 --> 00:04:40,980
‫lernen möchten, werden wir genau das verwenden.

110
00:04:40,980 --> 00:04:43,230
‫Und die beliebteste Datenbank, die

111
00:04:43,230 --> 00:04:46,070
‫mit Node verwendet wird, ist ohne Zweifel MongoDB.

112
00:04:46,070 --> 00:04:49,007
‫Das ist also unsere Wahl für einen Back-End-Stack.

113
00:04:49,007 --> 00:04:52,237
‫Vielleicht haben Sie den Begriff Full-Stack schon einmal

114
00:04:52,237 --> 00:04:54,180
‫gehört, und das sind

115
00:04:54,180 --> 00:04:56,710
‫einfach die Front-End- und die Back-End-Stacks zusammen.

116
00:04:56,710 --> 00:04:59,180
‫Der Entwickler, der sowohl Front-End-

117
00:04:59,180 --> 00:05:01,209
‫als auch Back-End-Entwicklung betreibt,

118
00:05:01,209 --> 00:05:04,117
‫kann sich also als Full-Stack-Entwickler bezeichnen,

119
00:05:04,117 --> 00:05:06,410
‫aber diese Entwickler werden immer

120
00:05:06,410 --> 00:05:08,150
‫seltener, insbesondere weil

121
00:05:08,150 --> 00:05:11,110
‫das Front-End heutzutage immer komplexer wird.

122
00:05:11,110 --> 00:05:14,630
‫Abschließend möchte ich noch kurz erwähnen, dass wir,

123
00:05:14,630 --> 00:05:17,150
‫wie Sie sehen können, Node für

124
00:05:17,150 --> 00:05:19,400
‫die Back-End-Webentwicklung verwenden werden

125
00:05:19,400 --> 00:05:21,930
‫und nicht so etwas wie Hardwareprogrammierung.

126
00:05:21,930 --> 00:05:24,670
‫Sie können Node also technisch für Dinge wie

127
00:05:24,670 --> 00:05:27,240
‫das Fliegen von Drohnen, das Programmieren von

128
00:05:27,240 --> 00:05:30,300
‫Robotern oder die Entwicklung von Software für IFT-Geräte verwenden.

129
00:05:30,300 --> 00:05:32,610
‫Aber das ist nicht Gegenstand dieses Kurses.

130
00:05:32,610 --> 00:05:35,670
‫Wenn Sie IFT-Geräte mit Node programmieren möchten, wird dieser

131
00:05:35,670 --> 00:05:38,550
‫Kurs trotzdem nützlich für Sie sein, er steht

132
00:05:38,550 --> 00:05:40,650
‫nur nicht im Fokus der Projekte,

133
00:05:40,650 --> 00:05:42,528
‫die wir bauen werden, okay?

134
00:05:42,528 --> 00:05:46,100
‫Alles klar, und ich denke, das fasst den Unterschied zwischen der

135
00:05:46,100 --> 00:05:48,425
‫Front-End-Seite und der Back-End-Seite der Webentwicklung zusammen,

136
00:05:48,425 --> 00:05:50,734
‫sodass Sie in Zukunft eine gute Vorstellung

137
00:05:50,734 --> 00:05:52,970
‫davon haben, in welchen Domänen

138
00:05:52,970 --> 00:05:55,753
‫NodeDS tatsächlich in der realen Welt verwendet wird.