Einführung
Website-Entwicklung ist einer der Trendjobs auf dem aktuellen IT-Markt. In diesem Artikel lernen wir die Grundlagen von Websites und die damit verbundenen Tools und Frameworks kennen. In kommenden Artikeln werden wir dem in diesem Artikel vorgestellten Lernpfad folgen und später zu einzelnen Frameworks springen.
Web Design
Wenn Sie an der Frontend-Entwicklung gearbeitet haben, dann müssen Sie wissen, dass ein Browser hauptsächlich HTML-Tags (Hypertext Markup Language) versteht. Diese Tags werden mit einer Sprache namens CSS (Cascading Style Sheets) verschönert. Die Steuerelemente einer Website werden von Skriptsprachen (wie JavaScript) verwaltet. Falls Sie diese nicht kennen, keine Sorge, wir werden diese Konzepte später im Detail besprechen.
Lernweg
Um das Lernen in einem Kontinuum zu halten, beginnen wir mit sehr einfachen Grundlagen, die Internet-Grundlagen, die Funktionsweise eines Browsers, individuelles Lernen für HTML, CSS und JavaScript, XML-Bibliotheken und JSON umfassen. Sobald wir diese Konzepte besser verstehen, können wir unsere Websites eigenständig entwickeln.
Die oben genannten Themen werden erwähnt, um Sie nicht in Panik zu versetzen, sondern um einen Überblick darüber zu geben, was Sie nach Abschluss dieser Leitfadenserie lernen werden. Nach Abschluss dieser Reihe werden Sie ein zentraler Website-Entwickler.
Frameworks für die Website-Entwicklung
Website Development Framework, auch als „Front-End-Framework“ bekannt, sind Software-Frameworks, die die Entwicklung der Website-Entwicklung unterstützen sollen. Sie reduzieren die Arbeit der Entwickler, indem sie den Codierungsaufwand reduzieren und Bibliotheken bereitstellen, die zum Erstellen von Webdiensten, Webseiten und zur Integration verwendet werden können APIs in kurzer Zeit.
Kurz gesagt, Front-End-Frameworks reduzieren den gesamten Entwicklungsaufwand und verbessern die Arbeitseffizienz. Es gibt viele Frameworks auf dem Markt, im Folgenden sind die wenigen bekanntesten:
· Reagieren
Reagieren ist eines der einfachsten Open-Source-Frameworks, das von Facebook entwickelt wurde. Es nutzt das Konzept der Wiederverwendbarkeit von Komponenten.
· Eckig
Eckig ist ein von Google entwickeltes TypeScript-basiertes Framework. Angular verwendet das Konzept der Zwei-Wege-Bindung, das es in Echtzeit synchronisiert.
· Bootstrap
Bootstrap ist ein Open-Source-Toolkit für die Website-Entwicklung, das HTML, CSS und JS umfasst. Es ist eines der bekanntesten Projekte auf Github.
· jQuery
jQuery ist eher eine Bibliothek als ein Framework. Es ist in allen anderen Frameworks weit verbreitet.
· Vuejs
Vue ist ein einfaches Framework, das die Funktionen von React und Angular nutzt. Es wird von chinesischen Riesenunternehmen wie Alibaba und Xiaomi verwendet.
· SAPUI5
SAP UI5 ist ein Framework, das hauptsächlich für SAP-Software entwickelt wurde, um ihre Benutzererfahrung zu verbessern. Später wurde eine Open-Source-Version veröffentlicht, die als UI5 öffnen. Es verwendet das Konzept der MVC-Architektur.
