1 00:00:08,450 --> 00:00:10,480 Moin zufolge 11 und einfach komplex. 2 00:00:10,490 --> 00:00:13,490 Hier sind wieder Burkhard und Gerrit Ja, Moin Moin aus Hamburg 3 00:00:13,500 --> 00:00:15,730 schön, dass ihr wieder da seid, dem kann ich mich nur 4 00:00:15,740 --> 00:00:18,420 anschließen. Jetzt sind schon 10 folgen rum 5 00:00:18,470 --> 00:00:21,740 und wir kriegen wir Hörerinnen und Hörer ist richtig cool 6 00:00:21,750 --> 00:00:25,230 bleibt dabei macht richtig Spaß. Heute haben wir auch wieder ein 7 00:00:25,240 --> 00:00:28,160 Thema mitgebracht, weil wir uns viel damit beschäftigt haben, 8 00:00:28,210 --> 00:00:32,119 Burkhard eher technisch ich eher als Anwender und das ist das 9 00:00:32,130 --> 00:00:35,480 Thema Webseiten oder Websites Webanwendungen noch konkreter. 10 00:00:36,330 --> 00:00:40,120 Wollen wir das Thema Single Page Applications uns heute genau 11 00:00:40,130 --> 00:00:42,230 angucken? Richtig richtig genau? 12 00:00:43,090 --> 00:00:46,000 Was Single Page Applications sind und was es noch für andere 13 00:00:46,010 --> 00:00:48,550 Arten von Webanwendungen Websites gibt das würden wir 14 00:00:48,560 --> 00:00:50,930 dann im ersten Teil anschauen, dann später ein bisschen in die 15 00:00:50,940 --> 00:00:52,710 Technik gucken was steckt eigentlich hinter einer Website? 16 00:00:52,720 --> 00:00:57,860 Ich glaube, HTML javascript, CSS, also Kram haben wir ein 17 00:00:57,870 --> 00:01:00,540 bisschen auseinander und dann nachher nochmal die vor und 18 00:01:00,550 --> 00:01:01,390 Nachteile der einzelnen Technologien. 19 00:01:01,400 --> 00:01:05,040 Das ist das Ziel für heute. Alles klar, ich bin fertig, ja, 20 00:01:05,080 --> 00:01:07,200 du bist fertig, ja geht los OK schon ganz gespannt. 21 00:01:07,210 --> 00:01:10,970 Dann stellen wir doch mal vor, was eine Single Page Application 22 00:01:11,010 --> 00:01:12,950 ist. Ich hab den Begriff des ersten 23 00:01:12,960 --> 00:01:16,410 Mal gehört, muss ich sagen. Ja, eine sogenannte SPA. 24 00:01:16,420 --> 00:01:18,110 Die Abkürzung ist auch ganz geläufig. 25 00:01:18,150 --> 00:01:22,510 Single Page application. Ja ist eine Art Web Inhalte zu 26 00:01:22,520 --> 00:01:27,780 verteilen, eine Art von mindestens 2 wichtigen ich also 27 00:01:27,820 --> 00:01:31,290 ganz, ganz offensichtlich gibt es eine Multi Page application, 28 00:01:31,330 --> 00:01:33,850 was ich jetzt gerade mal weg, also mal ganz kurz gesagt was 29 00:01:33,860 --> 00:01:37,490 passiert, wenn ich Single page application, wenn ich in meinem 30 00:01:37,500 --> 00:01:42,190 Browser l ein tippe, um mir eine Webseite erstmal sag ich mal so 31 00:01:42,200 --> 00:01:45,540 anzeigen zu lassen. Dann jetzt fang ich an. 32 00:01:45,550 --> 00:01:49,400 Mit der Multi Page Application passiert typischerweise so was 33 00:01:49,440 --> 00:01:53,000 so was soll ich mal historisch immer, dass mir der Server, den 34 00:01:53,010 --> 00:01:57,980 ich quasi anrufe durch die UL, eine Webseite zurückliefert und 35 00:01:57,990 --> 00:01:59,900 was heißt Webseite also ein Prinzip? 36 00:01:59,910 --> 00:02:05,650 Ein Dokument, was nach HTMHTML Praxis quasi formatiert ist. 37 00:02:05,690 --> 00:02:08,330 HTML ist die Hyper Text Markup Language. 38 00:02:08,639 --> 00:02:11,580 Die hat mir jetzt noch in der Folge, aber HTML habe ich schon 39 00:02:11,590 --> 00:02:13,850 mal gehört, aber du kannst ja auch nochmal erklären. 40 00:02:13,920 --> 00:02:16,700 Ja, wir machen es kurz also HT ist eigentlich keine 41 00:02:16,710 --> 00:02:19,380 Programmiersprache, sondern eine Mark App language, man sagt und 42 00:02:19,390 --> 00:02:23,490 das HT steht für Hypertext und das heißt eigentlich nichts 43 00:02:23,500 --> 00:02:26,620 anderes, als dass ich die Möglichkeit habe links zu 44 00:02:26,630 --> 00:02:30,280 setzen, also von einer Seite auf die nächste und das ist ja im 45 00:02:30,290 --> 00:02:33,400 Prinzip so die Grundidee des Internets, ne sich von einer 46 00:02:33,410 --> 00:02:36,830 Seite auf die nächste und navigieren kann springen kann 47 00:02:36,840 --> 00:02:39,060 und wir dann quasi Informationen zusammenziehen kann. 48 00:02:39,650 --> 00:02:42,080 Da wäre ich sogar unabhängig von irgendwelchen Suchmaschinen, 49 00:02:42,090 --> 00:02:45,250 wenn man es so sieht ne genau und das hat es eigentlich nur. 50 00:02:45,550 --> 00:02:48,840 Ja, es ist im Prinzip Textueller, textueller Inhalt 51 00:02:48,960 --> 00:02:53,560 und Markup heißt quasi ich bereite den quasi auf beim HTML 52 00:02:53,570 --> 00:02:55,170 quasi semantisch. Ich kann halt sagen. 53 00:02:55,840 --> 00:02:59,090 Das hier ist eine Überschrift es gibt die sogenannten Tags. 54 00:02:59,130 --> 00:03:01,930 Kann man zum Beispiel sehen bei jeder Webseite, man kann sagen 55 00:03:01,940 --> 00:03:05,760 zeig mir mal den den Source Code der Webseite an den Wahlen 56 00:03:05,770 --> 00:03:07,950 Browser sehen ist ja schon alles aufgehübscht und aufbereitet, 57 00:03:07,960 --> 00:03:11,070 also schon das interpretierte HTML. 58 00:03:11,080 --> 00:03:13,350 Und wenn ich sehen will, wie es tatsächlich aussieht in Schrift, 59 00:03:13,360 --> 00:03:16,970 ja f 12 drücken ja, dann bist du aber schon bei der 60 00:03:16,980 --> 00:03:18,250 Entwicklertools bist du noch einen Schritt weiter? 61 00:03:18,260 --> 00:03:21,890 Ich stehe nicht für den Quelltextanzeigen, da gibt es 62 00:03:21,900 --> 00:03:23,900 gleich nochmal extra Knopf und dann siehst du tatsächlich 63 00:03:23,910 --> 00:03:28,870 einfach nur roh. HTML aussieht, was da gerade und 64 00:03:28,880 --> 00:03:30,760 dann siehst du Sachen wie ganz oft, wieso? 65 00:03:30,770 --> 00:03:35,140 Kleiner, größer Zeichen und in diesem kleiner größer Zeichen 66 00:03:35,150 --> 00:03:40,720 versteckt sich so wie h 1 h 2 div oder P und so weiter und das 67 00:03:40,730 --> 00:03:45,380 sind die sogenannten Tags, die ja kategorisieren, die quasi den 68 00:03:45,390 --> 00:03:47,950 Inhalt ich würde mal sagen semantisch. 69 00:03:48,560 --> 00:03:51,840 In h 1 h 2 steht zum Beispiel heading 1 heading 2 also 70 00:03:51,850 --> 00:03:55,160 Überschrift ganz oben Überschrift also sub Überschrift 71 00:03:55,170 --> 00:03:57,820 und so weiter und sofort, wie man es im Prinzip man kann es 72 00:03:57,830 --> 00:04:00,580 sich so vorstellen, weil wenn ich ein Word Dokument ordentlich 73 00:04:00,590 --> 00:04:03,150 mache, dann tue ich ja auch nicht nur den Text hin und mach 74 00:04:03,160 --> 00:04:05,790 dann irgendwann mal was z, sondern sage ich ja auch hier 75 00:04:05,800 --> 00:04:08,830 pass mal auf, dass eine Überschrift und so weiter also 76 00:04:08,840 --> 00:04:13,050 ich gebe dem Ganzen dem ganzen textuellen Inhalt der Semantik 77 00:04:13,180 --> 00:04:15,940 ja und ich kann auch es gibt ja auch irgendwie konfiguriere ich 78 00:04:15,950 --> 00:04:18,200 den Text ja auch in gewisser Weise ja ja, also was ich in 79 00:04:18,209 --> 00:04:20,610 Word. Zum Beispiel etwas Fett mache es 80 00:04:20,620 --> 00:04:24,270 wäre, wenn ich es direkt in HDL ausdrücke, ohne diese bei diesen 81 00:04:24,280 --> 00:04:27,220 Button clicked machen müsste ich davor und dahinter ein gewisses 82 00:04:27,230 --> 00:04:30,920 Setzen, damit dieser Text, der zwischen diesen 2 Tags wiederum 83 00:04:30,930 --> 00:04:33,440 ist einfach fett gedruckt wird, kann ich nur sagen, dass ich 84 00:04:33,450 --> 00:04:37,970 halt b ne, also kleiner B größer und dann kommt der Text den du 85 00:04:37,980 --> 00:04:39,910 dann halt haben willst, dann musst du diesen Tag wieder 86 00:04:39,920 --> 00:04:42,690 schließen, ne, das sind sogenannte Tags mit Inhalt und 87 00:04:42,700 --> 00:04:46,730 es gibt auch Voice tags wo du wo du sagst OK, da ist gar kein 88 00:04:46,770 --> 00:04:49,570 quasi gar keinen Content drin, sondern nur die sogenannten 89 00:04:49,580 --> 00:04:53,180 Attribute. Es gibt auch also also jetzt 90 00:04:53,190 --> 00:04:57,390 dieser Bold zum Beispiel, wenn ganz schlicht gesagt hier steht 91 00:04:57,400 --> 00:04:59,730 für genau und i steht für Italic. 92 00:05:00,070 --> 00:05:03,280 Da gibt es ein paar. Normalerweise haben die Namen 93 00:05:03,290 --> 00:05:05,760 schon irgendwie, sie haben irgendwas damit zu tun mit dem, 94 00:05:05,770 --> 00:05:08,460 was du tun willst. Es gibt welche, die schließen 95 00:05:08,470 --> 00:05:10,960 sich die schließen sich immer alle, aber manchmal brauchst du 96 00:05:10,970 --> 00:05:14,340 nur quasi einen Tag, den du öffnest und schließt und hast 97 00:05:14,350 --> 00:05:17,170 keinen Content. Das nennt sich sogenannte Text, 98 00:05:17,210 --> 00:05:20,110 zum Beispiel beim Image. Da hast du dann das Image, hat 99 00:05:20,120 --> 00:05:23,780 quasi nur ein Attribut, denn dann steht halt noch in dem Tag 100 00:05:23,790 --> 00:05:26,280 drin. SRC source für die Quelle des 101 00:05:26,290 --> 00:05:28,210 Images. Da gibt es natürlicherweise L an 102 00:05:28,670 --> 00:05:31,730 und dann schließt du den, ohne dass weiterer Inhalt ist so gut, 103 00:05:31,770 --> 00:05:35,860 jetzt sind wir jetzt schon wieder HTML in Tiefe so ne, aber 104 00:05:35,870 --> 00:05:36,960 das wollen wir gar nicht sprechen. 105 00:05:36,970 --> 00:05:38,850 Aber ich war glaube ich an der Stelle. 106 00:05:38,920 --> 00:05:44,920 Du sagtest, man ruft von einem Server HTML Files ab genau und 107 00:05:44,930 --> 00:05:47,380 genau und dann kann man sich so vorstellen, dass der Server dann 108 00:05:47,640 --> 00:05:51,320 im einfachsten Falle bringt er mir diese dieses HTML file 109 00:05:51,330 --> 00:05:55,370 zurück in meinem Browser hab ich übers Netzwerk runtergeladen und 110 00:05:55,380 --> 00:05:58,940 dann ist der Browser ist quasi eine Art rendering Maschine der 111 00:05:58,950 --> 00:06:02,250 interpretiert das halt gleich diesen Markt Text und zeigt mir, 112 00:06:02,260 --> 00:06:05,960 dass dann schon gefährlich an quasi so dass ich, dass ich eine 113 00:06:05,970 --> 00:06:08,720 schöne Seite irgendwie uns heute kennt bekomme, so dass ich nicht 114 00:06:08,730 --> 00:06:10,690 mehr diese tags sehe, sondern der Text einfach. 115 00:06:10,760 --> 00:06:14,070 Geholt und ich hab nicht den Text davor ganz genau ganz genau 116 00:06:14,300 --> 00:06:17,190 und dann muss im Prinzip kann man HTML jetzt nicht alleine, 117 00:06:17,290 --> 00:06:21,300 also s kategorisiert den Text, den Inhalt und so wie du dann 118 00:06:21,310 --> 00:06:23,560 auch bei Word sagt zum Beispiel ich möchte, dass halt alle 119 00:06:23,570 --> 00:06:28,040 Überschriften von h 1 zum Beispiel diese Art von T haben 120 00:06:28,050 --> 00:06:30,920 diese Größe haben und dann von mir aus noch unterstrichen sind 121 00:06:30,930 --> 00:06:33,400 oder fett gedruckt oder irgendwas also ich sag mal das 122 00:06:33,410 --> 00:06:37,340 Layout die tatsächliche Optik, die klebst du quasi mit an 123 00:06:37,350 --> 00:06:40,220 diesem Tag das kannst du beim HTML auch machen. 124 00:06:40,230 --> 00:06:43,810 Das nennt sich dann CSS. Cascading Style, Sheets und 125 00:06:43,820 --> 00:06:47,130 jetzt weiter drauf auszugehen ist, dass quasi die die Art und 126 00:06:47,140 --> 00:06:50,760 Weise, wie du ausdrückst wie die wie die Styling sein soll, von 127 00:06:50,770 --> 00:06:54,760 Gewissen tags für mich Wiederholungen alle natürlich 128 00:06:54,770 --> 00:06:58,630 die zuhören. Im HTML sag ich h 1 das war 129 00:06:58,640 --> 00:07:02,200 jetzt eine Header 1 werden also meine Überschrift einer sein und 130 00:07:02,210 --> 00:07:05,370 in dem Cascading Stylesheet im CSS hab ich jetzt definiert was 131 00:07:05,410 --> 00:07:09,950 bedeutet h 1 also genau in einer gewissen Schriftart einer 132 00:07:09,960 --> 00:07:13,100 gewissen Größe ganz genau in in was auch immer in leuchtend grün 133 00:07:13,110 --> 00:07:16,350 ja, hast du richtig verstanden ja, genau ganz vereinfacht 134 00:07:16,360 --> 00:07:19,590 dargestellt ja, du kannst dich im CSS halt auf Tags beziehen 135 00:07:19,600 --> 00:07:22,700 und ganze Textzeilen du kannst dich auch auf andere Sachen 136 00:07:22,710 --> 00:07:25,110 beziehen im CSS du kannst also zum Beispiel auch. 137 00:07:26,300 --> 00:07:29,540 Obwohl du quasi einen Tag hast, zum Beispiel P für Paragraph 138 00:07:29,550 --> 00:07:32,320 kannst du sagen, diese eine bestimmte Paragraph, der soll 139 00:07:32,330 --> 00:07:34,570 halt anders gestaltet werden als alle anderen PS. 140 00:07:34,580 --> 00:07:37,990 In dem HTML Dokument und dann gibt es wieder verschiedene 141 00:07:38,030 --> 00:07:40,970 Mittel und Wege das denen zu identifizieren, zum Beispiel 142 00:07:40,980 --> 00:07:44,260 über eine ID also du kannst dann quasi innerhalb des Tages 143 00:07:44,270 --> 00:07:47,530 bestimmte Attribute setzen, dann schreibst du halt quasi rein, 144 00:07:47,930 --> 00:07:51,510 ich sag mal so kleiner p und dann kommt ein Attribut in dem 145 00:07:51,520 --> 00:07:55,540 Falle ID gleich und dann gibst du irgendeine D my specific 146 00:07:55,550 --> 00:07:58,670 Paragraph oder Irgendsowas? Machst du hast du den Text und 147 00:07:58,680 --> 00:08:01,500 dann kannst du dich im CSS auf diese ID berufen und sagen 148 00:08:01,560 --> 00:08:04,100 dieses P aber bitte irgendwie dunkelgrün? 149 00:08:04,110 --> 00:08:07,100 Während alle anderen P irgendwie grün sind und so weiter OK war. 150 00:08:07,680 --> 00:08:11,320 Das ist total ausgefeiltes System, das ist also da gibt es 151 00:08:11,330 --> 00:08:14,300 ganz viele Wege und Mittel das auszudrücken, aber es ist halt 152 00:08:14,310 --> 00:08:17,130 gehört zum Standard, der der Webseiten Stylings und Aufbaus 153 00:08:17,140 --> 00:08:20,370 ja genau kann man also sagen kann man das so sagen H Inhalt 154 00:08:20,380 --> 00:08:24,600 einer Website, zum Beispiel. Während CSS immer das Styling 155 00:08:24,610 --> 00:08:28,640 das kann man genauso sagen. Und jetzt fangen wir an, wo wir 156 00:08:28,650 --> 00:08:32,460 angefangen hatten, also ich rufe den Server auf und dann kommt 157 00:08:32,470 --> 00:08:36,880 eine HTML Seite mit hinterlegtem Styling, also mit dem CSS. 158 00:08:36,919 --> 00:08:41,020 Typischerweise ist DSS Shirt mit und das wird mir dann direkt 159 00:08:41,030 --> 00:08:45,260 angezeigt vom Browser und im und wenn ich dann genau, dann kriege 160 00:08:45,270 --> 00:08:47,860 ich inhalier also Texte und so weiter und dann kann ich auch 161 00:08:47,870 --> 00:08:49,870 links bekommen oder oder Buttons. 162 00:08:50,470 --> 00:08:52,910 Ja die wo ich dann noch nicht den Button drücke, oder zum 163 00:08:52,920 --> 00:08:56,450 Beispiel Menü ne und wenn ich das jetzt auswählen, dann will 164 00:08:56,460 --> 00:09:00,670 ich quasi neuen Inhalt sehen, weil ich irgendwo hin navigiere 165 00:09:00,680 --> 00:09:03,450 zum Beispiel ja. Und in der alten Welt war es 166 00:09:03,460 --> 00:09:06,640 dann so, dass jeder einzelne Klick jeder Link, den du 167 00:09:06,650 --> 00:09:09,600 aufrufst, wie deine neue Anfrage gegen Server macht. 168 00:09:10,260 --> 00:09:14,520 Und dann wieder vom Server ne neue entsprechend des links was 169 00:09:14,530 --> 00:09:19,570 ich angeklickt hab ne neue HTML Seite angezeigt bekommst und 170 00:09:19,580 --> 00:09:22,610 dann neue Inhalt so und dann deswegen ist das Multipage weil 171 00:09:22,620 --> 00:09:25,260 im Prinzip einen Webauftritt unter einer Domain quasi 172 00:09:25,270 --> 00:09:28,120 verschiedene auf dem Server verschiedene Seiten hinterlegt 173 00:09:28,130 --> 00:09:31,890 hat und je nachdem wo ich so klicke bekomme ich halt diese 174 00:09:31,900 --> 00:09:37,160 Seite vom Server angezeigt, so mal die Anwendung ne aufn Server 175 00:09:38,020 --> 00:09:43,090 ist eigentlich immer eintippen. Dann schau ich so n Anruf an dem 176 00:09:43,100 --> 00:09:45,230 Server, der gibt mir dann die Seite zurück, da gibt es noch 177 00:09:45,240 --> 00:09:47,910 mehr Kommunikation zwischen, aber das passiert im Grunde ja 178 00:09:47,920 --> 00:09:52,250 passiert ne ganze Menge mehr. Aber ja genau und wenn ich dann 179 00:09:52,260 --> 00:09:55,270 auf einen kleinen Unterseite dieser Domain zum Beispiel ist 180 00:09:55,340 --> 00:09:59,130 passiert genau das gleiche und das nimmst s Tipps für dich, 181 00:09:59,440 --> 00:10:01,400 aber wenn du da guckst, dann siehst du genau wenn du den Link 182 00:10:01,410 --> 00:10:03,000 klickst. Manchmal sieht man auch schon 183 00:10:03,210 --> 00:10:06,310 als Vorschau wenn du über einen Link hast einen modernen Browser 184 00:10:06,320 --> 00:10:10,250 siehst du schon was ist das für ne UL, die dann aufgelöst wird, 185 00:10:10,260 --> 00:10:12,050 wenn nicht also aufgelöst werden wird? 186 00:10:12,120 --> 00:10:14,960 Noch nicht, aber sie kann sich schon sehen was ist, wenn ich 187 00:10:14,970 --> 00:10:17,840 ihn zurück Button klicke, rufe ich dann wieder die Seite davor 188 00:10:17,850 --> 00:10:20,180 nochmal neu auf oder ist die noch irgendwo zwischengeladen? 189 00:10:20,190 --> 00:10:23,550 Nee, du rufst sie tatsächlich in dieser alten Welt rufst du 190 00:10:23,560 --> 00:10:26,390 einfach die Seite wieder vor auf genau dann das macht deinen 191 00:10:26,400 --> 00:10:29,920 Browser für dich, der merkt sich einfach nur die Historie deiner 192 00:10:29,930 --> 00:10:33,420 aufgerufenen ULS ja, und ob du die jetzt so eingetippt hast 193 00:10:33,430 --> 00:10:36,460 oder ob die quasi für dich eingetippt wurden, weil du nen 194 00:10:36,470 --> 00:10:37,860 Link oder den Button gedrückt hast. 195 00:10:37,870 --> 00:10:41,940 Da ist mal irrelevant genau ja, das man kennt das noch klappen. 196 00:10:42,360 --> 00:10:44,960 Bei älteren Anwendungen hast du das so ne manchmal, wenn du Form 197 00:10:45,390 --> 00:10:48,910 so ne Form ausfüllt zum Beispiel und mittendrin bist und rufst du 198 00:10:48,920 --> 00:10:52,830 machst den Browser weg, dann kann das zu Chaos führen, weil 199 00:10:52,840 --> 00:10:55,850 da im Prinzip. Wenn du jetzt den Wecker nicht 200 00:10:55,860 --> 00:10:58,560 viel Magie gemacht ist verliert, verliert er quasi die 201 00:10:58,570 --> 00:11:01,400 Informationen über die aktuelle Seite samt der Informationen 202 00:11:01,410 --> 00:11:03,870 deiner also samt des ausgefüllten oder angefangen 203 00:11:03,880 --> 00:11:07,640 ausgefüllten Forms. Und dann ist das alles weg und 204 00:11:07,650 --> 00:11:11,380 wieder vor allem ärgerlich. Genau so und jetzt? 205 00:11:11,420 --> 00:11:14,050 Single Page Application und wollte eigentlich sprechen, das 206 00:11:14,060 --> 00:11:17,970 ist jetzt ein bisschen anders. Im Prinzip kann man sagen du 207 00:11:18,010 --> 00:11:20,940 also, es fängt genauso an wie der multipage du hast also UL, 208 00:11:20,950 --> 00:11:24,070 die du aufrufst und wenn du aber diese UL aufrufst, dann passiert 209 00:11:24,080 --> 00:11:26,720 was anderes dann kommt nämlich dann kommt nämlich nicht nur 210 00:11:26,730 --> 00:11:31,450 eine einzige Seite zurück. Sondern ein ganzes Bündel von 211 00:11:31,460 --> 00:11:35,490 Informationen und und bei Single Page Application. 212 00:11:35,500 --> 00:11:39,100 Ich würde dich ich verdammt noch mal dazu zu sagen es ist halt 213 00:11:39,140 --> 00:11:43,090 HTMLCSS und Java Script, also eine Programmiersprache im 214 00:11:43,100 --> 00:11:47,460 Bündel was zurückkommt? Und was dann passiert ist, dass 215 00:11:47,500 --> 00:11:51,870 quasi die Rollen so n bisschen wechseln, also in diesem Bündel 216 00:11:51,880 --> 00:11:55,170 steckt diese ganze Informationen drin wie bei den Multi Page 217 00:11:55,180 --> 00:11:58,230 Applications beim Server hinterlegt sind, aber dieses 218 00:11:58,240 --> 00:12:01,150 Bündel ist quasi kriegst quasi deswegen heißt Application also 219 00:12:01,160 --> 00:12:04,430 quasi eine ganze Anwendung. Diese ganze Logik der 220 00:12:04,440 --> 00:12:06,730 verschiedenen Seiten, die zur Verfügung stehen und so weiter 221 00:12:06,740 --> 00:12:10,730 ist in diesem Bündel mit drin und dein Browser kann quasi 222 00:12:10,740 --> 00:12:14,530 Seiten wechseln, obwohl es keinen neuen Aufruf gegen den 223 00:12:14,540 --> 00:12:16,970 Server gibt, weil das alles in diesem Bündel mit drin steckt. 224 00:12:17,040 --> 00:12:20,250 Ja, das ist wieso? Ein Programm ja und oftmals ist 225 00:12:20,260 --> 00:12:22,580 aber schon optional siehst du auch im Browser, dass sich die 226 00:12:22,590 --> 00:12:26,540 UL ändert, das ist aber quasi Fake, also das kann man 227 00:12:26,550 --> 00:12:29,220 programmieren. Programmieren durch javascript 228 00:12:29,230 --> 00:12:32,230 quasi dass der Browser so tut, als hätte es geändert, aber im 229 00:12:32,240 --> 00:12:35,140 Hintergrund passiert tatsächlich keinen kein Netzwerkaufruf gegen 230 00:12:35,150 --> 00:12:38,820 den Server, sondern es wird halt einfach von innen heraus quasi 231 00:12:38,830 --> 00:12:40,460 die Seite gewechselt und sofort ja. 232 00:12:41,480 --> 00:12:43,860 Ist das ein krasser Unterschied zu dem wie das Halt 233 00:12:43,870 --> 00:12:45,920 funktioniert? Ja, mit dem Multipage ja kannst 234 00:12:45,970 --> 00:12:48,060 du dir schon vorstellen bei dem was ich gesagt hab glaub ich, 235 00:12:48,070 --> 00:12:51,640 was das alles für Konsequenzen Konsequenzen gar nicht so sehr 236 00:12:51,650 --> 00:12:53,980 also beziehungsweise Geschwindigkeit könnte eine 237 00:12:53,990 --> 00:12:56,590 Konsequenz sein, dass die einfach optimiert wird, weil ich 238 00:12:56,600 --> 00:12:59,040 ja nicht diese Kommunikation zwischen Client und Server habe. 239 00:12:59,050 --> 00:13:03,360 Genau genau diesen Faktoren a also es hat das warum sollte ich 240 00:13:03,370 --> 00:13:06,070 das sonst machen und in welchen Fällen soll ich das machen? 241 00:13:06,080 --> 00:13:09,070 Ja, du hast Applications jetzt nochmal betont, gerade eine 242 00:13:09,340 --> 00:13:11,650 klassische Website ist ja eher oder ganz klassisch. 243 00:13:12,300 --> 00:13:14,720 Statisch, dann immer interaktiver und immer 244 00:13:14,760 --> 00:13:17,960 funktionaler auch. Aber wir haben auch viele Bars 245 00:13:17,970 --> 00:13:19,950 gesprochen oder haben ein eigenes Produkt, das sind ja 246 00:13:19,960 --> 00:13:22,670 doch Applications, der auch auftreten oder daherkommen. 247 00:13:22,680 --> 00:13:27,040 Webseite ja, genau das stimmt ja, aber du hast quasi schon 248 00:13:27,050 --> 00:13:29,280 beantwortet so n bisschen ne also wenn ich wenn ich nur 249 00:13:29,290 --> 00:13:33,800 statischen Content habe und der Inhalt einer Webseite quasi vom 250 00:13:33,810 --> 00:13:36,880 Use case mich schon zufriedenstellt und ich beim 251 00:13:36,890 --> 00:13:39,800 Klick quasi wieder neue statische Informationen erwarte 252 00:13:39,810 --> 00:13:42,050 und dann ist das auch völlig in Ordnung so zu tun. 253 00:13:42,530 --> 00:13:45,830 Immer dann, wenn du. Wie soll ich sagen, wenn du so 254 00:13:45,870 --> 00:13:48,880 ne Art kontinuierliches Weiterarbeiten ermöglichen 255 00:13:48,890 --> 00:13:51,450 möchtest? Wie ist eine Anwendung? 256 00:13:51,460 --> 00:13:54,510 Da hast du Dragon Drops zum Beispiel irgendwas von A nach B 257 00:13:54,680 --> 00:13:57,790 willst du da sehen, dann arbeitest du mit dem gedopten 258 00:13:57,800 --> 00:14:01,710 Element und fühlst irgendwas aus und so weiter, dann ist das halt 259 00:14:01,720 --> 00:14:05,450 viel eleganter zu realisieren. In der Single Page Application. 260 00:14:06,170 --> 00:14:09,150 Weil man sich quasi andauernd diesen diesen Cycle diesen 261 00:14:09,160 --> 00:14:12,820 Server Client cycle spart und auch vor allen Dingen das viel 262 00:14:12,830 --> 00:14:15,460 einfacher bleibt in State, das ist jetzt ein Fachwort, aber 263 00:14:15,470 --> 00:14:19,400 statt quasi Anwendung State also was was ist gerade aktuell zu 264 00:14:19,410 --> 00:14:23,260 sehen, das zu maintain quasi ist viel einfacher Single Page 265 00:14:23,270 --> 00:14:26,220 application weißt du sowieso schon alles lokal ist das hab 266 00:14:26,230 --> 00:14:29,120 ich nicht verstanden ehrlich gesagt den States maintain ist 267 00:14:29,130 --> 00:14:32,080 müssen wir irgendwie in der Informatik ist halt ja 268 00:14:32,090 --> 00:14:34,720 vielleicht kannst du das noch mal wenn einzusetzen versuchen 269 00:14:34,730 --> 00:14:36,380 ja, ich versuchs mal nochmal schöner. 270 00:14:36,840 --> 00:14:40,670 Formulieren ja, ich mach mal ich ja also erstmal ist es ja so, 271 00:14:40,680 --> 00:14:43,220 dass man sich vorstellen muss der Server ist ja quasi es gibt 272 00:14:43,230 --> 00:14:45,720 ja nur einen Server für den Webauftritt, aber es gibt n 273 00:14:45,760 --> 00:14:49,290 Nutzer die drauf gucken ja also wenn wir jetzt Anwendungen 274 00:14:49,300 --> 00:14:53,320 könntest du ja klicken und die Website angucken und nicht auch 275 00:14:53,330 --> 00:14:55,840 und wir benutzen den gleichen Server und dann machst du aber 276 00:14:55,850 --> 00:14:58,310 was sehr individuelles du fühlst irgendwas aus Dresden Jobs 277 00:14:58,320 --> 00:15:02,880 irgendwas von a nach b ich drauf irgendwas von a nach C so und 278 00:15:02,890 --> 00:15:04,740 das und der Server. Wenn es jetzt bei Multipage ist. 279 00:15:04,750 --> 00:15:06,780 Der Server muss sich ja quasi alles dieses merken. 280 00:15:08,040 --> 00:15:12,610 Du hast von A nach b ja, ich hab ich hab irgendwo meine Email 281 00:15:12,620 --> 00:15:14,730 Adresse eingetippt ja, das ist halt meine und du hast deine 282 00:15:14,740 --> 00:15:18,150 eingetippt ja genau und wenn und wenn es und wenn es nicht schon 283 00:15:18,160 --> 00:15:20,350 abgeschlossen ist, dass wir die eintippen abschicken und der 284 00:15:20,360 --> 00:15:23,930 Prozess beendet, sondern wenn noch mehr kommt, dann muss ja 285 00:15:23,940 --> 00:15:25,760 der Server ständig. Das nennt sich State. 286 00:15:25,940 --> 00:15:29,060 Er muss halt wissen OK, der Gerrit ist ja gerade da oder 287 00:15:29,070 --> 00:15:31,050 wenigstens die Session von Garrett, dass wir der 288 00:15:31,060 --> 00:15:34,310 Fachbegriff ja ist gerade da und der macht jetzt weiter und ich 289 00:15:34,320 --> 00:15:37,920 muss ihn quasi im jetzt im Mai Page links auf der nächsten 290 00:15:37,930 --> 00:15:39,610 Seite. Muss ich quasi diese 291 00:15:39,620 --> 00:15:43,210 Informationen, die ihr vorher eingegeben hat, wieder laden und 292 00:15:43,220 --> 00:15:47,810 schon voraus füllen in das HTML, was dann die nächste Seite 293 00:15:47,820 --> 00:15:49,970 widerspiegelt, kann man alles machen. 294 00:15:50,880 --> 00:15:54,140 Ist aber auch schon, wie ich sage ist, schon bisschen 295 00:15:54,150 --> 00:15:55,850 aufwendig dann brauchst du irgendwie Datenbank im 296 00:15:55,860 --> 00:15:58,210 Hintergrund oder guck ich dann vorliest und so weiter und 297 00:15:58,220 --> 00:16:03,940 sofort das ist ja während der Single Page Application was ich 298 00:16:03,950 --> 00:16:06,970 gesagt ist nämlich wichtig es wird quasi in den Klienten in 299 00:16:06,980 --> 00:16:09,420 den Browser die Anwendungen reingeladen. 300 00:16:09,970 --> 00:16:13,720 Damit ist es schon ist der Drops schon gelutscht, weil wenn du 301 00:16:13,730 --> 00:16:17,080 initial quasi Single Page application drauf drauf klickst, 302 00:16:17,090 --> 00:16:20,920 bekommst du in deinem Browser das ganze Programm und es gibt 303 00:16:20,930 --> 00:16:22,750 Mittel und Wege, wie man ziemlich einfach. 304 00:16:22,820 --> 00:16:24,840 Die ganzen Informationen zum Beispiel die E Mail Adresse 305 00:16:24,850 --> 00:16:27,620 eingetippt hast, die speichert dann lokal dein Browser für 306 00:16:27,630 --> 00:16:30,340 dich, das ist sowieso schon in deinem Client dem Server ist das 307 00:16:30,350 --> 00:16:33,930 an der Stelle völlig Wurst und für mich ich habe das auch 308 00:16:33,940 --> 00:16:36,420 runtergeladen und in meinem Browser steht halt meine Email 309 00:16:36,430 --> 00:16:40,250 Adresse und das nennt sich dann quasi State ist quasi der State 310 00:16:40,260 --> 00:16:43,480 ist quasi deine e Mail Adresse, dann in dem Fall ja so und den 311 00:16:43,490 --> 00:16:47,000 kann ich mir dann viel einfacher merken, weil der ist ja quasi 312 00:16:47,010 --> 00:16:49,280 schon getrennt dadurch, dass wir in unseren verschiedenen 313 00:16:49,290 --> 00:16:52,860 Klienten vorgehalten bekommen ne, genau das war super, ja. 314 00:16:52,930 --> 00:16:58,390 So, so gibt es in NOK cool, ja manchmal nicht so einfach den 315 00:16:58,400 --> 00:17:01,850 ganzen Kram und aber da, wo wir da sind, wird ja gesagt 316 00:17:01,860 --> 00:17:04,490 Sicherheit und so können wir jetzt gerade noch einen Punkt 317 00:17:04,500 --> 00:17:08,050 machen wir das verstanden hat? Die Interaktion mit dem Server 318 00:17:08,060 --> 00:17:11,819 ist dann nämlich bei einer Single Page Application erstmal 319 00:17:11,859 --> 00:17:14,619 viel geringer. Mein erster Klick bei der Single 320 00:17:14,630 --> 00:17:17,410 Page Application lädt natürlich ein viel dickeres Datenbündel 321 00:17:17,420 --> 00:17:19,079 runter und das ist dann langsamer. 322 00:17:19,089 --> 00:17:22,040 Das ist genau das kann, dass sie kritisch, und das wird in 323 00:17:22,530 --> 00:17:24,660 Frameworks ständig optimiert. Da muss man auch als Entwickler 324 00:17:24,670 --> 00:17:28,329 genau gucken, dass du jetzt denn Application, je nachdem was die, 325 00:17:28,339 --> 00:17:31,550 was das dann so kann, die Webseite oder die Webanwendung 326 00:17:31,560 --> 00:17:35,890 wenn die halt ziemlich ziemlich ziemlich dick ist, dann so ein 327 00:17:35,900 --> 00:17:37,980 Bündel. Immer groß werden ja, ich sag 328 00:17:37,990 --> 00:17:41,780 mal was so 5 Megabyte oder 10 Megabyte wäre schon ziemlich 329 00:17:41,790 --> 00:17:44,760 ziemlich groß. Ja typischerweise versucht das 330 00:17:44,770 --> 00:17:47,380 eigentlich Kilobyte Bereich zu halten, also bei einer Webseite 331 00:17:47,390 --> 00:17:50,240 sind die, das ist normalerweise im Kilobyte Bereich und Du hast 332 00:17:50,250 --> 00:17:52,150 das schon gehört? Auch ich glaube unsere auch mal 333 00:17:52,160 --> 00:17:53,360 versucht alles Mögliche zu optimieren. 334 00:17:53,370 --> 00:17:56,520 Die Bilder in einem.jp Format oder es gibt ja noch bessere 335 00:17:56,530 --> 00:18:00,260 Formate, das möglichst wenig Daten durch das Netz fließen 336 00:18:00,270 --> 00:18:03,110 müssen. Es wird immer irrelevanter, wenn 337 00:18:03,120 --> 00:18:05,340 ich n, wenn ich ne super Netzwerkverbindung, wenn ich 338 00:18:05,350 --> 00:18:07,260 gerade hinter Glasfaser sitze, dann ist alles egal. 339 00:18:07,270 --> 00:18:10,770 Aber wenn ich mit meinem telefonisch irgendwo stehen, wo 340 00:18:10,780 --> 00:18:15,230 ich jetzt vielleicht nur e hab oder 3 g ja und ich dann Single 341 00:18:15,240 --> 00:18:17,760 Page application aufmachen will die 10 Megabyte runterladen 342 00:18:17,770 --> 00:18:21,030 möchte, dann ist es doof, ja, dann stehe ich dann eine ganze 343 00:18:21,040 --> 00:18:24,670 Weile lang ja so, da sagst du was also tatsächlich also der 344 00:18:24,680 --> 00:18:27,110 Fachbegriff glaube ich zumindest Google verwendet oder 345 00:18:27,120 --> 00:18:28,670 suchmaschinenanbieter Allgemeines die sogenannte 346 00:18:28,680 --> 00:18:33,630 Barrierefreiheit und Google testet in dem Fall, wie schnell 347 00:18:33,640 --> 00:18:37,870 eine Seite geladen wird bei 3 g Verbindung und das ist das ist 348 00:18:37,880 --> 00:18:41,370 der Gradmesser dafür, wie gut. Google ist der Google 349 00:18:41,380 --> 00:18:43,000 Algorithmus. Ich denke mal auch der Bing oder 350 00:18:43,010 --> 00:18:46,260 Duck go Algorithmus wie auch immer also wie gut die eine 351 00:18:46,270 --> 00:18:49,170 Website bewerten, was das Thema Barrierefreiheit angeht, das ist 352 00:18:49,180 --> 00:18:52,500 ein Faktor, ja quasi worst case ist halt nur 3 g Verbindungen 353 00:18:52,510 --> 00:18:54,520 tatsächlich da muss man ein bisschen gucken, dass man dieses 354 00:18:54,530 --> 00:18:57,580 Bündel ganz gut optimiert, ja also und das ist der Unterschied 355 00:18:57,590 --> 00:19:00,060 ne du hast natürlich das ist vielleicht ein Vorteil von den 356 00:19:00,070 --> 00:19:02,740 Multi Page Applications, weil das initial loading, also der 357 00:19:02,750 --> 00:19:05,120 die Response beim ersten Mal klicken, ist. 358 00:19:05,130 --> 00:19:08,450 Vermutlich im Schnitt kann man sagen schneller, weil der die 359 00:19:08,460 --> 00:19:10,020 Informationsdichte die rüberkommt. 360 00:19:10,090 --> 00:19:12,550 Einfach geringer also ich muss weniger Daten laden, das heißt 361 00:19:12,560 --> 00:19:14,580 ich das Rendering ist viel schneller da. 362 00:19:15,250 --> 00:19:17,580 Bei der Single Application kanns halt Moment dauern, weil ich 363 00:19:17,590 --> 00:19:20,360 halt wie gesagt mehr Daten erstmal laden muss, dafür ist es 364 00:19:20,370 --> 00:19:24,080 dann aber im Folgenden die folgende Experience ist halt 365 00:19:24,090 --> 00:19:29,060 quasi in Echtzeit feil ich schon alles da hab und das quasi das 366 00:19:29,070 --> 00:19:31,850 ist ja so, als hätte ich mir ne ganz normale Desktop Anwendungen 367 00:19:32,110 --> 00:19:34,510 nicht also man könnte es auch gleich hätte ich mir normale 368 00:19:34,520 --> 00:19:36,810 Anwendungen implementiert und das ist dann halt so schnell wie 369 00:19:36,820 --> 00:19:40,770 mein Computer schnell ist so ja wenn ich keine Daten brauche und 370 00:19:40,780 --> 00:19:44,160 da muss man jetzt aufpassen dass also das würde jetzt auch keinen 371 00:19:44,170 --> 00:19:46,770 Sinn machen. Ne Single Page application zu 372 00:19:46,780 --> 00:19:50,150 machen, die dann nie wieder Daten vom irgendein Internet 373 00:19:50,160 --> 00:19:52,920 oder n Server braucht, das typischerweise auch nicht der 374 00:19:52,930 --> 00:19:57,630 Fall das passiert dann auch aber und das ist find ich so elegant 375 00:19:57,680 --> 00:20:00,830 die Daten die ich dann brauche, die werden dann typischerweise 376 00:20:00,870 --> 00:20:06,550 immer eine API. Gezogen also dann hat quasi muss 377 00:20:06,560 --> 00:20:10,450 man jetzt mal auseinander nehmen also ich habe bestimmte US von 378 00:20:10,460 --> 00:20:14,520 einem Server jetzt bei der nach wie vor in der Singleplayer 379 00:20:14,920 --> 00:20:18,600 Application richtig, die dann zwischendurch aber dann doch mal 380 00:20:18,610 --> 00:20:22,550 wieder neue Daten nachladen und das tut sie dann über eine über 381 00:20:22,560 --> 00:20:26,210 eine API oder API Programming Interface, was eine 382 00:20:26,220 --> 00:20:29,990 Schnittstelle zwischen 2 softwareprogrammen ist oder halt 383 00:20:30,000 --> 00:20:31,280 Programmierschnittstellen in diesem Sinne. 384 00:20:31,290 --> 00:20:33,060 Genauso ist es typischerweise ist das. 385 00:20:33,670 --> 00:20:36,880 Typischerweise aber ganz oft ist das der gleiche Server sogar ne 386 00:20:36,890 --> 00:20:39,960 also ich hab das sind nur quasi 2 Qualitäten einmal frage ich 387 00:20:39,970 --> 00:20:42,800 den Server ab um mir ne HTML Seite oder halt ein Bündel zu 388 00:20:42,810 --> 00:20:45,240 geben. Von der SPA lade ich euch das 389 00:20:45,250 --> 00:20:49,360 Programm runter und danach benutze ich den Server ne API 390 00:20:49,370 --> 00:20:53,260 auf dem Server und wir bestimmte Daten zu geben ich vielleicht 391 00:20:53,270 --> 00:20:58,980 noch 1 zu diesen Apps sind auch rest APIS das wenn man REST das 392 00:20:59,020 --> 00:21:01,710 sieht man hört man oft. Das ist wohl der Klassiker sag 393 00:21:01,720 --> 00:21:05,110 ich mal wie man diese App. Wie implementieren die in 394 00:21:05,200 --> 00:21:10,140 Singapur Applications Daten nachgeben also n Daten? 395 00:21:10,150 --> 00:21:12,060 Ne, das kann alles mögliche sein, das kann aber auch ganz 396 00:21:12,070 --> 00:21:13,770 wenig Daten sein. Ich kann zum Beispiel spezielle 397 00:21:13,780 --> 00:21:17,130 Datenbankabfrage haben, wo ich nur nur Adress oder Formular 398 00:21:17,140 --> 00:21:21,310 Informationen brauche mit mit Vorname, Nachname, Email, 399 00:21:21,350 --> 00:21:26,010 Wohnort und so weiter und jetzt brauche ich jetzt kann ich einer 400 00:21:26,020 --> 00:21:29,910 Single Page application genau nur diese Daten anfragen und das 401 00:21:29,920 --> 00:21:32,410 wird heute in der modernen Welt wird die werden diese Daten 402 00:21:32,420 --> 00:21:34,410 nicht mehr im innerhalb von HTML. 403 00:21:34,770 --> 00:21:37,630 Seiten durch die Gegend geschickt, sondern nur noch als 404 00:21:38,020 --> 00:21:40,000 Daten, Daten und das Format ist da. 405 00:21:40,010 --> 00:21:43,670 Jason darüber müssen wir unbedingt nochmal extra folgen. 406 00:21:43,680 --> 00:21:48,030 Ich liebe Jason, aber Jason ist nichts anderes als quasi ne 407 00:21:48,040 --> 00:21:51,790 Hülle Verpackung von von von diesen Daten und da ist halt da 408 00:21:51,800 --> 00:21:54,030 klebt halt nicht mehr viel drumherum ja, das ist das 409 00:21:54,070 --> 00:21:56,410 minimale, was ich ausdrücken muss, um diese Daten zu 410 00:21:56,420 --> 00:21:58,710 verstehen ne und das ist natürlich mega 411 00:21:58,720 --> 00:22:02,090 Geschwindigkeitsvorteil, als würde ich jetzt diese ne an der 412 00:22:02,100 --> 00:22:04,770 Multi Page application Welt muss ich diese Daten halt immer 413 00:22:04,780 --> 00:22:06,800 wieder? In Form von einer komplett 414 00:22:06,810 --> 00:22:10,690 veränderten Webseite irgendwie mitziehen, ne, ich hab mal das 415 00:22:10,700 --> 00:22:14,050 Datenformat Jason könnte man vielleicht sagen genau Mayer 416 00:22:14,060 --> 00:22:16,470 gesehen? Das heißt, dass das baut sich 417 00:22:16,480 --> 00:22:19,240 dann irgendwo in der HTML Seite, also das ist quasi ein 418 00:22:19,250 --> 00:22:23,340 Platzhalter drinne richtig und dann wird da das entsprechende 419 00:22:23,350 --> 00:22:26,740 Datum oder die Daten reingesetzt ja genau, das haben wir noch 420 00:22:26,750 --> 00:22:29,540 nicht besprochen, müssen wir noch besprechen, wir es 421 00:22:29,550 --> 00:22:31,900 verstehen wollen und die funktioniert ja nur, wenn wir, 422 00:22:31,910 --> 00:22:34,990 wenn wir eine Programmiersprache mit drin haben und im Prinzip 423 00:22:35,000 --> 00:22:38,500 kann man sich so vorstellen, dass diese am Ende der Browser, 424 00:22:38,510 --> 00:22:42,710 der der liebt, der passt trotzdem ständig HTML Seiten und 425 00:22:42,720 --> 00:22:44,710 aber was passiert bei einer Single Page Applications? 426 00:22:45,210 --> 00:22:48,670 Hasen gesagt, passen ja genau Partner ist ja nur Partner, 427 00:22:48,680 --> 00:22:52,170 heißt interpretieren, ne auswerten, ne, das macht er, 428 00:22:52,180 --> 00:22:54,840 weil die ganzen die HTML Sachen, die wollen ja vorher geladen 429 00:22:54,850 --> 00:22:57,100 werden, nicht direkt angezeigt, aber navigieren brauchst du 430 00:22:57,110 --> 00:23:00,940 trotzdem dauernd neue Gepasste ja genau der Browser hat ja die 431 00:23:00,950 --> 00:23:03,300 Aufgabe zu sagen OK, das habe ich hier alles für tags und was 432 00:23:03,310 --> 00:23:05,960 habe ich für ein Casting Style Sheet, also ich Informationen 433 00:23:06,260 --> 00:23:09,790 und der muss da raus die Anzeige du willst ja schön sehen, dass 434 00:23:09,800 --> 00:23:12,040 es tatsächlich so aussieht. Das nennt man passen also er 435 00:23:12,050 --> 00:23:15,950 muss alle Informationen die er findet zu diesem zu dem Text. 436 00:23:16,020 --> 00:23:18,860 Den Inhalt zu den Elementen und zu dem Styling Elementen 437 00:23:18,870 --> 00:23:22,700 zusammenfassen, um dann ein konsistentes Bild zu geben und 438 00:23:22,710 --> 00:23:25,500 das können die Browser am besten so das ist das, wofür die 439 00:23:25,510 --> 00:23:28,630 eigentlich gemacht wurden, ne und das machen die im Prinzip 440 00:23:28,640 --> 00:23:30,870 bei einer Single Page Application auch. 441 00:23:31,520 --> 00:23:36,270 Bloß dass derjenige, der dir die neue HTML und CSS Welt zur 442 00:23:36,280 --> 00:23:38,350 Verfügung stellt, jetzt nicht der neue der nächste 443 00:23:38,360 --> 00:23:41,630 Serveraufruf ist, wo das wieder so ankommt, sondern ein 444 00:23:41,950 --> 00:23:46,090 javascript Programm im Prinzip. Diese Anwendung in sich 445 00:23:46,100 --> 00:23:51,880 manipuliert quasi on the Fly. Die original runtergeladene HTML 446 00:23:51,890 --> 00:23:56,360 Seite und kann damit machen, was sie will, also kann quasi Inhalt 447 00:23:56,370 --> 00:23:58,440 und tags und Elemente hinzufügen. 448 00:23:58,450 --> 00:24:04,070 Attribute und auch das Styling ändern ganz dynamisch und dem 449 00:24:04,080 --> 00:24:07,130 Browser des quasi neu vorzeigen. Zum bitte jetzt auswerten bitte, 450 00:24:07,140 --> 00:24:10,830 jetzt rennen dann ja, ohne dass du n Server involviert war. 451 00:24:10,840 --> 00:24:14,460 Das passiert alles in deinem Browser ja und da die Browser 452 00:24:14,470 --> 00:24:17,020 relativ schnell sind und auch unsere Endgeräte unsere Hardware 453 00:24:17,030 --> 00:24:19,040 ja auch relativ mächtig geworden ist. 454 00:24:19,510 --> 00:24:21,410 Kann man damit ziemlich coole Effekte machen? 455 00:24:21,420 --> 00:24:24,040 Ja, also Animationen und so weiter kannst du durch die 456 00:24:24,050 --> 00:24:26,400 Gegend fliegen lassen, färben und so weiter, man hat ja schon 457 00:24:26,410 --> 00:24:28,950 alles mögliche Wahnsinnige gesehen aus dem Web das geht 458 00:24:28,960 --> 00:24:30,590 halt. Das geht dann besonders gut, 459 00:24:30,600 --> 00:24:34,020 wenn du Single Page application hast, weil du weil der Browser 460 00:24:34,170 --> 00:24:37,230 in wahnsinniger Geschwindigkeit quasi diese neuen Informationen 461 00:24:37,240 --> 00:24:40,080 die du generieren kannst wieder anzeigen kann. 462 00:24:40,650 --> 00:24:42,930 Das kannst du dann auch noch mischen mit Daten, die du 463 00:24:42,940 --> 00:24:45,800 irgendwo abfragst von einem Server und die können ja 464 00:24:45,810 --> 00:24:48,980 irgendwo anders liegen, OK dann ziemlich schnell noch ne 465 00:24:48,990 --> 00:24:52,090 Trennung reinbringen. Sag ich mal klassischer Website, 466 00:24:52,100 --> 00:24:55,080 ich sage mal also jetzt machen wir weil wir haben ja Homepage 467 00:24:55,090 --> 00:24:59,880 heisst.com und ich meine, die war mal eine SPA ist sie MPR, 468 00:24:59,890 --> 00:25:01,940 weil sie nun inzwischen gehostet wird? 469 00:25:02,100 --> 00:25:06,560 Bei einem Third Party CMS Provider vorher hattest du die 470 00:25:06,570 --> 00:25:09,970 selbst geschaffen, richtig gesagt, jetzt abgenommen und das 471 00:25:09,980 --> 00:25:13,650 andere ist ja quasi unser Heim App Bilder also unser Produkt 472 00:25:13,960 --> 00:25:16,430 das wiederum werde ich nicht anfassen. 473 00:25:17,830 --> 00:25:21,310 Das heißt, das eine ist ein Produkt, was man sich natürlich, 474 00:25:21,350 --> 00:25:24,380 was man als saas Anwendungen nutzen kann, wenn man bei uns 475 00:25:24,390 --> 00:25:27,590 Kunde ist und das andere ist unsere Website darf natürlich 476 00:25:27,630 --> 00:25:30,020 jeder und jede jederzeit aufrufen. 477 00:25:30,510 --> 00:25:33,720 Das sind also 2 Arten von Web Anwendungen oder Webseiten. 478 00:25:33,730 --> 00:25:35,640 Ja genau also was bietet sich mehr an? 479 00:25:35,650 --> 00:25:38,500 Also kannst du dazu was sagen? Ja klar also das eine ist halt n 480 00:25:38,510 --> 00:25:41,420 Typ also ich würde sagen das ist eine Webseite tatsächlich also 481 00:25:41,430 --> 00:25:44,860 unsere unserer Web. Unsere Webseite man sagt ja 482 00:25:44,870 --> 00:25:47,230 sogar Webseite Webauftritt das ist eine Webseite und warum. 483 00:25:47,550 --> 00:25:51,750 Ob man Seite das impliziert so n bisschen, dass relativ statisch 484 00:25:52,290 --> 00:25:54,460 da passiert ja auch nicht so viel also man kann natürlich 485 00:25:54,470 --> 00:25:57,150 auch preiswert kommen klicken, da springt dann vielleicht mal 486 00:25:57,160 --> 00:26:00,920 ein Buch wenn Maus drüber hält oder irgendwas was macht dieses 487 00:26:00,960 --> 00:26:02,270 Cascading stylesheet und so weiter? 488 00:26:02,280 --> 00:26:05,610 Aber ansonsten hab ich ja keine realtime. 489 00:26:05,620 --> 00:26:09,640 Anzeige von Hohen sind alle statische Inhalte sind erstmal 490 00:26:09,650 --> 00:26:12,840 für alle richtig. Und deswegen macht es Sinn, 491 00:26:12,850 --> 00:26:15,980 sowas halt auch im in nach Alter Schule quasi zu implementieren. 492 00:26:15,990 --> 00:26:19,090 Das hat auch einen Grund. Jetzt muss ich noch ein Wort 493 00:26:19,100 --> 00:26:23,720 sagen SEO du hast ja, das ist ja für dich ist das K aber s ja 494 00:26:23,730 --> 00:26:26,730 genau n riesiges Thema, ne also search engine optimization? 495 00:26:26,740 --> 00:26:30,210 Seo hat damit zu tun wie kann ich aufgefunden werden? 496 00:26:30,220 --> 00:26:33,480 In Suchmaschinen? Höchsten relevant, Google, weil 497 00:26:33,490 --> 00:26:36,390 immer noch der größte Marktanteil kommt jetzt mit der 498 00:26:36,400 --> 00:26:38,610 kommt hab ich auch gehört, aber es ist immer noch einstellig 499 00:26:38,620 --> 00:26:41,950 glaube ich oder so. Naja und weil das aus der alten 500 00:26:41,960 --> 00:26:43,690 Zeit stammt und weil das technologisch halt auch 501 00:26:43,700 --> 00:26:47,950 einfacher ist es gibt, dass die gesunden Crawler, die das sind, 502 00:26:47,960 --> 00:26:50,670 quasi dann nicht nicht Anwender wie du und ich, sondern 503 00:26:50,680 --> 00:26:54,130 Computerprogramme im Fall von Google, die rufen quasi dann 504 00:26:54,140 --> 00:26:57,650 alle möglichen ULS auf die die hat Google irgendwie kennt und 505 00:26:57,880 --> 00:27:02,040 indizieren das quasi, um um es zum um s Teil dieser Google 506 00:27:02,170 --> 00:27:05,080 Suchanfragen zu machen und die gucken sich bestimmte 507 00:27:05,090 --> 00:27:07,730 Informationen. Auch dieser HTML Seite an das 508 00:27:07,740 --> 00:27:08,930 sind die unsichtbaren Informationen. 509 00:27:08,970 --> 00:27:12,650 Wir angesprochen, weil es immer 2 Teile. 510 00:27:13,020 --> 00:27:16,570 Mindestens ein Header und Body gibt es auch Text, Header, Tag 511 00:27:16,580 --> 00:27:19,500 und Buddytag im Body Tag sind die sichtbaren Contents Inhalte 512 00:27:19,750 --> 00:27:23,120 von der Seite und im Header Tag sind die Unsichtbaren, wo man 513 00:27:23,130 --> 00:27:25,020 alle möglichen meta Informationen verteilen kann, 514 00:27:25,030 --> 00:27:26,300 sondern welche Firma steht dahinter? 515 00:27:26,310 --> 00:27:30,700 Wie oft soll das irgendwie recht werden, wie wie, wie zeigt sich 516 00:27:30,710 --> 00:27:33,290 das an auf einer großen Seite wäre es, keiner Seite und so 517 00:27:33,300 --> 00:27:34,320 weiter. Und sofort, da gibt es alles 518 00:27:34,330 --> 00:27:37,760 drin und diese diese Daten, die werden quasi von diesen Crawlern 519 00:27:37,770 --> 00:27:41,250 analysiert und die können sich quasi auf die Webseite mal 520 00:27:41,260 --> 00:27:43,120 ändern lassen. Als Programm für Vorschau. 521 00:27:43,830 --> 00:27:48,220 Google mal sieht ja schon so ein bisschen bildlich Inhalt von und 522 00:27:48,230 --> 00:27:51,270 das funktioniert besonders gut bei so einer normalen Webseite 523 00:27:51,280 --> 00:27:54,180 ja, und bei einer Single Page Application ist das total 524 00:27:54,190 --> 00:27:57,610 kompliziert, weil da muss der callya quasi auch der kriegt 525 00:27:57,620 --> 00:28:00,850 dann, wenn das auf einmal nicht mehr einfach eine Seite der 526 00:28:00,860 --> 00:28:04,200 verstehen kann, sondern ein Programm mehr oder weniger ein 527 00:28:04,210 --> 00:28:07,930 ganzes Bundle und also Google arbeitet daran. 528 00:28:07,940 --> 00:28:11,480 Das geht auch, aber man muss n bisschen also da muss noch ein 529 00:28:11,490 --> 00:28:13,950 bisschen mehr tun, wenn man da die SEO. 530 00:28:14,020 --> 00:28:17,470 Sachen optimieren möchte und das kann ich jetzt vielleicht als 531 00:28:17,480 --> 00:28:20,430 Marketingmensch sagen warum möchte ich natürlich für 532 00:28:20,470 --> 00:28:22,780 bestimmte Suchbegriffe möglichst hoch in den Suchergebnissen der 533 00:28:22,790 --> 00:28:26,700 jeweiligen Suchmaschine stehen und um das zu tun, muss ich dann 534 00:28:26,710 --> 00:28:28,460 eben den den Best Practices folgen? 535 00:28:28,470 --> 00:28:30,900 Wie der Algorithmus mich möglichst weit oben stehen 536 00:28:30,910 --> 00:28:32,950 lässt? Ja ja, genau da sind wir mit 537 00:28:32,960 --> 00:28:34,570 einer Multipage Application wahrscheinlich einfacher, auf 538 00:28:34,580 --> 00:28:37,900 jeden Fall. Das ist so, das kann man so 539 00:28:37,910 --> 00:28:40,940 sagen und unsere Webanwendungen, das ist ja quasi schon so ein 540 00:28:40,950 --> 00:28:42,040 bisschen wie eine wie eine Anwendung. 541 00:28:42,050 --> 00:28:43,860 Wieso powerpoint oder Excel oder irgendwas? 542 00:28:44,840 --> 00:28:48,140 Die Richtung geht ja, das heißt, da hab ich ganz, ganz viele user 543 00:28:48,150 --> 00:28:52,150 Interaktionen und ganz viel in Echtzeit will ich irgendwas 544 00:28:52,160 --> 00:28:53,840 sehen. Ich schiebe ein Element auf ein 545 00:28:53,850 --> 00:28:56,420 anderes oder ich lösche was war sofort weg sein und so weiter 546 00:28:56,430 --> 00:29:00,080 das das bietet sich einfach an das als Single Page Application 547 00:29:00,090 --> 00:29:03,940 zu machen ne, man muss auch noch was sagen, vielleicht die diese 548 00:29:03,980 --> 00:29:08,860 javascript Frameworks, die die modernen, die da ganz viel Open 549 00:29:08,870 --> 00:29:12,190 Source Möglichkeiten bieten, als Entwickler sowas zu zu 550 00:29:12,200 --> 00:29:15,590 realisieren, das sind das werden dann Single. 551 00:29:15,660 --> 00:29:18,480 Applications also React application machst, dann ist das 552 00:29:18,490 --> 00:29:22,740 Single Page OK, da hattest du mal die 3 wichtiger gewähnt Red 553 00:29:22,780 --> 00:29:27,230 wie US genau Angela genau es gibt noch. 554 00:29:28,380 --> 00:29:31,880 Hab ich gerade nicht selber sind Frameworks, die benutzen genau 555 00:29:31,890 --> 00:29:35,210 sind javascript Frameworks und da steckt schon drin also da ist 556 00:29:35,220 --> 00:29:38,150 quasi. Also wird javascript wird halt 557 00:29:38,160 --> 00:29:41,340 quasi diese Application der Application Aspekt realisiert, 558 00:29:41,350 --> 00:29:44,650 dass ich quasi Anwendung hab und jetzt nochmal wir sind einfach 559 00:29:44,660 --> 00:29:47,320 komplex, aber ich will es nicht. Wir können es nicht schneiden in 560 00:29:47,330 --> 00:29:51,950 Schwarz und weiß es gibt zwar MPR und SPA, aber die ganzen 561 00:29:51,960 --> 00:29:54,620 Optimierungsmöglichkeiten der SPA bieten die auch so Sachen 562 00:29:54,630 --> 00:29:58,710 wie Dynamic also du kannst dann quasi s doch wieder so ein 563 00:29:58,720 --> 00:30:02,360 bisschen MPR mäßig machen, indem du zur diese Bündel die du lädst 564 00:30:02,370 --> 00:30:08,870 auch per Klick nachladen kannst. Also ich sag mal so du hast wenn 565 00:30:08,880 --> 00:30:12,430 deine SPA sehr groß ist und die würde 10 Megabyte sein. 566 00:30:13,130 --> 00:30:16,580 Dann kannst du trotzdem sagen OK, ich lad aber erstmal nur 2 567 00:30:16,590 --> 00:30:21,380 Megabyte Bündel, das zeigt mir dann auch am Anfang nicht mehr 568 00:30:21,390 --> 00:30:23,640 an als diese und diese Sachen, aber zum Beispiel in der 569 00:30:23,650 --> 00:30:25,960 Navigation und wenn ich in bestimmte Navigationsmenüpunkt 570 00:30:25,970 --> 00:30:28,500 drücke, dann habe ich dafür eigentlich die Anwendung nicht 571 00:30:28,510 --> 00:30:32,400 geladen bis jetzt und jetzt in dem Moment wo ich drücke, frage 572 00:30:33,190 --> 00:30:37,550 ich noch mal ne andere UL an von dem Server mit leicht anders und 573 00:30:37,790 --> 00:30:40,840 die liegt mir quasi den zweiten Teil dieses Bundles also du 574 00:30:40,850 --> 00:30:42,700 kannst quasi eine Webanwendung splitten in beliebige. 575 00:30:43,920 --> 00:30:45,930 Bandes relativ modernen Technologie. 576 00:30:46,410 --> 00:30:49,940 Und dann bist du so auf einer Zwischenebene zwischen ich lad 577 00:30:49,950 --> 00:30:53,460 alles in einem Schlag versus Guide Page alleine das sind ja 578 00:30:53,470 --> 00:30:57,340 die beiden extremen MPR wir versus Single Page, ja Schwarz 579 00:30:57,350 --> 00:30:59,330 und weiß. Es gibt also aber auch grau 580 00:30:59,340 --> 00:31:02,910 dazwischen so ja, um das alles total gut zu optimieren und das 581 00:31:03,220 --> 00:31:05,960 ich vermute mal, dass wir das so machen in unserer ja, wir machen 582 00:31:05,970 --> 00:31:09,600 das auch so ja genau. Dann ist mir noch ein Thema 583 00:31:09,610 --> 00:31:12,220 eingefallen, auch wieder vielleicht im Marketing 584 00:31:12,230 --> 00:31:15,410 relevanter, oder oder Produktmanagement, auch wenn man 585 00:31:15,690 --> 00:31:19,060 seine User ein Stück weit. Verstehen möchte also, wie 586 00:31:19,070 --> 00:31:21,360 verhalten die sich auf einer Website. 587 00:31:23,430 --> 00:31:26,530 Also klicke ich jetzt den Button wird diese Seite aufgerufen wie 588 00:31:26,540 --> 00:31:30,870 lange hat sich jemand auf einer bestimmten Seite aufgehalten? 589 00:31:31,240 --> 00:31:33,670 Und das sind Sachen, die möchte ich im Marketing wissen, ne, 590 00:31:33,680 --> 00:31:36,640 dann mache ich auch wenn ich also natürlich diesen Cookie 591 00:31:36,650 --> 00:31:39,470 consent bekomme also Zustimmung, dass jemand gepackt wird 592 00:31:39,480 --> 00:31:43,870 natürlich anonym, wie das mit DVO nur möglich ist, dann würde 593 00:31:43,880 --> 00:31:46,150 ich die Analytics machen und das geht wahrscheinlich mit einer 594 00:31:46,160 --> 00:31:48,910 Multiplikation einfacher, weil ja wieder so ne 595 00:31:48,920 --> 00:31:53,220 serverkommunikation du sagst es ja genau genau richtig liegt auf 596 00:31:53,230 --> 00:31:55,320 der Hand. Genau und weil die im Prinzip 597 00:31:55,330 --> 00:31:57,760 verliert, ja der Server, wenn er nicht gerade über eine API 598 00:31:57,770 --> 00:32:00,800 dieses Tracking macht, da muss man sich aber auch schon wieder 599 00:32:00,810 --> 00:32:04,710 das ist ein Non Standard. Bedeutet Extraaufwand eigentlich 600 00:32:05,070 --> 00:32:08,000 weiß der Server ja, nachdem du, nachdem er dieses Bundle 601 00:32:08,010 --> 00:32:11,340 abgegeben hat, nicht mehr, was du dann alles gerade klickst und 602 00:32:11,350 --> 00:32:16,050 anguckst wie lange und wie oft weil weil das ja quasi isoliert 603 00:32:16,090 --> 00:32:19,400 bei dir in deinem Browser abläuft, ja sofern nicht gerade 604 00:32:19,410 --> 00:32:21,080 irgendwie im Hintergrund irgendwie nach Hause telefoniert 605 00:32:21,090 --> 00:32:24,440 wird. Wollte noch eine Sache sagen zu 606 00:32:24,660 --> 00:32:28,720 es ist ja so wenn du eine Webseite auf n Server aufrufst 607 00:32:28,900 --> 00:32:32,130 jetzt mal grad, egal ob der jetzt SPA zurück gibt oder oder 608 00:32:32,140 --> 00:32:36,750 eine einzelne Seite, dann hast du ja normalerweise HTTPS da 609 00:32:36,760 --> 00:32:41,010 vorne dran stehen, ja was so viel heißt, dass ist hier TS 610 00:32:41,020 --> 00:32:46,600 verschlüsselt, oder das alte Wort TSSL und da passiert n 611 00:32:46,610 --> 00:32:49,840 bisschen was denn der Server muss quasi ne Kryptographie 612 00:32:49,850 --> 00:32:52,530 durchführen und das ist typischerweise ein aufwendiger 613 00:32:52,540 --> 00:32:54,300 Prozess. Das ist nicht gerade furchtbar 614 00:32:54,310 --> 00:32:56,600 schnell ja. Und in der Multi Page 615 00:32:56,610 --> 00:32:58,750 Application muss er das jedes Mal tun. 616 00:32:58,800 --> 00:33:01,310 Mit jedem neuen Klick jedesmal, wenn du dich bewegst. 617 00:33:01,360 --> 00:33:05,330 Quasi entsteht eine neue Verbindung hat auch schon also 618 00:33:05,580 --> 00:33:08,240 es wird neu angewählt, wird neu authentifiziert. 619 00:33:08,250 --> 00:33:11,320 Das ganze Gedöns passiert neu für jedes Seiten laden ne. 620 00:33:12,840 --> 00:33:15,340 Und nachdem die Seite geladen ist, wieder komplett aufgelegt, 621 00:33:15,350 --> 00:33:18,870 die Verbindung getrennt, ja und dann wieder und sofort ja, das 622 00:33:18,880 --> 00:33:22,710 ist halt auch ein Performance Problem wenn du und wenn du das 623 00:33:22,720 --> 00:33:24,870 jetzt schnell machen müsstest, die ganze Zeit, dann wird das 624 00:33:24,880 --> 00:33:27,270 zum Problem werden, oder? Das Single Page Application 625 00:33:27,280 --> 00:33:31,710 Diesen Prozess nur einmal hast. Du willst einmal an den Server 626 00:33:31,890 --> 00:33:35,600 und dann kommt die ganze SL also nur den TLS Authentifizierung 627 00:33:35,610 --> 00:33:38,490 und so weiter und wenn das passiert ist, bekommst du über 628 00:33:38,500 --> 00:33:41,350 den sicheren Kanal die Anwendung zurückgeschickt und wenn die 629 00:33:41,360 --> 00:33:44,130 erst mal da ist? Brauchst du keine weitere 630 00:33:44,140 --> 00:33:47,070 Authentifizierung zu machen, weil es läuft ja schon in deinem 631 00:33:47,080 --> 00:33:50,330 Browser für die Staaten nachladen muss, natürlich wieder 632 00:33:50,340 --> 00:33:52,270 dann auch das muss auch sicher geschehen. 633 00:33:52,280 --> 00:33:55,600 Es ist aber ein anderer. Ist dann quasi funktioniert dann 634 00:33:55,610 --> 00:33:58,290 über diese PI Schnittstelle hat dann erstmal nichts mit der 635 00:33:58,300 --> 00:34:02,470 Webseiten HTTPS authentifizierung zu tun ne OK 636 00:34:02,540 --> 00:34:05,910 gut so viel dazu erstmal gut, also noch ein weiteres 637 00:34:05,950 --> 00:34:08,040 technischer Punkt, der dazu führt, dass erstmal. 638 00:34:08,790 --> 00:34:12,730 Flüssiger wird im Verlauf einer Nutzung einer Single Page 639 00:34:12,739 --> 00:34:17,040 Application genau vielleicht noch ein kleiner OK noch der 640 00:34:17,050 --> 00:34:20,190 letzte noch wenn wir erst mal Single Page Application sind, 641 00:34:20,199 --> 00:34:23,929 dann ist es nicht mehr weit so progressive Web App PWAOK. 642 00:34:23,940 --> 00:34:25,889 Jetzt wollte ich noch drucken lassen, weil das auch etwas ist, 643 00:34:25,900 --> 00:34:28,900 was wir machen es nämlich ganz schick, denn im Prinzip kann man 644 00:34:28,909 --> 00:34:30,949 sagen ja, wenn man jetzt quasi das noch n bisschen gut 645 00:34:30,960 --> 00:34:32,889 vorbereitet. Die Single Page Application und 646 00:34:32,900 --> 00:34:35,530 die bestückt mit einem sogenannten Manifest und so 647 00:34:35,540 --> 00:34:38,170 weiter, was aber eigentlich nur Informationen, wie man die 648 00:34:38,179 --> 00:34:40,909 richtig quasi das Bündel nochmal schicken. 649 00:34:40,980 --> 00:34:44,469 Zusammenbaut dann. Werden diese Single Page 650 00:34:44,480 --> 00:34:47,770 Applications besonders gut unterstützt von den Geräten zum 651 00:34:47,780 --> 00:34:51,460 Beispiel Mobiltelefon und erlauben über diese Technologie 652 00:34:51,469 --> 00:34:55,159 sogar den Zugriff auf die Hardware, also nicht nur es ist 653 00:34:55,170 --> 00:34:58,360 nicht nur so, dass dein Browser als rendering Maschine quasi das 654 00:34:58,370 --> 00:35:02,340 anzeigt die Anwendung sondern. In dieser Anwendung kann 655 00:35:02,350 --> 00:35:05,380 angefordert werden, dass du Kamera, Mikrofon, GPS, 656 00:35:05,390 --> 00:35:09,810 Bluetooth, was nicht alles irgendwie benutzen möchtest und 657 00:35:09,820 --> 00:35:12,700 das kennst du, dass du manchmal fragt sich der Browser Lau 658 00:35:12,710 --> 00:35:17,670 Kamera oder sind mit dieser noch präsenter bei den meisten ne 659 00:35:17,750 --> 00:35:19,910 genau da musst du einmal am Anfang wieder über Apps, das 660 00:35:19,920 --> 00:35:23,820 sagst du einmal sagen OK, ich möchte gerne zugreifen auf la la 661 00:35:23,830 --> 00:35:27,260 la hast ja darfst du und dann kannst du sogar, dann kannst du 662 00:35:27,270 --> 00:35:30,260 sogar den die Hardwareressourcen deine deine Endgeräte benutzen. 663 00:35:31,190 --> 00:35:34,690 Obwohl du eigentlich eine Web Anwendung geschrieben hast und 664 00:35:34,700 --> 00:35:37,760 dass und was dahinter steckt, ist mehr als man vielleicht 665 00:35:37,770 --> 00:35:41,390 unten irgendwie OK, cool so, aber es ist eigentlich so 666 00:35:41,400 --> 00:35:44,960 richtig cool, weil dann nämlich nur noch eine einzige Quelle 667 00:35:45,000 --> 00:35:49,370 Code schreibst und die übergreifend Ubuntu Windows Mac 668 00:35:49,730 --> 00:35:54,520 I OS, Android Mobil Tablet Desktop immer gleich 669 00:35:54,530 --> 00:35:57,150 funktioniert ja, obwohl du nur eine Codebase hast, muss sie 670 00:35:57,160 --> 00:36:00,370 zeigen, dass wir unserer noch nicht, aber wenn ich. 671 00:36:01,110 --> 00:36:04,870 Native das wäre das andere Beispiel native App, die auf dem 672 00:36:04,880 --> 00:36:08,520 Telefon läuft native wäre eine i OS App oder eine Android App 673 00:36:08,530 --> 00:36:10,940 oder eine Versorgung genau, dann muss ich quasi den. 674 00:36:11,580 --> 00:36:14,600 Den den sogenannten Software Development Kits, also der Art 675 00:36:14,610 --> 00:36:17,480 und Weise, wie wie I OS meint, dass das zu tun wäre oder 676 00:36:17,490 --> 00:36:20,480 Android meint Folgen und dann entsteht verschiedenen 677 00:36:20,490 --> 00:36:22,510 unterschiedlichen Code. Gibt es jetzt auch wieder Tools, 678 00:36:22,520 --> 00:36:25,640 die das n bisschen abnehmen, aber trotzdem dennoch ja, es ist 679 00:36:25,650 --> 00:36:29,220 halt so entspannt ziemlich mächtige Anwendungen zu machen, 680 00:36:29,230 --> 00:36:30,910 mit Hardwarezugriff über diese Technologie. 681 00:36:32,860 --> 00:36:35,650 Cooler Ausblick auf jeden Fall ich würde tatsächlich gerne dazu 682 00:36:35,660 --> 00:36:39,240 PS nochmal extra ne das machen wir weil wir haben ja noch ein 683 00:36:39,250 --> 00:36:42,650 bisschen vor uns alles klar cool also auf meinem Zettel ist 684 00:36:42,660 --> 00:36:44,930 nichts mehr. Wir haben das soweit alles 685 00:36:44,980 --> 00:36:47,010 besprochen. Hast du noch ein Thema? 686 00:36:47,320 --> 00:36:50,310 Nee beim Thema R ich glaube, wir machen den Sack zu. 687 00:36:52,320 --> 00:36:56,400 Dann vielen Dank wieder, dass ihr dabei wart und ja, bis 688 00:36:56,410 --> 00:36:58,780 nächste Woche, so sieht's aus Hamburg. 689 00:37:02,980 --> 00:37:05,920 Vielen Dank fürs Zuhören dieser Folge von einfach komplex die 690 00:37:05,930 --> 00:37:08,610 Folge gefallen dann lass uns doch ne gute Bewertung da oder 691 00:37:08,620 --> 00:37:11,150 Teile die Folge mit jemanden aus seinem Netzwerk für Kritik 692 00:37:11,160 --> 00:37:14,540 zufolge Anregungen und Fragen für neue Folgen, freuen wir uns 693 00:37:14,550 --> 00:37:17,670 auf deine Email an Podcast Dateien r Punkt com Abonniere 694 00:37:17,680 --> 00:37:20,650 jetzt unseren Podcast um keine Folge mehr zu verpassen bis zum 695 00:37:20,660 --> 00:37:23,650 nächsten mal Tschüss aus Hamburg h.