[MUSIC]
Front-End-Web-UI-Frameworks werden zu ihrem Go-to-Ansatz für die
Gestaltung und Implementierung ihrer aktuellen Websites.
Lassen Sie uns fragen, was genau Front-End-Web-UI-Frameworks sind,
und lernen Sie ein wenig mehr Details über sie.
Als nächstes werden
wir uns also natürlich in dieser Lektion fragen, was sind Front-End-Frameworks?
Was enthalten sie?
Was sind einige der beliebten Front-End-UI-Frameworks?
Und warum müssen wir Front-End-UI-Frameworks nutzen, wenn wir
unsere Websites entwerfen?
Was sind Front-End-Web-UI-Frameworks?
Machen wir einen Schritt rückwärts und
stellen Sie sich vor, dass Sie nur HTML, CSS und JavaScript kennen.
Wenn Sie aufgefordert werden, eine neue Website zu entwerfen, würden Sie natürlich über die Konstruktion
und Implementierung der gesamten Website gehen. Verwenden Sie die technischen Fähigkeiten, die
Sie auf Ihren Kenntnissen in HTML, CSS und JavaScript basieren.
Sie würden oft erkennen, dass es viele
wiederholte Komponenten, die Sie auf Ihrer Website verwenden würden.
Und Sie würden am Ende Ihren eigenen Satz von CSS-Klassen entwerfen.
Sie werden JavaScript-basierte Komponente entwerfen.
Und dann, wenn Sie eine Gruppe von diesen zusammen bekommen,
jedes Mal, wenn Sie eine neue Website entwerfen müssen, würden Sie diese
vordefinierten Sätze von CSS-Klassen und
JavaScript-basierten Komponenten verwenden, um schnell eine neue Website zu implementieren.
Warum nicht zu seiner logischen Schlussfolgerung führen?
Wie wäre es, wenn wir ein ganzes Framework entwerfen, das
bereit ist, HTML, CSS und JavaScript platziert Web-UI-Komponenten zu verwenden.
Also, hier, ein Front-End-Web-UI-Framework
kann eine Reihe von CSS-Klassen definieren,
die es uns ermöglichen, Komponenten wie Buttons,
Tabellen, Navigationsleisten, Dropdowns, Warnungen,
Modals, Tabs, Akkordeons und viele mehr einzubeziehen.
Und ermöglichen es uns schnell, eine Website zu entwerfen und zu implementieren.
Dies ist also, was ein Front-End-Web-UI-Framework erreicht.
Es ist eine Sammlung all dieser Komponenten.
Nicht nur das, es gibt Ihnen eine Methode,
konsistente Typografie zu definieren, die Sie für Ihr gesamtes Website-Design verwenden können.
Und ermöglicht es Ihnen, schnell Gerüst
aus einer Website oder dem Spielfeld.
Wenn Sie nach Front-End-Web-Frameworks
suchen, würden Sie eine Fülle von ihnen im Internet finden.
Nun haben mehrere Leute ihren eigenen Dienst für
all diese verschiedenen Web-UI-Frameworks gemacht und
ihre Top-Ten-Listen von Front-End-UI-Frameworks veröffentlicht.
Dies ist eine solche, dass Sie
mit diesem Ranking einverstanden sind oder nicht, aber
Bootstrap ist zufällig das beliebteste unter allen Front-End-Web-UI-Frameworks.
Bootstrap wird
in vielen Listen der Front-End-Web-UI-Frameworks konsequent als Nummer eins eingestuft.
Die verbleibenden unter dieser Liste können variieren, aber Sie würden oft Semantic-UI,
Foundation by Zerp, Materialize, Material UI und
einige dieser anderen in vielen dieser Top-End-Listen erscheinen.
Die nächste offensichtliche Frage ist,
warum sollten Sie Front-End-Web-UI-Frameworks verwenden?
In erster Linie bieten sie Ihnen eine konsistente Art und Weise, Websites zu gestalten.
Und die meisten dieser Front-End-Frameworks
unterstützen das sogenannte Responsive Webdesign.
Wir werden mehr über responsive Webdesign in der nächsten Lektion untersuchen, aber
schnell zusammenfassen, Sie wissen nicht, dass auf Ihre Website von
verschiedenen Arten von Geräten verschiedener Bildschirmschoner zugegriffen werden kann,
von kleinen Mobiltelefonen bis hin zu einem vollwertigen Desktop.
Sie möchten in der Lage sein, Ihre Website so zu gestalten, dass sie
sich automatisch an die Größenbeschränkungen jedes dieser
verschiedenen Geräte anpassen kann, von denen aus auf Ihre Website zugegriffen wird.
Responsive Webdesign ist also besorgt über diesen Aspekt.
Das zweite Problem, das die meisten dieser Franken Frameworks zu
adressieren versuchen, ist die Cross-Browser-Kompatibilität.
Wenn Sie so viel wie ich mit Browsern gespielt haben,
bin ich mir ziemlich sicher, dass Sie gekommen sind, um zu erkennen, dass
keine zwei Browser die gleiche Website genau auf die gleiche Weise rendern.
Also, wenn Sie eine Website entwerfen, um konsequent über
viele verschiedene Browser zu rendern, werden Sie vor einem Anstieg Kampf.
Nun haben diese Front-End-Frameworks es geschafft, die meisten dieser
Eigenheiten der verschiedenen Browser so anzugehen, dass Sie
konsistentes Rendern Ihrer Website auf verschiedenen Browsern liefern können.
Das ist also der zweite Grund, warum Sie möglicherweise auf
ein Front-End-Web-UI-Framework zurückgreifen möchten.
Und der dritte Aspekt ist natürlich, dass Sie, wenn Sie eine Website entwerfen müssen,
immer unter schrecklichem Zeitdruck stehen.
So steigern Sie Ihre Produktivität
, damit Sie Ihre Energie und Zeit nicht mit verschwenderischen
Konfigurationsproblemen dieser einzelnen Komponenten Ihrer Website verschwenden.
Lassen Sie sich stattdessen von
einem konsistent entworfenen Front-End-Web-UI-Framework kümmern.
So sparen Sie viel Zeit in Bezug auf die Implementierung Ihrer Website.
Sie haben geplündert.
Und schließlich, natürlich,
die meisten dieser Front-End-UI-Frameworks, die alle dort sind, haben ihre eigene Community.
Sie sind Benutzer, die diese Frameworks für die Implementierung von Websites verwenden.
Diese Community von Benutzern bietet Ihnen eine sehr
effiziente Möglichkeit, Probleme zu lösen, die
auftreten können, wenn Sie jemanden dieser Frameworks für Ihr Website-Design anwenden.
Warum sollten Sie angesichts dieser verschiedenen Vorteile nicht auf ein Front-End-Web-UI-Framework zurückgreifen?
Mit diesem Verständnis von Front-End-Web-UI-Frameworks,
lassen Sie uns jetzt fortfahren, um mehr über Bootstrap zu erfahren,
das beliebteste Front-End-Web-UI-Framework.
( MUSIK)