<div class="show-more-less-html__markup show-more-less-html__markup--clamp-after-5 relative overflow-hidden"> <ul><li>Zustimmung</li><li>Details</li><li>[#IABV2SETTINGS#]</li><li>Über Cookies<br/><br/></li></ul>Diese Webseite verwendet Cookies<br/><br/>Wir verwenden Cookies, um Inhalte und Anzeigen zu personalisieren, Funktionen für soziale Medien anbieten zu können und die Zugriffe auf unsere Website zu analysieren. Außerdem geben wir Informationen zu Ihrer Verwendung unserer Website an unsere Partner für soziale Medien, Werbung und Analysen weiter. Unsere Partner führen diese Informationen möglicherweise mit weiteren Daten zusammen, die Sie ihnen bereitgestellt haben oder die sie im Rahmen Ihrer Nutzung der Dienste gesammelt haben.<br/><br/>[#GPC_BANNER_ICON#]<br/><br/>[#GPC_TOAST_TEXT#]<br/><br/>Einwilligungsauswahl<br/><br/><strong>Notwendig<br/><br/></strong><strong>Präferenzen<br/><br/></strong><strong>Statistiken<br/><br/></strong><strong>Marketing<br/><br/></strong>Details zeigen<br/><br/>Details<br/><br/><strong>CookieConsent</strong>Speichert den Zustimmungsstatus des Benutzers für Cookies auf der aktuellen Domäne.<br/><br/><ul><li>Notwendige Cookies helfen dabei, eine Webseite nutzbar zu machen, indem sie Grundfunktionen wie Seitennavigation und Zugriff auf sichere Bereiche der Webseite ermöglichen. Die Webseite kann ohne diese Cookies nicht richtig funktionieren.</li><ul><li>Cookiebot 1 Erfahren Sie mehr über diesen Anbieter<br/></li></ul></ul><strong>Maximale Speicherdauer</strong>: 1 Monat<strong>Typ</strong>: HTTP-Cookie <br/><br/>Ein Teil der Daten, die dieser Anbieter gesammelt hat, dient der Personalisierung und der Messung der Werbewirksamkeit.<br/><br/><ul><li>Präferenz-Cookies ermöglichen einer Webseite sich an Informationen zu erinnern, die die Art beeinflussen, wie sich eine Webseite verhält oder aussieht, wie z. B. Ihre bevorzugte Sprache oder die Region in der Sie sich befinden.</li><li>Wir nutzen diese Cookie-Typen nicht.</li><li>Statistik-Cookies helfen Webseiten-Besitzern zu verstehen, wie Besucher mit Webseiten interagieren, indem Informationen anonym gesammelt und gemeldet werden.</li><li>Google 2 Erfahren Sie mehr über diesen Anbieter<br/><br/></li></ul><strong>_ga</strong>Registriert eine eindeutige ID, die verwendet wird, um statistische Daten dazu, wie der Besucher die Website nutzt, zu generieren.<br/><br/><strong>Maximale Speicherdauer</strong>: 2 Jahre<strong>Typ</strong>: HTTP-Cookie<br/><br/><strong>_ga_#</strong>Sammelt Daten dazu, wie oft ein Benutzer eine Website besucht hat, sowie Daten für den ersten und letzten Besuch. Von Google Analytics verwendet.<br/><br/><strong>Maximale Speicherdauer</strong>: 2 Jahre<strong>Typ</strong>: HTTP-Cookie <br/><br/><ul><li>JotForm 2 Erfahren Sie mehr über diesen Anbieter<br/><br/></li></ul><strong>guest [x2]</strong>Registriert Daten auf dem Webseite-Verhalten der Besucher. Dies wird für interne Analysen und Webseite-Optimierung verwendet.<br/><br/><strong>Maximale Speicherdauer</strong>: 30 Tage<strong>Typ</strong>: HTTP-Cookie <br/><br/><strong>lastExternalReferrer</strong>Ermittelt, wie der Nutzer die Website erreicht hat, indem seine letzte URL-Adresse registriert wird.<br/><br/><ul><li>Marketing-Cookies werden verwendet, um Besuchern auf Webseiten zu folgen. Die Absicht ist, Anzeigen zu zeigen, die relevant und ansprechend für den einzelnen Benutzer sind und daher wertvoller für Publisher und werbetreibende Drittparteien sind.</li><li> Meta Platforms, Inc. 3 Erfahren Sie mehr über diesen Anbieter<br/><br/></li></ul><strong>Maximale Speicherdauer</strong>: Beständig<strong>Typ</strong>: HTML Local Storage<br/><br/><strong>lastExternalReferrerTime</strong>Ermittelt, wie der Nutzer die Website erreicht hat, indem seine letzte URL-Adresse registriert wird.<br/><br/><strong>Maximale Speicherdauer</strong>: Beständig<strong>Typ</strong>: HTML Local Storage<br/><br/><strong>_fbp</strong>Wird von Facebook genutzt, um eine Reihe von Werbeprodukten anzuzeigen, zum Beispiel Echtzeitgebote dritter Werbetreibender.<br/><br/><strong>Maximale Speicherdauer</strong>: 3 Monate<strong>Typ</strong>: HTTP-Cookie <br/><br/><ul><li>Google 4 Erfahren Sie mehr über diesen Anbieter<br/><br/></li></ul>Ein Teil der Daten, die dieser Anbieter gesammelt hat, dient der Personalisierung und der Messung der Werbewirksamkeit.<br/><br/><strong>test_cookie</strong>Verwendet, um zu überprüfen, ob der Browser des Benutzers Cookies unterstützt.<br/><br/><strong>Maximale Speicherdauer</strong>: 1 Tag<strong>Typ</strong>: HTTP-Cookie<br/><br/><strong>pagead/1p-user-list/#</strong>Wird verwendet, um zu tracken, ob der Besucher Interesse an bestimmten Produkten oder Ereignissen auf mehreren Websites gezeigt hat und wie der Besucher zwischen den Websites navigiert - Dies wird zur Messung des Werbeaufwands verwendet und erleichtert die Zahlung von Empfehlungsgebühren zwischen Websites.<br/><br/><strong>Maximale Speicherdauer</strong>: Sitzung<strong>Typ</strong>: Pixel-Tracker<br/><br/><strong>_gcl_au</strong>Wird von Google AdSense zum Experimentieren mit Werbungseffizienz auf Webseiten verwendet, die ihre Dienste nutzen.<br/><br/><strong>Maximale Speicherdauer</strong>: 3 Monate<strong>Typ</strong>: HTTP-Cookie<br/><br/><strong>_gcl_ls</strong>Verfolgt die Konversionsrate zwischen dem Nutzer und den Werbebannern auf der Website - Dies dient der Optimierung der Relevanz der Werbung auf der Website.<br/><br/><strong>Maximale Speicherdauer</strong>: Beständig<strong>Typ</strong>: HTML Local Storage <br/><br/><ul><li>JotForm 2 Erfahren Sie mehr über diesen Anbieter<br/><br/></li></ul><strong>userReferer [x2]</strong>Legt fest, wie der Besucher auf die Webseite zugegriffen hat. Diese Informationen werden vom Webseiten-Betreiber verwendet, um die Effizienz der Marketingbemühungen festzustellen.<br/><br/><strong>Maximale Speicherdauer</strong>: 30 Tage<strong>Typ</strong>: HTTP-Cookie <br/><br/><ul><li>Nicht klassifizierte Cookies sind Cookies, die wir gerade versuchen zu klassifizieren, zusammen mit Anbietern von individuellen Cookies.</li><li>Wir nutzen diese Cookie-Typen nicht.<br/><br/></li></ul>Domainübergreifende Zustimmung[#BULK_CONSENT_DOMAINS_COUNT#]<br/><br/>[#BULK_CONSENT_TITLE#]<br/><br/>Liste der Domains, für die Ihre Zustimmung gilt: [#BULK_CONSENT_DOMAINS#]<br/><br/>Die Cookie-Erklärung wurde das letzte Mal am 4/27/26 von Cookiebot aktualisiert<br/><br/>[#IABV2_TITLE#]<br/><br/>[#IABV2_BODY_INTRO#]<br/><br/>[#IABV2_BODY_LEGITIMATE_INTEREST_INTRO#]<br/><br/>[#IABV2_BODY_PREFERENCE_INTRO#]<br/><br/>[#IABV2_BODY_PURPOSES_INTRO#]<br/><br/>[#IABV2_BODY_PURPOSES#]<br/><br/>[#IABV2_BODY_FEATURES_INTRO#]<br/><br/>[#IABV2_BODY_FEATURES#]<br/><br/>[#IABV2_BODY_PARTNERS_INTRO#]<br/><br/>[#IABV2_BODY_PARTNERS#]<br/><br/>Über Cookies<br/><br/>Cookies sind kleine Textdateien, die von Webseiten verwendet werden, um die Benutzererfahrung effizienter zu gestalten.<br/><br/>Laut Gesetz können wir Cookies auf Ihrem Gerät speichern, wenn diese für den Betrieb dieser Seite unbedingt notwendig sind. Für alle anderen Cookie-Typen benötigen wir Ihre Erlaubnis.<br/><br/>Diese Seite verwendet unterschiedliche Cookie-Typen. Einige Cookies werden von Drittparteien platziert, die auf unseren Seiten erscheinen.<br/><br/>Sie können Ihre Einwilligung jederzeit von der Cookie-Erklärung auf unserer Website ändern oder widerrufen.<br/><br/>Erfahren Sie in unserer Datenschutzrichtlinie mehr darüber, wer wir sind, wie Sie uns kontaktieren können und wie wir personenbezogene Daten verarbeiten.<br/><br/>Bitte geben Sie Ihre Einwilligungs-ID und das Datum an, wenn Sie uns bezüglich Ihrer Einwilligung kontaktieren.<br/><br/><strong>Meine persönlichen Daten nicht verkaufen oder weitergeben<br/><br/></strong>Leistungen<br/><br/>Services<br/><br/><ul><li> Websites &amp; Portale </li><li> Softwareentwicklung </li><li> KI-Strategie </li><li> Formulargenerator </li><li> Internet of Things <br/><br/></li></ul>Technologien<br/><br/><ul><li> TYPO3 </li><li> Laravel + Vue.js </li><li> Infrastructure as Code <br/><br/></li></ul>Branchen<br/><br/><ul><li> Stadtwerke &amp; Versorger </li><li> Verkehrsbetriebe &amp; ÖPNV </li><li> Immobilienwirtschaft </li><li> Startups <br/><br/></li></ul>Referenzen KI &amp; Digitale Zukunft<br/><br/>Unternehmen<br/><br/><ul><li> Über uns </li><li> Karriere </li><li> Team </li><li> Geschichte </li><li> Blog <br/><br/></li></ul>Kontakt<br/><br/>Frontend Developer – Web &amp; Templates (w/m/d)<br/><br/>Als digitale Agentur mit <strong>über 20 Jahren Erfahrung</strong> entwickeln wir bei MOGIC anspruchsvolle Webanwendungen für namhafte Kunden aus verschiedenen Branchen.<br/><br/>Unser <strong>35-köpfiges Team in Leipzig</strong> arbeitet in selbstorganisierten, interdisziplinären Teams an langfristigen Projekten – von Content-Management-Systemen bis hin zu individuellen Enterprise-Anwendungen.<br/><br/>Aktuell erweitern wir unser Portfolio zusätzlich um <strong>eigene Softwareprodukte</strong>.<br/><br/>Jetzt online bewerben<br/><br/>Über MOGIC<br/><br/>DEINE AUFGABEN<br/><br/>Du arbeitest in einem interdisziplinären Team aus Entwickler:innen, Designer:innen und Projektverantwortlichen an einer Vielfalt spannender Projekte für unsere Kunden.<br/><br/>Dabei setzt du Designs barrierefrei in HTML und TailwindCSS um und integrierst sie über Template-Engines wie Blade oder TYPO3 Fluid in unsere Backend-Systeme.<br/><br/>Neben klassischem Templating realisierst du auch komplexere Frontend-Lösungen im Laravel-Framework und TYPO3-CMS.<br/><br/>Du bringst dich aktiv in die Weiterentwicklung unserer Frontend-Standards ein und legst Wert auf sauberen, wartbaren Code.<br/><br/>DEIN PROFIL<br/><br/><ul><li>Fundierte Kenntnisse in der Erstellung barrierefreier Markups in HTML</li><li>Solide Kenntnisse in der barrierefreien Umsetzung nach BITV-Anforderungen</li><li>Besonders fundierte Kenntnisse in TailwindCSS und JavaScript-Frameworks wie AlpineJS</li><li>Erfahrung mit Template-Engines (Blade, Smarty, TYPO3 Fluid o.ä.)</li><li>Erfahrung in Responsive Web Design (Mobile First)</li><li>Verständnis für Design-Handoff-Workflows und die Zusammenarbeit mit Designer:innen</li><li>Kenntnisse in Performance-Optimierung im Frontend</li><li>Basiskenntnisse in technischem SEO</li><li>Kenntnisse mit Build-Stacks wie yarn, npm, webpack und Composer</li><li>Sicherer Umgang mit Git<br/><br/></li></ul>VON VORTEIL<br/><br/><ul><li>Kenntnisse der TYPO3 Fluid-Template-Engine</li><li>Erfahrung mit TypeScript und Vue.js</li><li>Sicherer Umgang mit Figma</li><li>Grundlegende Erfahrung im TYPO3-Backend</li><li>Kenntnisse in der Arbeit mit Jira-Boards</li><li>Teamfähigkeit und eigenverantwortliches Arbeiten</li><li>Gute Deutschkenntnisse<br/><br/></li></ul>ARBEITSORT<br/><br/>Unser Büro liegt zentral in Leipzig – wer vor Ort arbeiten möchte, profitiert vom direkten Austausch im Team und kurzen Wegen. Remote-Arbeit ist grundsätzlich möglich, Homeoffice selbstverständlich.<br/><br/>Unser Angebot<br/><br/>Gemeinsame Werte<br/><br/>Unser Teamwork basiert auf Vertrauen und Verlässlichkeit. Wo gehobelt wird, da fallen bekanntlich auch Späne. Wir begegnen uns mit Respekt und pflegen eine offene Fehlerkultur.<br/><br/>Gemeinsame Ziele<br/><br/>Die Zufriedenheit unserer Kunden hat höchste Priorität. Bei MOGIC arbeiten wir auf einem qualitativ hohen Niveau am stets besten Ergebnis, um beständig wachsen zu können.<br/><br/>Familiäres Miteinander<br/><br/>SOCIALIZING schreiben wir groß! Gemeinsame Freizeitgestaltungen, die Leidenschaft für Sport, Technik und Tiere verbinden uns und machen MOGIC einzigartig.<br/><br/>Permanenter Wissensaustausch<br/><br/>Ob interne Formate, wie unser monatliches Lunch&amp;Learn, oder externe Weiterbildungsmöglichkeiten - wir unterstützen unsere Mitarbeiter:innen bei der individuellen Weiterentwicklung.<br/><br/>Work-Life-Balance<br/><br/>Flexible Arbeitszeiten, Homeoffice und die Gestaltung deines Arbeitsplatzes mit moderner Hard- und Software schaffen ideale Arbeitsbedingungen - ebenso wie eine Runde Tischtennis oder Auspowern im Fitnessraum.<br/><br/>Du möchtest mehr über MOGIC als Arbeitgeber erfahren?<br/><br/>Einblicke in unseren Arbeitsalltag<br/><br/>Auszug unserer Technologien<br/><br/>Unser Team bemüht sich sehr um ihre Arbeit. Deshalb nutzen wir die besten Tools und Lösungen.<br/><br/>TYPO3<br/><br/>Vue.js<br/><br/>Javascript<br/><br/>Laravel<br/><br/>AWS<br/><br/>PHP<br/><br/>Gitlab<br/><br/>Figma<br/><br/>Haben wir dich überzeugt?<br/><br/>Dann freuen wir uns auf deine Bewerbung!<br/><br/>Wir benötigen kein Anschreiben, uns genügt ein aktueller Lebenslauf bzw. eine Projektübersicht und die Angabe deiner Gehaltsvorstellung und Verfügbarkeit. Bitte sende deine Unterlagen per Mail an jobs@mogic.com.<br/><br/>Jetzt online bewerben<br/><br/>Unser Bewerbungsprozess<br/><br/><ul><li> Deine Bewerbung<br/><br/></li></ul>Nachdem wir deine Unterlagen erhalten haben, bekommst du umgehend eine Eingangsbestätigung.<br/><br/><ul><li> Unser Feedback<br/><br/></li></ul>Gemeinsam mit Kollegen aus der Fachabteilung schauen wir uns dein Profil an und melden uns innerhalb weniger Tage bei dir zurück.<br/><br/><ul><li> Das erste Interview<br/><br/></li></ul>Um dich ein wenig besser kennenzulernen und dir einen ersten Eindruck von MOGIC und den Aufgaben zu vermitteln, laden wir dich zu einem etwa 20-minütigen Videointerview ein.<br/><br/><ul><li> Die Coding-Challenge<br/><br/></li></ul>Im Rahmen einer etwa 6-stündigen offline Coding-Challenge bearbeitest du eine Aufgabe in deiner Programmiersprache und stellst dein Können unter Beweis.<br/><br/><ul><li> Der Teamfit<br/><br/></li></ul>Ob du wirklich zu uns passt, erfahren wir in einem zweiten Interview. Dabei lernst du das Team kennen und ihr fachsimpelt gemeinsam über aktuelle Projekte.<br/><br/><ul><li> Unser Angebot<br/><br/></li></ul>Wenn bis hierhin alles gut lief, freuen wir uns darauf dir ein Angebot für die gemeinsame Zusammenarbeit zu machen.<br/><br/>Deine Ansprechpartnerin<br/><br/><strong>Cornelia Schwarz<br/><br/></strong>HR Managerin<br/><br/>Bei Fragen zu unserer Ausschreibung erreichst du Conny telefonisch unter +49 (0)341 6567971 oder per Mail an jobs@mogic.com.<br/><br/>Wir freuen uns darauf, dich kennenzulernen!<br/><br/>Jetzt online bewerben<br/><br/>Datenschutzerklärung Barrierefreiheitserklärung Impressum </div>