1 00:00:02,270 --> 00:00:06,345 Was ist Full Stack Web Development?. 2 00:00:06,345 --> 00:00:11,565 Lassen Sie mich Ihnen ein paar Begriffe erläutern, damit wir mit einem gemeinsamen Verständnis 3 00:00:11,565 --> 00:00:18,035 der Full-Stack-Webentwicklung beginnen, wie sie in dieser Spezialisierung angewendet wird. 4 00:00:18,035 --> 00:00:22,415 Wir hören oft Leute, die über das Frontend und das Backend sprechen. 5 00:00:22,415 --> 00:00:27,000 Das Frontend ist, wo wir den Inhalt an den Benutzer liefern, in der 6 00:00:27,000 --> 00:00:32,335 Regel in einem Browser, in dem der Benutzer auf die Informationen zugreift. 7 00:00:32,335 --> 00:00:36,740 Hier verwenden wir Technologien wie HTML, 8 00:00:36,740 --> 00:00:41,475 CSS und JavaScript, um den Inhalt für den Benutzer zu rendern. 9 00:00:41,475 --> 00:00:48,380 Diese Informationsbereitstellung wird hinter den Kulissen durch 10 00:00:48,380 --> 00:00:57,180 eine Back-End-Unterstützung unterstützt, die heutzutage typischerweise mit Technologien wie PHP, 11 00:00:57,180 --> 00:01:02,770 Java, ASP.NET, Ruby, Python oder NodeJS implementiert wird. 12 00:01:02,770 --> 00:01:08,320 Wir hören oft Leute, die über die dreistufige Architektur für die Web-Entwicklung sprechen. 13 00:01:08,320 --> 00:01:14,260 Bei diesem Ansatz ist die gesamte Webanwendung in drei verschiedene Ebenen gegliedert. 14 00:01:14,260 --> 00:01:20,580 Die Präsentationsschicht, die sich mit der Bereitstellung der Informationen an den Benutzer befasst. 15 00:01:20,580 --> 00:01:23,390 Dies ist normalerweise die UI-bezogenen 16 00:01:23,390 --> 00:01:26,780 Bedenken, die auf der Präsentationsebene behandelt werden. 17 00:01:26,780 --> 00:01:29,840 Die Business-Logikschicht hingegen beschäftigt sich 18 00:01:29,840 --> 00:01:32,760 mehr mit den Daten, der Datenvalidierung, der 19 00:01:32,760 --> 00:01:39,285 dynamischen Content-Verarbeitung und der Generierung der Inhalte, die dem Benutzer zur Verfügung gestellt werden sollen. 20 00:01:39,285 --> 00:01:42,545 Dies wird hinter den Kulissen 21 00:01:42,545 --> 00:01:46,090 mit dem Datenpersistenz-Layer oder der Datenzugriffsebene gesichert. 22 00:01:46,090 --> 00:01:52,085 Dies betrifft also, wie wir die Daten speichern und mit ihnen interagieren, 23 00:01:52,085 --> 00:01:58,620 typischerweise in Form einer Datenbank und über eine API auf diese Daten zugreifen. 24 00:01:58,620 --> 00:02:03,020 Erkunden Sie dies weiter, lassen Sie uns sehen, was 25 00:02:03,020 --> 00:02:08,145 typischerweise in der traditionellen Web-Entwicklung in jeder dieser drei Schichten implementiert ist. 26 00:02:08,145 --> 00:02:13,520 Die Business-Logikschicht wird heutzutage normalerweise mit Technologien wie Ruby, 27 00:02:13,520 --> 00:02:19,250 Python, PHP, Java, C++ oder ASP.NET implementiert. 28 00:02:19,250 --> 00:02:25,520 Diese Business-Logikschicht interagiert hinter den Kulissen mit 29 00:02:25,520 --> 00:02:28,340 den persistenten Daten, die normalerweise in 30 00:02:28,340 --> 00:02:34,465 einer relationalen Datenbank gespeichert sind und auf die die Geschäftslogikschicht zugegriffen wird. 31 00:02:34,465 --> 00:02:37,415 Die Business-Logikschicht befasst sich auch 32 00:02:37,415 --> 00:02:41,015 mit dem Rendern von Informationen auf der Vorderseite 33 00:02:41,015 --> 00:02:44,415 , typischerweise in Form von serverseitigem Rendern dieses Falls. 34 00:02:44,415 --> 00:02:47,540 So werden HTML, CSS und JavaScript 35 00:02:47,540 --> 00:02:52,530 serverseitig generiert und dann in Form einer Webseite an die Client-Seite gesendet. 36 00:02:52,530 --> 00:02:58,870 Bei diesem Ansatz brauchen wir Spezialisten in jeder dieser drei Schichten. 37 00:02:58,870 --> 00:03:06,465 Also, ein Front-End-Spezialist wäre in der Regel gut versiert in HTML, CSS und JavaScript. 38 00:03:06,465 --> 00:03:10,310 Der Spezialist für 39 00:03:10,310 --> 00:03:14,975 Geschäftslogik wäre mit einer der Technologien vertraut, die für die 40 00:03:14,975 --> 00:03:17,375 Implementierung der Geschäftslogik verwendet 41 00:03:17,375 --> 00:03:24,275 wird, und dann benötigen Sie einen Datenspezialisten, der sich mit dem relationalen Datenbankmanagementsystem auskennt. 42 00:03:24,275 --> 00:03:29,480 Es gibt einen zunehmenden Trend zur Verwendung einer einzigen Sprache, 43 00:03:29,480 --> 00:03:34,510 um den gesamten Stack zu implementieren, dies ist JavaScript. 44 00:03:34,510 --> 00:03:38,300 So könnten Sie das Front-End beispielsweise 45 00:03:38,300 --> 00:03:43,805 als einzelne Seitenanwendung mit Frameworks wie Angular oder React implementieren lassen. 46 00:03:43,805 --> 00:03:46,520 Sie haben die serverseitige oder 47 00:03:46,520 --> 00:03:51,130 die Business-Logikschicht, die mit Technologien wie NodeJS implementiert 48 00:03:51,130 --> 00:03:53,425 wird, was ebenfalls von JavaScript abhängig ist. 49 00:03:53,425 --> 00:03:58,430 Dann wird der Datenspeicher selbst mithilfe von Technologien 50 00:03:58,430 --> 00:04:03,960 wie MongoDB implementiert, die Daten in Form von JSON-Dokumenten speichert. 51 00:04:03,960 --> 00:04:11,525 Der Informationsaustausch zwischen der serverseitigen und der clientseitigen Seite erfolgt normalerweise 52 00:04:11,525 --> 00:04:19,760 mit JSON als Format und die serverseitige unterstützt einen REST-API-Endpunkt. 53 00:04:19,760 --> 00:04:25,065 Wir werden alle diese Technologien im Rahmen dieser Spezialisierung abdecken. 54 00:04:25,065 --> 00:04:27,870 Wenn Sie diese Spezialisierung durchlaufen, 55 00:04:27,870 --> 00:04:31,370 werden Sie sehen, dass 56 00:04:31,370 --> 00:04:33,795 wir auf der Präsentationsebene Bootstrap 4, 57 00:04:33,795 --> 00:04:39,665 ein Angular oder React für die Implementierung von Front-End-Anwendungen abdecken werden. 58 00:04:39,665 --> 00:04:42,350 Dann 59 00:04:42,350 --> 00:04:45,154 werden wir auf der Business-Logikschicht NodeJS und NodeJS Module 60 00:04:45,154 --> 00:04:51,230 und Express für die Implementierung der Business-Logikschicht verwenden. 61 00:04:51,230 --> 00:04:54,920 Wir werden auch Backend als Service betrachten und dann 62 00:04:54,920 --> 00:04:59,760 die mit MongoDB implementierte Datenunterstützung.