1 00:00:02,230 --> 00:00:06,260 Was ist Full Stack Web Development? 2 00:00:06,260 --> 00:00:09,240 Lassen Sie mich Ihnen ein paar Begriffe klarstellen So, 3 00:00:09,240 --> 00:00:11,915 dass wir ein gemeinsames Verständnis der 4 00:00:11,915 --> 00:00:17,895 Full-Stack-Web-Entwicklung begonnen haben, wie in dieser speziellen Sitzung angewendet. 5 00:00:17,895 --> 00:00:22,360 Wir hören oft Leute, die über das Frond und das Backend sprechen. 6 00:00:22,360 --> 00:00:28,095 Das Frond ist, wo wir den Inhalt an den Benutzer liefern, in der Regel, 7 00:00:28,095 --> 00:00:32,135 in einem Browser, wo sie verwenden, greift auf die Informationen, 8 00:00:32,135 --> 00:00:36,800 und hier verwenden wir Technologien wie HTML, 9 00:00:36,800 --> 00:00:41,435 CSS und JavaScript, um den Inhalt für den Benutzer zu rendern. 10 00:00:41,435 --> 00:00:48,275 Diese Informationsbereitstellung wird hinter den Kulissen durch 11 00:00:48,275 --> 00:00:56,825 eine Back-End-Unterstützung unterstützt, die heutzutage typischerweise mit Technologien wie PHP, 12 00:00:56,825 --> 00:01:02,670 Java, ASP.NET, Ruby, Python oder NodeJS implementiert wird. 13 00:01:02,670 --> 00:01:08,279 Wir hören oft Leute, die über die dreistufige Architektur für Web Development sprechen. 14 00:01:08,279 --> 00:01:14,235 Bei diesem Ansatz ist die gesamte Webanwendung in drei verschiedene Ebenen gegliedert. 15 00:01:14,235 --> 00:01:20,500 Die Präsentationsschicht, die sich mit der Bereitstellung der an den Benutzer befasst, 16 00:01:20,500 --> 00:01:21,545 Also, dies ist in 17 00:01:21,545 --> 00:01:26,710 der Regel die UI-bezogenen Bedenken, die auf der Präsentationsschicht behandelt werden. 18 00:01:26,710 --> 00:01:29,070 Der Business Logic Layer hingegen 19 00:01:29,070 --> 00:01:32,670 beschäftigt sich mehr mit den Daten, der Datenvalidierung, der 20 00:01:32,670 --> 00:01:34,570 dynamischen Content-Verarbeitung 21 00:01:34,570 --> 00:01:39,260 und der Generierung der Inhalte, die dem Benutzer zur Verfügung gestellt werden sollen. 22 00:01:39,260 --> 00:01:42,500 Dies wird hinter den Kulissen 23 00:01:42,500 --> 00:01:46,030 mit dem Datenpersistenz-Layer oder der Datenzugriffsebene gesichert. 24 00:01:46,030 --> 00:01:52,000 Dies betrifft also, wie wir die Daten in der 25 00:01:52,000 --> 00:01:58,650 Regel in Form einer Datenbank speichern und mit ihnen interagieren und über eine API auf diese Daten zugreifen. 26 00:01:58,650 --> 00:02:02,950 Erkunden Sie dies weiter, lassen Sie uns sehen, was 27 00:02:02,950 --> 00:02:08,255 typischerweise in der traditionellen Web-Entwicklung in jeder dieser drei Schichten implementiert ist. 28 00:02:08,255 --> 00:02:13,490 Der Business Logic Layer wird heutzutage normalerweise mit Technologien wie Ruby, 29 00:02:13,490 --> 00:02:19,220 Python, PHP, JAVA, C++ oder ASP.NET implementiert. 30 00:02:19,220 --> 00:02:25,430 Dieser Business Logic Layer interagiert hinter den Kulissen mit 31 00:02:25,430 --> 00:02:28,260 den persistenten Daten, die normalerweise in 32 00:02:28,260 --> 00:02:34,395 einer relationalen Datenbank gespeichert sind und auf die der Business Logic Layer zugegriffen wird. 33 00:02:34,395 --> 00:02:37,360 Der Business Logic Layer befasst sich auch 34 00:02:37,360 --> 00:02:40,970 mit dem Rendern von Informationen auf der Vorderseite 35 00:02:40,970 --> 00:02:44,285 , typischerweise in Form eines serverseitigen Renderings in diesen Tagen. 36 00:02:44,285 --> 00:02:47,480 So wird HTML, CSS und JavaScript 37 00:02:47,480 --> 00:02:52,460 serverseitig generiert und dann in Form einer Webseite an die Clientseite gesendet. 38 00:02:52,460 --> 00:02:58,925 Bei diesem Ansatz brauchen wir Spezialisten in jeder dieser drei Schichten. 39 00:02:58,925 --> 00:03:01,010 Daher 40 00:03:01,010 --> 00:03:06,390 wären Frond-End-Spezialisten in der Regel gut in HTML, CSS und JavaScript versiert. 41 00:03:06,390 --> 00:03:10,280 Der Spezialist für 42 00:03:10,280 --> 00:03:14,390 Geschäftslogik wäre mit einer der Technologien vertraut, die 43 00:03:14,390 --> 00:03:17,310 für die Implementierung der Geschäftslogik verwendet 44 00:03:17,310 --> 00:03:24,120 wird, und dann benötigen Sie einen Datenspezialisten, der sich mit dem relationalen Datenbankmanagementsystem auskennt. 45 00:03:24,120 --> 00:03:27,810 Es gibt einen zunehmenden Trend zur Verwendung 46 00:03:27,810 --> 00:03:32,225 einer einzigen Sprache, um den gesamten Stack zu implementieren, 47 00:03:32,225 --> 00:03:37,530 dies ist JavaScript, so dass Sie das Frond 48 00:03:37,530 --> 00:03:43,800 beispielsweise als eine einzelne Seitenanwendung mit Frameworks wie Angular oder React implementieren können. 49 00:03:43,800 --> 00:03:46,450 Sie haben die serverseitige oder 50 00:03:46,450 --> 00:03:51,080 Business Logic Layer, die mit Technologien wie NodeJS implementiert wird, 51 00:03:51,080 --> 00:03:56,165 die ebenfalls von JavaScript abhängig ist, und dann haben Sie die Datenspeicherung selbst, die 52 00:03:56,165 --> 00:03:59,525 mit Technologien wie MongoDB implementiert wird, 53 00:03:59,525 --> 00:04:03,605 die Daten in Form von JSON-Dokumenten speichert. 54 00:04:03,605 --> 00:04:10,640 Und der Informationsaustausch zwischen der Server- und der Client-Seite 55 00:04:10,640 --> 00:04:19,690 erfolgt normalerweise mit JSON als Format und die Serverseite unterstützt einen REST-API-Endpunkt. 56 00:04:19,690 --> 00:04:24,990 Wir werden diese Technologien im Rahmen dieser Spezialisierung abdecken. 57 00:04:24,990 --> 00:04:27,875 Wenn Sie also die Spezialisierung durchlaufen, 58 00:04:27,875 --> 00:04:31,370 werden Sie sehen, dass 59 00:04:31,370 --> 00:04:35,510 wir auf der Präsentationsschicht Bootstrap vier und Angular oder 60 00:04:35,510 --> 00:04:40,420 React für die Implementierung von Frond-End-Anwendungen abdecken 61 00:04:40,420 --> 00:04:45,115 werden, während wir auf der Business Logic Schicht NodeJS und NodeJS Module verwenden 62 00:04:45,115 --> 00:04:51,100 und für Implementieren der Business Logic Layer. 63 00:04:51,100 --> 00:04:54,720 Wir werden auch Backend als Service betrachten und 64 00:04:54,720 --> 00:04:59,400 dann die mit MongoDB implementierte Datenunterstützung.