Als gelernter Frontend-Entwickler und derzeitiger Community Relations Manager bei IONOS verfolge ich mit großem Interesse die Entwicklungen im Bereich der Frontend-Entwicklung und Künstlicher Intelligenz (KI).
Die Bedeutung von KI ist unverändert hoch, wie sich anhand der verschiedenen Artikel auf anerkannten IT-Webseiten, wie z.B. medium.com, daily.dev, dev.to und in Fachzeitschriften, wie heise.de zeigt.
Sie bleibt ein maßgeblich großes Thema in der Branche und erstreckt sich auch auf die Frontend-Entwicklung.
Die Frontend-Entwicklung deckt eine Vielzahl von Aspekten ab – angefangen bei der kreativen Gestaltung von UI/UX bis hin zur tatsächlichen Umsetzung der Benutzeroberfläche einer Software Anwendung.
Im Folgenden finden Sie einen Überblick über die Merkmale dieses Entwicklungszweigs, um anschließend die Anwendung von KI in diesem Zusammenhang zu betrachten.
UI / UX Design
In vielen Unternehmen ist der Frontend-Entwickler nicht nur für die Entwicklung, sondern auch für eine ansprechende und benutzerfreundliche Oberfläche verantwortlich. Das Design und die Anordnung von Elementen, die Farbgebung, die Typografie und die allgemeine visuelle Gestaltung gehören zur täglichen Arbeit eines Entwicklers.
Responsive Design
Da im Jahr 2022 fast 50% der Europäer Webseiten über mobile Endgeräte aufrufen – Tendenz steigend, gewinnt Responsive Design immer mehr an Bedeutung und bleibt ein entscheidender Aspekt bei der Frontend-Entwicklung. Es sollte also immer möglich sein, die Anwendung auf verschiedenen Bildschirmgrößen aufzurufen.
Interaktivität
Bei der Frontend-Entwicklung steht die Interaktion des Benutzers mit der Anwendung klar im Vordergrund. Viele Anwendungen enthalten daher JavaScript, um dynamische Elemente und Funktionen ausführen zu können.
Cross-Browser-Kompatibilität
Es gibt viele Webbrowser auf dem Markt und es muss sichergestellt werden, dass die Anwendung auf allen funktioniert. Dies erfordert viele Tests und Anpassungen, um dies zu gewährleisten.
Performance-Optimierung
Da in der Regel mehrere Benutzer auf die Anwendungen zugreifen, müssen diese schnell und effizient geladen werden. Dazu gehören die Optimierung von Bildern, die Minimierung von HTTP-Requests und viele weitere Techniken, um die Ladezeit zu minimieren.
Integration von Backend
In größeren Unternehmen werden die Aufgaben der Benutzeroberfläche und des funktionalen Teils in Frontend und Backend aufgeteilt. So arbeitet ein Frontend-Entwickler oft mit Backend-Entwicklern zusammen, um Daten von Servern abzurufen und auf der Benutzeroberfläche darzustellen. Dies erfordert eine gute Kenntnis der APIs.
Barrierefreiheit
Es ist wichtig sicherzustellen, dass Menschen mit unterschiedlichen Fähigkeiten die Anwendung nutzen können. Aus diesem Grund werden immer die Prinzipien der Barrierefreiheit berücksichtigt.
Aktualisierung und Wartung
Ein guter Programmierer denkt auch immer an die Wartung und Aktualisierung. Diese muss im Laufe der Zeit immer wieder durchgeführt werden, um den sich ständig ändernden Anforderungen und Standards gerecht zu werden. Dies ist auch ein Teil von Clean Code. Schauen Sie sich meinen Beitrag dazu an:
Warum Clean Code die JavaScript-Programmierung erleichtert
Betrachtet man die Frontend-Entwicklung, konzentriert sich ein solcher Entwickler darauf, eine positive Benutzererfahrung zu schaffen, bei der sich der Nutzer auf eine gut gestaltete, reaktionsschnelle und performante Benutzeroberfläche freuen kann.
Aber kann das alles eine KI übernehmen?
Schauen wir uns die Definition einer Künstlichen Intelligenz vom Fraunhofer IMW aus Künstliche Intelligenz (KI) im Unternehmenskontext aus dem Jahr 2019 an:
“[…] Künstliche Intelligenz soll Aspekte der menschlichen Verhaltensweisen in sich nachbilden, um auf diesem Wege »menschlich« agieren zu können, ohne es zu sein. Hierzu zählen Eigenschaften und Fähigkeiten wie das Lösen von Problemen, Erklären, Lernen, Sprachverstehen und die flexiblen Reaktionen eines Menschen. […]”
Fraunhofer IMW: Künstliche Intelligent (KI) im Unternehmenskontext
Ich habe mir den Spaß gemacht und anhand der Merkmale die Frage “Aber kann das alles eine KI übernehmen?” einer bekannten KI gestellt.
In Teilen heißt es:
“[…] Es ist wichtig, die Stärken von KI-Lösungen zu nutzen, ohne dabei die menschliche Expertise und Kreativität zu vernachlässigen. Die Zukunft der Frontend-Entwicklung wird wahrscheinlich eine enge Zusammenarbeit zwischen KI-gestützten Automatisierungstools und menschlichen Entwicklern beinhalten, um die besten Ergebnisse zu erzielen.”
Ausgabe eines Prompts von ChatGPT
Die KI selbst sieht ihre Rolle als unterstützendes Werkzeug: Mit KI-Tools ist viel möglich, aber der Mensch ist noch nicht komplett ersetzbar. So ist auch die Auffassung vieler meiner Kollegen aus der Entwicklung.
Wenn man das nun genauer betrachtet, wobei uns die KI unterstützen könnte, fällt auf, dass vieles die Arbeit eines Entwicklers deutlich vereinfachen kann. Die Integration von einer KI in die Arbeitswelt eines Entwicklers ermöglicht neue Möglichkeiten zur Effizienzsteigerung und zur Schaffung hochwirksamer Benutzeroberflächen.
Mögliche Anwendungsfälle wären z.B.: Automatisierung von Routineaufgaben, Autovervollständigung, Optimierung von Benutzeroberflächen und Responsive Designs, Fehlererkennung und Qualitätssicherung, Testen, Bilderkennung und -verarbeitung oder es könnten ggf. personalisierte Benutzer Erlebnisse geschaffen werden. Auch einzelne Codezeilen können automatisiert werden, um die gewonnene Zeit ggf. für andere Dinge zu nutzen.
In den letzten Jahren hat sich im Bereich der Künstlichen Intelligenz und Frontend-Entwicklung bereits viel getan. KI-Tools sind in vielen Agenturen und Unternehmen fest etabliert.
Angefangen von ChatGPT als ChatBot bis hin zur GitHub Copilot für Fehlersuche, Security-Themen oder Code-Vorschläge, sind viele der Tools schon einsatzbereit und werden immer häufiger in der Frontend-Entwicklung verwendet.
Auch wenn viele Dinge heute schon von einer KI abgedeckt werden, bedarf es immer einer Eingabe und einer Überprüfung der Ergebnisse durch einen Entwickler.
Was IONOS nutzt
Alle Unternehmen stehen bei der Nutzung von KI noch in den Anfängen. Bei IONOS, halten wir uns jedoch bereits an die gängigen KI-Tools, die der Markt zu bieten hat.
ChatGPT
Um die Sicherheitsstandards in einem Unternehmen dieser Größe gewährleisten zu können, bediente sich IONOS der API von ChatGPT4.0 und programmierte eine interne Version für Mitarbeiter. Diese interne Version erfüllt die Sicherheitsstandards des Unternehmens und schützt das Unternehmen durch Angriffe von außen.
Dieses KI-Tool wird in allen Bereichen des Unternehmens verwendet, auch in der Frontend-Entwicklung. Dort wird es als Informationsquelle genutzt, um mal eben schnell ein paar Fragen an die KI zu stellen, statt nach der richtigen Antwort auf mehreren Seiten in Google zu suchen. Das erleichtert die Beschaffung von Informationen für den Entwickler und kann somit auch einen Zeitersparnis mit sich bringen.
GitHub Copilot
Als Frontend Developer bei IONOS ist die effiziente und schnelle Entwicklung von Code ein wesentlicher Bestandteil der täglichen Arbeit. Mit Tools wie GitHub Copilot wird dieser Prozess deutlich optimiert. GitHub Copilot bietet automatische Vorschläge von Code Snippets, die dabei helfen, einfache Programmierschritte schneller zu erledigen.
Durch die KI-Unterstützung von Copilot können Entwickler sich auf das Wesentliche der Programmierung konzentrieren, anstatt Zeit mit der Suche nach passendem Code zu verbringen. Der KI-ChatBot von Copilot ersetzt in gewisser Weise herkömmliche Suchmaschinen wie Google, da er direkt in bestimmten integrierten Entwicklungsumgebungen (IDEs) verfügbar ist.
GitHub Copilot basiert auf der OpenAI-Plattform und nutzt maschinelles Lernen, um kontextbezogenen Code und intelligente Code-Vorschläge zu generieren. Durch die Integration von natürlicher Sprachverarbeitung und maschinellem Lernen lernt Copilot aus den bereits vorhandenen Codebasen und kann daher maßgeschneiderte Code-Vorschläge liefern.
Der ChatBot von Copilot ist bereits als Beta-Version in Visual Studio Code verfügbar, was die Integration und Nutzung für Entwickler vereinfacht. Allerdings ist eine Integration in IDEs wie PhpStorm noch nicht möglich, was zeigt, dass die Entwicklung und Implementierung solcher KI-Tools noch im Gange ist.
Insgesamt bietet GitHub Copilot Frontend-Entwicklern bei IONOS eine effektive Möglichkeit, den Entwicklungsprozess zu beschleunigen und gleichzeitig die Qualität des Codes zu verbessern. Durch die KI-Unterstützung wird das Programmieren effizienter und hilft Entwicklern, ihre Produktivität zu steigern. Die kontextbezogenen Code-Vorschläge und die Anpassung an den individuellen Programmierstil machen Copilot zu einem wertvollen Werkzeug in der Toolbox eines jeden Frontend-Entwicklers.
Erkenntnis
Eine für mich wichtige Erkenntnis aus dem Beitrag ist, dass Künstliche Intelligenz (KI) in der Frontend-Entwicklung nicht die menschliche Expertise und Kreativität ersetzen kann, sondern vielmehr als unterstützendes Werkzeug dient. Die Zusammenarbeit zwischen KI-gestützten Automatisierungstools und menschlichen Entwicklern wird voraussichtlich zu optimalen Ergebnissen führen. Es ist faszinierend zu sehen, wie KI-Tools wie GitHub Copilot bereits dabei helfen können, den Entwicklungsprozess zu beschleunigen und die Codequalität zu verbessern.
Diese Erkenntnis bestärkt mich darin, dass die Integration von KI in unseren Arbeitsablauf in der IT-Welt uns dabei unterstützen kann, effizienter zu arbeiten und hochwertige Benutzeroberflächen zu entwickeln, solange man als Entwickler noch dabei ist und das kontrolliert.
Wie seht ihr das? Brauchen wir noch Frontend-Entwickler in der Zukunft?
Wollen Sie wissen, wie wir bei IONOS als Frontend-Entwickler arbeiten? Dann schauen Sie doch bei unserem Jobportal nach den neuesten Stellen vorbei. Jobs und Karriere Seite
Weitere Links
- Driving Innovation: How Generative AI is Transforming the Software Development Landscape
- What is Devin? The AI software engineer everyone is talking about
- The future of frontend development
- KI: Devin befördert KI-Assistenten vom Codeschreiber zum Software-Engineer
- Statistiken zum Thema Mobiles Internet
- HTTP-Requests
- Definition APIs
- Warum Clean Code die JavaScript-Programmierung erleichtert
- Fraunhofer IMW – Literaturanalyse und Thesenpaper: Künstliche Intelligenz (KI) im Unternehmenskontext
- Definition ChatGPT
- Definition GitHub Copilot
- IONOS – Jobs und Karriere Seite