{"id":7712,"date":"2021-04-01T16:19:43","date_gmt":"2021-04-01T14:19:43","guid":{"rendered":"https:\/\/prototype.staging.dev.frachtwerk.de\/?p=7712"},"modified":"2022-07-19T10:31:50","modified_gmt":"2022-07-19T08:31:50","slug":"was-macht-eigentlich-eine-frontend-entwicklerin","status":"publish","type":"post","link":"https:\/\/prototype.staging.dev.frachtwerk.de\/allgemein\/was-macht-eigentlich-eine-frontend-entwicklerin\/","title":{"rendered":"Was macht eigentlich ein:e Frontend-Entwickler:in?"},"content":{"rendered":"<div  class=\"tatsu-B1WhRIL7rO tatsu-section  tatsu-bg-overlay   tatsu-clearfix\" data-title=\"\"  data-headerscheme=\"background--dark\"><div class='tatsu-section-pad clearfix' data-padding='{\"d\":\"30px 0px 60px 0px\"}' data-padding-top='30px'><div class=\"tatsu-row-wrap  tatsu-wrap tatsu-row-one-col tatsu-row-has-one-cols tatsu-medium-gutter tatsu-reg-cols  tatsu-clearfix tatsu-rJenRIUQr_\" ><div  class=\"tatsu-row \" ><div  class=\"tatsu-column  tatsu-bg-overlay tatsu-one-col tatsu-column-image-none tatsu-column-effect-none  tatsu-S1nCILmS_\"  data-parallax-speed=\"0\" style=\"\"><div class=\"tatsu-column-inner \" ><div class=\"tatsu-column-pad-wrap\"><div class=\"tatsu-column-pad\" ><div  class=\"tatsu-module tatsu-text-block-wrap tatsu-Hk4gP8mHd  \"><div class=\"tatsu-text-inner tatsu-align-center  clearfix\" ><style>.tatsu-Hk4gP8mHd.tatsu-text-block-wrap .tatsu-text-inner{width: 100%;text-align: left;}<\/style>\n<p class=\"part\" data-startline=\"23\" data-endline=\"23\">Frontend-Entwickler:innen konzeptionieren und entwickeln die grafische Darstellung von Webapplikationen und Anwendungen. W\u00e4hrend das Backendteam die Programmierung der Funktionalit\u00e4t im Hintergrund \u00fcbernimmt, setzt das Frontendteam das Layout um und entwickelt den Teil der Anwendung, den der Benutzer sieht. Bei Frachtwerk besteht das Entwicklerteam zun\u00e4chst allgemein aus Webentwicklerinnen, die sich entweder auf Backend oder Frontend fokussieren. Heute sprechen wir mit Gerrit, der als Frontend-Entwickler in Karlsruhe arbeitet und uns einen Einblick in seinen Arbeitsalltag gibt.<\/p>\n<h3 id=\"Was-ist-ein-\u201cFrontend\u201d\" class=\"part\" data-startline=\"25\" data-endline=\"25\">Was ist ein \u201cFrontend\u201d?<\/h3>\n<p class=\"part\" data-startline=\"26\" data-endline=\"26\">Das Frontend umfasst alles, was der Benutzer einer Software, Webseite oder Webanwendung sieht und womit er interagiert. Die Kernbereiche des Frontends bestehen aus dem User Interface (UI) und der User Experience (UX), welche zusammen mit der Programmierung im Backend eine Anwendung funktionsf\u00e4hig machen.<\/p>\n<blockquote class=\"part\" data-startline=\"28\" data-endline=\"28\">\n<p>\u201cIch unterteile das Frontend gerne in\u00a0<em>Was sieht der User?<\/em>\u00a0und\u00a0<em>Was f\u00fchlt der User?<\/em>. Das User Interface sind Elemente wie Buttons, Container bzw. Module, Form-Elemente etc. Eine gute User Experience zeichnet sich dadurch aus, dass der User sich beim Bedienen der Application wohlf\u00fchlt und die Oberfl\u00e4che intuitiv versteht.\u201d \u2013 Gerrit, Frontend-Entwickler bei Frachtwerk<\/p>\n<\/blockquote>\n<h3 id=\"Welche-Aufgaben-hat-eine-Frontend-Entwicklerin\" class=\"part\" data-startline=\"30\" data-endline=\"30\"><i class=\"fa fa-link\"><\/i>Welche Aufgaben hat ein:e Frontend-Entwickler:in?<\/h3>\n<p class=\"part\" data-startline=\"31\" data-endline=\"31\">Die Aufgabe des Frontendteams ist es, grunds\u00e4tzlich ein reibungsloses Benutzererlebnis zu schaffen. Das Frontend einer Anwendung sollte m\u00f6glichst intuitiv und einfach zu bedienen sein. Was sich zun\u00e4chst einfach anh\u00f6rt, ist jedoch ein Prozess, der aus vielen Aufgabenschritten besteht.<\/p>\n<p class=\"part\" data-startline=\"33\" data-endline=\"34\">Zuerst ist das Team gefordert, die L\u00f6sung und die Anwendungskriterien, die der Kunde oder ein Product Owner stellt, bestm\u00f6glich umzusetzen. Das Frontendteam muss hier entscheiden, wie eine Anwendung visualisiert wird, wie Komponenten zusammengebaut werden und was die Benutzeroberfl\u00e4che m\u00f6glichst selbsterkl\u00e4rend macht. Die Entwickler unterteilen ihre Aufgaben hierf\u00fcr in kleine, abzuarbeitende Teilaufgaben \u2013 sogenannte Tickets.<br \/>Hinter dem Designen und Entwickeln von Elementen steckt eine Logik, welche diese miteinander verkn\u00fcpft und das User Interface funktionsf\u00e4hig macht. Demnach geh\u00f6rt auch der Entwurf dieser Logik zu den Aufgaben im Frontend, was je nach Funktion der Elemente unterschiedlich komplex sein kann. Sind UI und UX fertig entwickelt, erfolgt deren Anbindung an das Backend \u00fcber eine Anwendungsschnittstelle, API genannt.<\/p>\n<p class=\"part\" data-startline=\"36\" data-endline=\"36\">Schlie\u00dflich pr\u00e4sentiert das Frontendteam die Features und die Oberfl\u00e4che dem Kunden. Hier gilt es, genau darauf zu achten, wie der Kunde die Oberfl\u00e4che wahrnimmt und bedient, also ob die Navigation reibungslos abl\u00e4uft.<\/p>\n<p class=\"part\" data-startline=\"38\" data-endline=\"38\">Es geh\u00f6rt au\u00dferdem zum Alltag, Fehler auszubessern sowie sinnvolle Verbesserungsw\u00fcnsche umzusetzen, sei es w\u00e4hrend des Entwickelns oder nach der Pr\u00e4sentation vor dem Kunden oder dem tats\u00e4chlichen Einsatz der Anwendung in der Produktiv- bzw. Liveumgebung.<\/p>\n<blockquote class=\"part\" data-startline=\"40\" data-endline=\"40\">\n<p>\u201cIch finde es besonders spannend, bei der Kundenpr\u00e4sentation das Verhalten des Kunden wahrzunehmen, wenn dieser zum ersten Mal ein Feature oder gar die gesamte App ausprobiert und dabei Zufriedenheit ausstrahlt. Das ist der Moment, an dem sich stetige und leidenschaftliche Arbeit auszahlt.\u201d &#8211; Gerrit, Frontend-Entwickler bei Frachtwerk<\/p>\n<\/blockquote>\n<\/div><\/div><\/div><\/div><div class = \"tatsu-column-bg-image-wrap\"><div class = \"tatsu-column-bg-image tatsu-bg-lazyload\" data-src = \"\"><\/div><\/div><div class=\"tatsu-overlay tatsu-column-overlay tatsu-animate-none\" ><\/div><\/div><style>.tatsu-row > .tatsu-S1nCILmS_.tatsu-column{width: 100%;}.tatsu-S1nCILmS_.tatsu-column > .tatsu-column-inner > .tatsu-column-overlay{mix-blend-mode: normal;}.tatsu-S1nCILmS_ > .tatsu-column-inner > .tatsu-top-divider{z-index: 9999;}.tatsu-S1nCILmS_ > .tatsu-column-inner > .tatsu-bottom-divider{z-index: 9999;}.tatsu-S1nCILmS_ > .tatsu-column-inner > .tatsu-left-divider{z-index: 9999;}.tatsu-S1nCILmS_ > .tatsu-column-inner > .tatsu-right-divider{z-index: 9999;}@media only screen and (max-width:1377px) {.tatsu-row > .tatsu-S1nCILmS_.tatsu-column{width: 100%;}}@media only screen and (min-width:768px) and (max-width: 1024px) {.tatsu-row > .tatsu-S1nCILmS_.tatsu-column{width: 100%;}}@media only screen and (max-width: 767px) {.tatsu-row > .tatsu-S1nCILmS_.tatsu-column{width: 100%;}}<\/style><\/div><\/div><\/div><\/div><div class=\"tatsu-section-background-wrap\"><div class = \"tatsu-section-background tatsu-bg-lazyload\" data-src = \"\"><\/div><\/div><div class=\"tatsu-overlay tatsu-section-overlay\"><\/div><style>.tatsu-B1WhRIL7rO .tatsu-section-pad{padding: 30px 0px 60px 0px;}.tatsu-B1WhRIL7rO .tatsu-section-offset-wrap{transform: translateY(-0px);}.tatsu-B1WhRIL7rO > .tatsu-bottom-divider{z-index: 9999;}.tatsu-B1WhRIL7rO > .tatsu-top-divider{z-index: 9999;}.tatsu-B1WhRIL7rO .tatsu-section-overlay{mix-blend-mode: normal;}<\/style><\/div><div  class=\"tatsu-r11EgIaAu tatsu-section  tatsu-bg-overlay   tatsu-clearfix\" data-title=\"\"  data-headerscheme=\"background--dark\"><div class='tatsu-section-pad clearfix' data-padding='{\"d\":\"0px 0px 0px 0px\"}' data-padding-top='0px'><div class=\"tatsu-row-wrap  tatsu-wrap tatsu-row-has-two-cols tatsu-medium-gutter tatsu-reg-cols  tatsu-clearfix tatsu-HyxyNeUpRO\" ><div  class=\"tatsu-row \" ><div  class=\"tatsu-column  tatsu-bg-overlay tatsu-two-third tatsu-column-align-top tatsu-column-image-none tatsu-column-effect-none  tatsu-S1ZyVeLaR_\"  data-parallax-speed=\"0\" style=\"\"><div class=\"tatsu-column-inner \" ><div class=\"tatsu-column-pad-wrap\"><div class=\"tatsu-column-pad\" ><div  class=\"tatsu-module tatsu-text-block-wrap tatsu-HyM1Ne8TCu  \"><div class=\"tatsu-text-inner   clearfix\" ><style>.tatsu-HyM1Ne8TCu.tatsu-text-block-wrap .tatsu-text-inner{width: 100%;text-align: left;padding: 30px 0px 30px 0px;color: #ffffff ;}.tatsu-HyM1Ne8TCu .tatsu-text-inner *{color: #ffffff ;}<\/style>\n<p>Du hast Lust, in unser Frontendteam in Berlin oder Karlsruhe mit einzusteigen? Schicke uns deine Bewerbung direkt an <a href=\"mailto:jobs@frachtwerk.de\" target=\"_blank\" rel=\"noopener\">jobs@frachtwerk.de<\/a>\u00a0!<\/p>\n<\/div><\/div><\/div><\/div><div class = \"tatsu-column-bg-image-wrap\"><div class = \"tatsu-column-bg-image tatsu-bg-lazyload\" data-src = \"\"><\/div><\/div><div class=\"tatsu-overlay tatsu-column-overlay tatsu-animate-none\" ><\/div><\/div><style>.tatsu-row > .tatsu-S1ZyVeLaR_.tatsu-column{width: 66.67%;}.tatsu-S1ZyVeLaR_.tatsu-column > .tatsu-column-inner > .tatsu-column-overlay{mix-blend-mode: normal;}.tatsu-S1ZyVeLaR_ > .tatsu-column-inner > .tatsu-top-divider{z-index: 9999;}.tatsu-S1ZyVeLaR_ > .tatsu-column-inner > .tatsu-bottom-divider{z-index: 9999;}.tatsu-S1ZyVeLaR_ > .tatsu-column-inner > .tatsu-left-divider{z-index: 9999;}.tatsu-S1ZyVeLaR_ > .tatsu-column-inner > .tatsu-right-divider{z-index: 9999;}@media only screen and (max-width:1377px) {.tatsu-row > .tatsu-S1ZyVeLaR_.tatsu-column{width: 66.67%;}}@media only screen and (min-width:768px) and (max-width: 1024px) {.tatsu-row > .tatsu-S1ZyVeLaR_.tatsu-column{width: 66.67%;}}@media only screen and (max-width: 767px) {.tatsu-row > .tatsu-S1ZyVeLaR_.tatsu-column{width: 100%;}}<\/style><\/div><div  class=\"tatsu-column  tatsu-bg-overlay tatsu-one-third tatsu-column-align-middle tatsu-column-image-none tatsu-column-effect-none  tatsu-BkXkEgUTRd\"  data-parallax-speed=\"0\" style=\"\"><div class=\"tatsu-column-inner \" ><div class=\"tatsu-column-pad-wrap\"><div class=\"tatsu-column-pad\" ><div  class=\"tatsu-module tatsu-normal-button tatsu-button-wrap align-block block-center  tatsu-By41EeI6CO   \"><a class=\"tatsu-shortcode mediumbtn tatsu-button left-icon rounded   bg-animation-none  \" href=\"\/karriere\/\" style= \"\"  aria-label=\"Jobs\" data-gdpr-atts={} >Jobs<\/a><style>.tatsu-By41EeI6CO .tatsu-button{background-color: rgba(0,181,214,1);color: #ffffff ;border-width: 1px;border-color: rgba(255,255,255,1); }.tatsu-By41EeI6CO .tatsu-button:hover{background-color: #ffffff;color: rgba(0,181,214,1) ;}<\/style><\/div><\/div><\/div><div class = \"tatsu-column-bg-image-wrap\"><div class = \"tatsu-column-bg-image tatsu-bg-lazyload\" data-src = \"\"><\/div><\/div><div class=\"tatsu-overlay tatsu-column-overlay tatsu-animate-none\" ><\/div><\/div><style>.tatsu-row > .tatsu-BkXkEgUTRd.tatsu-column{width: 33.33%;}.tatsu-BkXkEgUTRd.tatsu-column > .tatsu-column-inner > .tatsu-column-overlay{mix-blend-mode: normal;}.tatsu-BkXkEgUTRd > .tatsu-column-inner > .tatsu-top-divider{z-index: 9999;}.tatsu-BkXkEgUTRd > .tatsu-column-inner > .tatsu-bottom-divider{z-index: 9999;}.tatsu-BkXkEgUTRd > .tatsu-column-inner > .tatsu-left-divider{z-index: 9999;}.tatsu-BkXkEgUTRd > .tatsu-column-inner > .tatsu-right-divider{z-index: 9999;}@media only screen and (max-width:1377px) {.tatsu-row > .tatsu-BkXkEgUTRd.tatsu-column{width: 33.33%;}}@media only screen and (min-width:768px) and (max-width: 1024px) {.tatsu-row > .tatsu-BkXkEgUTRd.tatsu-column{width: 33.33%;}}@media only screen and (max-width: 767px) {.tatsu-row > .tatsu-BkXkEgUTRd.tatsu-column{width: 100%;}}<\/style><\/div><\/div><\/div><\/div><div class=\"tatsu-section-background-wrap\"><div class = \"tatsu-section-background tatsu-bg-lazyload\" data-src = \"\"><\/div><\/div><div class=\"tatsu-overlay tatsu-section-overlay\"><\/div><style>.tatsu-r11EgIaAu.tatsu-section{background-color: rgba(0,181,214,1);}.tatsu-r11EgIaAu .tatsu-section-offset-wrap{transform: translateY(-0px);}.tatsu-r11EgIaAu > .tatsu-bottom-divider{z-index: 9999;}.tatsu-r11EgIaAu > .tatsu-top-divider{z-index: 9999;}.tatsu-r11EgIaAu .tatsu-section-overlay{mix-blend-mode: normal;}<\/style><\/div><div  class=\"tatsu-Hkos-RArY tatsu-section  tatsu-bg-overlay   tatsu-clearfix\" data-title=\"\"  data-headerscheme=\"background--dark\"><div class='tatsu-section-pad clearfix' data-padding='{\"d\":\"30px 0px 60px 0px\"}' data-padding-top='30px'><div class=\"tatsu-row-wrap  tatsu-wrap tatsu-row-one-col tatsu-row-has-one-cols tatsu-medium-gutter tatsu-reg-cols  tatsu-clearfix tatsu-BkeosWRABF\" ><div  class=\"tatsu-row \" ><div  class=\"tatsu-column  tatsu-bg-overlay tatsu-one-col tatsu-column-image-none tatsu-column-effect-none  tatsu-S1bjjWRCSY\"  data-parallax-speed=\"0\" style=\"\"><div class=\"tatsu-column-inner \" ><div class=\"tatsu-column-pad-wrap\"><div class=\"tatsu-column-pad\" ><div  class=\"tatsu-module tatsu-text-block-wrap tatsu-HyMijbACHF  \"><div class=\"tatsu-text-inner tatsu-align-center  clearfix\" ><style>.tatsu-HyMijbACHF.tatsu-text-block-wrap .tatsu-text-inner{width: 100%;text-align: left;}<\/style>\n<h3 id=\"Mit-wem-arbeitet-das-Frontendteam-zusammen\" class=\"part\" data-startline=\"42\" data-endline=\"42\"><i class=\"fa fa-link\"><\/i>Mit wem arbeitet das Frontendteam zusammen?<\/h3>\n<p class=\"part\" data-startline=\"44\" data-endline=\"44\">F\u00fcr eine ordentliche Anbindung an das Backend ist eine enge Zusammenarbeit mit dem Backendteam Voraussetzung. Doch auch innerhalb des Frontendteams muss alles klar abgesprochen sein, um eine gr\u00f6\u00dftm\u00f6gliche Effizienz zu gew\u00e4hrleisten. F\u00fcr manche Projekte \u00fcbernimmt ein Designer die grafische Gestaltung, mit dem sich die Frontend-Entwickler:innen absprechen. Au\u00dferdem besteht ein enger Kontakt zum Kunden und\/oder Product Owner.<\/p>\n<blockquote class=\"part\" data-startline=\"46\" data-endline=\"46\">\n<p>\u201cDas Frontend muss sich immer wieder in die Rolle des Users hineinversetzen und diesen verstehen k\u00f6nnen. Gerne lasse ich auch meine Kollegen mal \u00fcber die Benutzeroberfl\u00e4che schauen und sammle verschiedene subjektive Eindr\u00fccke.\u201d \u2013 Gerrit, Frontend-Entwickler bei Frachtwerk<\/p>\n<\/blockquote>\n<h3 id=\"Welche-Skills-braucht-es-um-Frontends-zu-entwickeln\" class=\"part\" data-startline=\"48\" data-endline=\"48\"><i class=\"fa fa-link\"><\/i>Welche Skills braucht es, um Frontends zu entwickeln?<\/h3>\n<p class=\"part\" data-startline=\"50\" data-endline=\"50\">Im Frontend gilt es, die Informationen so zu b\u00fcndeln, dass der Code sinnvoll strukturiert ist und eine m\u00f6glichst fehlerfreie und performante Anwendung entsteht. Daf\u00fcr sind umfangreiche Erfahrungen in HTML, CSS und vor allem JavaScript notwendig. Diese Kenntnisse muss ein:e Frontend-Entwickler:in immer auf dem neuesten Stand halten, da sich darauf basierende Frameworks stetig weiterentwickeln. Daf\u00fcr muss Neugier, Leidenschaft und die Motivation gegeben sein, die bestm\u00f6gliche Arbeit abzuliefern.<\/p>\n<p class=\"part\" data-startline=\"52\" data-endline=\"52\">Da das Entwicklerteam parallel an verschiedenen Tickets arbeitet, m\u00fcssen die Aufgaben im Team nach Zeit und Aufwand bewertet und verwaltet werden. Hierf\u00fcr ist eine einwandfreie Kommunikation im Team essentiell. Wenn unstrukturierter Code geschrieben wird, w\u00fcrde zus\u00e4tzlicher, unn\u00f6tiger Arbeitsaufwand entstehen. Dabei ist es grunds\u00e4tzlich wichtig, Fehler zu akzeptieren, aus ihnen zu lernen und sich innerhalb des Teams zu unterst\u00fctzen.<\/p>\n<p class=\"part\" data-startline=\"54\" data-endline=\"54\">Zudem ist kreatives Denken Voraussetzung: Einerseits f\u00fcr die visuelle Gesaltung, andererseits f\u00fcr die programmatische L\u00f6sungsfindung. Dieses logische Denken &#8211; und das damit einhergehende L\u00f6sen von Problemen &#8211; sollte Spa\u00df machen und eine Lust auf t\u00e4gliche Herausforderungen sollte gegeben sein.<\/p>\n<blockquote class=\"part\" data-startline=\"56\" data-endline=\"56\">\n<p>\u201cFrontend-Frameworks sind mittlerweile sehr komplex und umfassen ein riesiges Repertoire an M\u00f6glichkeiten. Es ist wichtig, im Frontend-Kosmos immer up-to-date zu sein. Was heute aktuell ist, wird schon morgen durch eine neue, bessere Bibliothek ersetzt.\u201d \u2013 Gerrit, Frontend-Entwickler bei Frachtwerk<\/p>\n<\/blockquote>\n<h3 id=\"Wie-wird-man-Frontend-Entwicklerin\" class=\"part\" data-startline=\"58\" data-endline=\"58\"><i class=\"fa fa-link\"><\/i>Wie wird man Frontend-Entwickler:in?<\/h3>\n<p class=\"part\" data-startline=\"60\" data-endline=\"60\">Da f\u00fcr das Entwickeln von Frontends haupts\u00e4chlich Kreativit\u00e4t, Leidenschaft und Erfahrung im Programmieren gefordert sind, ist der Einstieg in das Berufsbild sehr flexibel m\u00f6glich. Somit erm\u00f6glicht ein Informatikstudium, eine Ausbildung, aber auch sehr viel \u00dcbung den Arbeitseinstieg in die Frontendentwicklung. Wichtig ist es, Referenzen bieten zu k\u00f6nnen, in denen man das eigene Wissen bereits in Projekten umgesetzt hat.<\/p>\n<h3 id=\"Was-macht-die-Frontend-Entwicklung-bei-Frachtwerk-so-besonders\" class=\"part\" data-startline=\"62\" data-endline=\"62\"><i class=\"fa fa-link\"><\/i>Was macht die Frontend-Entwicklung bei Frachtwerk so besonders?<\/h3>\n<p class=\"part\" data-startline=\"64\" data-endline=\"64\">Bei Frachtwerk erwarten Frontend-Entwickler:innen t\u00e4glich sehr vielf\u00e4ltige Herausforderungen, was durch die Arbeit in kleinen Projektteams erm\u00f6glicht wird.<\/p>\n<blockquote class=\"part\" data-startline=\"66\" data-endline=\"66\">\n<p>\u201cWir legen viel Wert auf eine reibungslose Kommunikation ohne Anspruch auf sofortiges Antworten. Als Entwickler haben wir au\u00dferdem sehr viel Freiraum, wie wir Anforderungen umsetzen. Wir experimentieren mit neuen Technologien und schr\u00e4nken uns nicht selber ein.\u201d Gerrit, Frontend-Entwickler bei Frachtwerk<\/p>\n<\/blockquote>\n<\/div><\/div><\/div><\/div><div class = \"tatsu-column-bg-image-wrap\"><div class = \"tatsu-column-bg-image tatsu-bg-lazyload\" data-src = \"\"><\/div><\/div><div class=\"tatsu-overlay tatsu-column-overlay tatsu-animate-none\" ><\/div><\/div><style>.tatsu-row > .tatsu-S1bjjWRCSY.tatsu-column{width: 100%;}.tatsu-S1bjjWRCSY.tatsu-column > .tatsu-column-inner > .tatsu-column-overlay{mix-blend-mode: normal;}.tatsu-S1bjjWRCSY > .tatsu-column-inner > .tatsu-top-divider{z-index: 9999;}.tatsu-S1bjjWRCSY > .tatsu-column-inner > .tatsu-bottom-divider{z-index: 9999;}.tatsu-S1bjjWRCSY > .tatsu-column-inner > .tatsu-left-divider{z-index: 9999;}.tatsu-S1bjjWRCSY > .tatsu-column-inner > .tatsu-right-divider{z-index: 9999;}@media only screen and (max-width:1377px) {.tatsu-row > .tatsu-S1bjjWRCSY.tatsu-column{width: 100%;}}@media only screen and (min-width:768px) and (max-width: 1024px) {.tatsu-row > .tatsu-S1bjjWRCSY.tatsu-column{width: 100%;}}@media only screen and (max-width: 767px) {.tatsu-row > .tatsu-S1bjjWRCSY.tatsu-column{width: 100%;}}<\/style><\/div><\/div><\/div><\/div><div class=\"tatsu-section-background-wrap\"><div class = \"tatsu-section-background tatsu-bg-lazyload\" data-src = \"\"><\/div><\/div><div class=\"tatsu-overlay tatsu-section-overlay\"><\/div><style>.tatsu-Hkos-RArY .tatsu-section-pad{padding: 30px 0px 60px 0px;}.tatsu-Hkos-RArY .tatsu-section-offset-wrap{transform: translateY(-0px);}.tatsu-Hkos-RArY > .tatsu-bottom-divider{z-index: 9999;}.tatsu-Hkos-RArY > .tatsu-top-divider{z-index: 9999;}.tatsu-Hkos-RArY .tatsu-section-overlay{mix-blend-mode: normal;}<\/style><\/div><div  class=\"tatsu-SknsLA0SF tatsu-section  tatsu-bg-overlay   tatsu-clearfix\" data-title=\"\"  data-headerscheme=\"background--dark\"><div class='tatsu-section-pad clearfix' data-padding='{\"d\":\"0px 0px 0px 0px\"}' data-padding-top='0px'><div class=\"tatsu-row-wrap  tatsu-wrap tatsu-row-has-two-cols tatsu-medium-gutter tatsu-reg-cols  tatsu-clearfix tatsu-Hyg3oLR0SY\" ><div  class=\"tatsu-row \" ><div  class=\"tatsu-column  tatsu-bg-overlay tatsu-two-third tatsu-column-align-top tatsu-column-image-none tatsu-column-effect-none  tatsu-ByZniI0RHK\"  data-parallax-speed=\"0\" style=\"\"><div class=\"tatsu-column-inner \" ><div class=\"tatsu-column-pad-wrap\"><div class=\"tatsu-column-pad\" ><div  class=\"tatsu-module tatsu-text-block-wrap tatsu-H1f3jLRRHt  \"><div class=\"tatsu-text-inner   clearfix\" ><style>.tatsu-H1f3jLRRHt.tatsu-text-block-wrap .tatsu-text-inner{width: 100%;text-align: left;padding: 30px 0px 30px 0px;color: #ffffff ;}.tatsu-H1f3jLRRHt .tatsu-text-inner *{color: #ffffff ;}<\/style>\n<p>Du hast Lust, in unser Frontendteam in Berlin oder Karlsruhe mit einzusteigen? Schicke uns deine Bewerbung direkt an <a href=\"mailto:jobs@frachtwerk.de\" target=\"_blank\" rel=\"noopener\">jobs@frachtwerk.de<\/a>\u00a0!<\/p>\n<\/div><\/div><\/div><\/div><div class = \"tatsu-column-bg-image-wrap\"><div class = \"tatsu-column-bg-image tatsu-bg-lazyload\" data-src = \"\"><\/div><\/div><div class=\"tatsu-overlay tatsu-column-overlay tatsu-animate-none\" ><\/div><\/div><style>.tatsu-row > .tatsu-ByZniI0RHK.tatsu-column{width: 66.67%;}.tatsu-ByZniI0RHK.tatsu-column > .tatsu-column-inner > .tatsu-column-overlay{mix-blend-mode: normal;}.tatsu-ByZniI0RHK > .tatsu-column-inner > .tatsu-top-divider{z-index: 9999;}.tatsu-ByZniI0RHK > .tatsu-column-inner > .tatsu-bottom-divider{z-index: 9999;}.tatsu-ByZniI0RHK > .tatsu-column-inner > .tatsu-left-divider{z-index: 9999;}.tatsu-ByZniI0RHK > .tatsu-column-inner > .tatsu-right-divider{z-index: 9999;}@media only screen and (max-width:1377px) {.tatsu-row > .tatsu-ByZniI0RHK.tatsu-column{width: 66.67%;}}@media only screen and (min-width:768px) and (max-width: 1024px) {.tatsu-row > .tatsu-ByZniI0RHK.tatsu-column{width: 66.67%;}}@media only screen and (max-width: 767px) {.tatsu-row > .tatsu-ByZniI0RHK.tatsu-column{width: 100%;}}<\/style><\/div><div  class=\"tatsu-column  tatsu-bg-overlay tatsu-one-third tatsu-column-align-middle tatsu-column-image-none tatsu-column-effect-none  tatsu-HkmnsUR0BF\"  data-parallax-speed=\"0\" style=\"\"><div class=\"tatsu-column-inner \" ><div class=\"tatsu-column-pad-wrap\"><div class=\"tatsu-column-pad\" ><div  class=\"tatsu-module tatsu-normal-button tatsu-button-wrap align-block block-center  tatsu-BJ4nsIRCSY   \"><a class=\"tatsu-shortcode mediumbtn tatsu-button left-icon rounded   bg-animation-none  \" href=\"\/karriere\/\" style= \"\"  aria-label=\"Jobs\" data-gdpr-atts={} >Jobs<\/a><style>.tatsu-BJ4nsIRCSY .tatsu-button{background-color: rgba(0,181,214,1);color: #ffffff ;border-width: 1px;border-color: rgba(255,255,255,1); }.tatsu-BJ4nsIRCSY .tatsu-button:hover{background-color: #ffffff;color: rgba(0,181,214,1) ;}<\/style><\/div><\/div><\/div><div class = \"tatsu-column-bg-image-wrap\"><div class = \"tatsu-column-bg-image tatsu-bg-lazyload\" data-src = \"\"><\/div><\/div><div class=\"tatsu-overlay tatsu-column-overlay tatsu-animate-none\" ><\/div><\/div><style>.tatsu-row > .tatsu-HkmnsUR0BF.tatsu-column{width: 33.33%;}.tatsu-HkmnsUR0BF.tatsu-column > .tatsu-column-inner > .tatsu-column-overlay{mix-blend-mode: normal;}.tatsu-HkmnsUR0BF > .tatsu-column-inner > .tatsu-top-divider{z-index: 9999;}.tatsu-HkmnsUR0BF > .tatsu-column-inner > .tatsu-bottom-divider{z-index: 9999;}.tatsu-HkmnsUR0BF > .tatsu-column-inner > .tatsu-left-divider{z-index: 9999;}.tatsu-HkmnsUR0BF > .tatsu-column-inner > .tatsu-right-divider{z-index: 9999;}@media only screen and (max-width:1377px) {.tatsu-row > .tatsu-HkmnsUR0BF.tatsu-column{width: 33.33%;}}@media only screen and (min-width:768px) and (max-width: 1024px) {.tatsu-row > .tatsu-HkmnsUR0BF.tatsu-column{width: 33.33%;}}@media only screen and (max-width: 767px) {.tatsu-row > .tatsu-HkmnsUR0BF.tatsu-column{width: 100%;}}<\/style><\/div><\/div><\/div><\/div><div class=\"tatsu-section-background-wrap\"><div class = \"tatsu-section-background tatsu-bg-lazyload\" data-src = \"\"><\/div><\/div><div class=\"tatsu-overlay tatsu-section-overlay\"><\/div><style>.tatsu-SknsLA0SF.tatsu-section{background-color: rgba(0,181,214,1);}.tatsu-SknsLA0SF .tatsu-section-offset-wrap{transform: translateY(-0px);}.tatsu-SknsLA0SF > .tatsu-bottom-divider{z-index: 9999;}.tatsu-SknsLA0SF > .tatsu-top-divider{z-index: 9999;}.tatsu-SknsLA0SF .tatsu-section-overlay{mix-blend-mode: normal;}<\/style><\/div>\n","protected":false},"excerpt":{"rendered":"<div><a href=\"https:\/\/prototype.staging.dev.frachtwerk.de\/allgemein\/was-macht-eigentlich-eine-frontend-entwicklerin\/\" class=\"exp-read-more exp-read-more-underlined\">Read More<\/a><\/div>\n","protected":false},"author":7,"featured_media":7713,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_vp_format_video_url":"","_vp_image_focal_point":[]},"categories":[1,87,50],"tags":[],"_links":{"self":[{"href":"https:\/\/prototype.staging.dev.frachtwerk.de\/wp-json\/wp\/v2\/posts\/7712"}],"collection":[{"href":"https:\/\/prototype.staging.dev.frachtwerk.de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prototype.staging.dev.frachtwerk.de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prototype.staging.dev.frachtwerk.de\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/prototype.staging.dev.frachtwerk.de\/wp-json\/wp\/v2\/comments?post=7712"}],"version-history":[{"count":12,"href":"https:\/\/prototype.staging.dev.frachtwerk.de\/wp-json\/wp\/v2\/posts\/7712\/revisions"}],"predecessor-version":[{"id":9278,"href":"https:\/\/prototype.staging.dev.frachtwerk.de\/wp-json\/wp\/v2\/posts\/7712\/revisions\/9278"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prototype.staging.dev.frachtwerk.de\/wp-json\/wp\/v2\/media\/7713"}],"wp:attachment":[{"href":"https:\/\/prototype.staging.dev.frachtwerk.de\/wp-json\/wp\/v2\/media?parent=7712"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prototype.staging.dev.frachtwerk.de\/wp-json\/wp\/v2\/categories?post=7712"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prototype.staging.dev.frachtwerk.de\/wp-json\/wp\/v2\/tags?post=7712"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}