Willkommen bei Front-End-Web-UI-Frameworks und Tools: Bootstrap 4.
Ich bin froh, dass Sie sich für diesen Kurs entschieden haben, um mehr
über das beliebteste Front-End-Web-UI-Framework zu erfahren: Bootstrap.
Wir werden uns verschiedene Aspekte von Bootstrap ansehen.
Anhand mehrerer Beispiele lernen Sie, indem Sie Übungen im Rahmen dieses Kurses durchführen.
Schauen wir uns ein paar Details als nächstes an.
Bevor Sie mit diesem Kurs beginnen,
stellen Sie bitte sicher, dass Sie über ausreichende Hintergrundinformationen verfügen,
um in diesem Kurs erfolgreich sein zu können.
Sie sollten über gute Kenntnisse in HTML,
CSS und JavaScript verfügen, bevor Sie den Kurs beginnen.
Aus meiner Sicht besteht das Webdesign und die Entwicklung aus zwei Aspekten:
der eine ist das Design der Website und der Webseite,
der zweite ist der eigentliche Aufbau und die Bereitstellung der Webseite selbst.
Aus der Designperspektive
meine ich das Design der Benutzeroberfläche und der Benutzererfahrung,
das visuelle Design, das Prototyping,
die Elemente von Farben,
Grafiken und Animationen, die von Interesse sein könnten.
In dieser Spezialisierung betrachten wir diesen Aspekt der Webentwicklung nicht.
Stattdessen betrachten wir diesen zweiten Aspekt, der
die Entwicklung, den Aufbau und die
Bereitstellung von Websites und Webseiten ist, wobei Technologien
wie die Front-End-Web-UI-Frameworks wie Bootstrap,
vielleicht JavaScript-Framework wie Angular oder eine Bibliothek wie React
und Hybrid Mobile verwendet werden Frameworks, um
mobile Anwendungen zu entwerfen und auch serverseitige Entwicklung mit Node
, Express, MongoDB, dem Hauptstack im Detail.
Wenn Sie sich die Spezialisierung ansehen,
über den Designaspekt der Website nachdenken,
dann möchten Sie vielleicht noch einmal überdenken.
Diese Spezialisierung konzentriert sich auf
die Entwicklung Aufbau und Bereitstellung von Webseiten und Webseiten,
ein rein technisches Wissen über die Verwendung der HTML
, CSS und JavaScript-basierten Fähigkeiten für die eigentliche Website-Entwicklung.
Sie fragen sich wahrscheinlich auch darüber, was mit der Full-Stack-Webentwicklung gemeint ist.
In der nächsten Lektion werden wir uns weitere Details zur vollständigen Stack-Webentwicklung ansehen.
Insbesondere, wenn Sie sich ansehen, wie dieser Kurs
im allgemeinen Kontext der Full-Stack-Webentwicklung positioniert ist,
beschäftigen wir uns in diesem Kurs mit der Entwicklung von Front-End-Web-UI.
Insbesondere das UI Framework Bootstrap 4.
Wir werden uns die verbleibenden Aspekte der
Full-Stack-Webentwicklung im Rest dieser Spezialisierung ansehen.
Dieser Kurs befasst sich mit Bootstrap sehr detailliert.
Wir werden uns auch ansprechendes Webdesign ansehen und wie Bootstrap
Responsive Webdesign durch das Bootstrap Grid-System unterstützt.
Wir werden uns die CSS und JavaScript-basierten Komponenten in Bootstrap ansehen und wie
Sie sie beim Erstellen Ihrer Website und Ihrer Webseiten nutzen können.
Auf dem Weg werden wir über diese Web-Entwicklung über die Befehlszeile lernen.
So lernen wir viele Web-Tools, die
auf der Befehlszeile und dem Ökosystem Node.js basieren.
Wir werden kurz Git überprüfen,
Node.js hinzufügen und auf Noje.js basierende Tools einschließlich Task-Läufer wie Grunt und Gulp schauen.
Dieser Kurs selbst ist in komplette Module gegliedert.
Jedes Modul entspricht ungefähr einer Arbeitswoche.
Im ersten Modul
erhalten wir die große Ansicht der Full-Stack-Webentwicklung,
dann erhalten Sie eine schnelle Einführung in Git und Node.js.
Dann stellen wir Ihnen den Bootstrap vor und überprüfen dann das Bootstrap Grid-System.
Das führt Sie bis zum ersten Auftrag in diesem Kurs.
Das zweite Modul befasst sich mit Bootstrap CSS-Komponenten.
Wir werden uns das Design der Bootstrap-Navigationsleiste ansehen
und wie wir sie nutzen können, um die Navigation zu unterstützen.
Wir werden uns die Benutzereingaben über
Schaltflächen und Formulare ansehen, dann schauen wir uns an, wie wir Inhalte mit Tabellen und Karten anzeigen können.
Dann schauen wir uns an, wie wir Bilder und Medien mithilfe von Bildern,
Miniaturansichten und Medienobjekten in unsere Webseite einbinden können.
Und schließlich schauen wir uns an, wie wir Benutzer mithilfe von Tags,
Warnungen und Fortschrittsbalken alarmieren.
Dies sollte Sie bis zu Ihrem zweiten Auftrag führen.
Das dritte Modul befasst sich mit Bootstrap JavaScript-Komponenten.
Wir werden uns die große Bildansicht ansehen,
wie Bootstrap JavaScript-Komponenten funktionieren, wir werden Tabs,
Pillen und Tabbed Navigation überprüfen,
dann werden wir sehen, wie Zusammenbruch und Akkordeon verwendet werden können, um Inhalte anzuzeigen und auszublenden.
Und dann schauen wir uns die Verwendung von Tooltips,
Popovers und Modals an, um Inhalte anzuzeigen, die auf Ihrer Seite angezeigt werden.
Und dann schauen wir uns die Karussellkomponente an
, mit der Sie Gleitinformationen auf Ihrer Webseite anzeigen können.
Dies sollte Sie bis zum dritten Auftrag in diesem Kurs führen.
Das letzte Modul befasst sich mit Bootstrap und der jQuery und verschiedenen Dev-Tools.
Wir werden uns insbesondere ansehen, wie Bootstrap und jQuery interagieren und wie Sie
jQuery und JavaScript-Code schreiben können, um Ihre Bootstrap JavaScript-Komponente zu steuern.
Wir betrachten die verschiedenen Methoden, die von den Bootstrap JavaScript-Komponenten unterstützt werden,
die verwendet werden können, um
JavaScript-Code zu schreiben, um das Verhalten dieser Komponenten zu steuern.
Dann werden wir CSS Pre-Processing Sprache ist wie LESS und Sass überprüfen.
Schließlich werden wir uns ansehen, wie wir unsere Website
mithilfe von NPM-Skripten oder Task-Läufern wie Grunt und Gulp erstellen und bereitstellen können.
Dies sollte Sie bis zum endgültigen Auftrag in diesem Kurs führen.
Ich hoffe, Sie werden viel Spaß haben,
die verschiedenen Teile dieses Kurses zu machen und auch die Übungen genießen, die Sie in
jeder Phase begegnen, die es Ihnen ermöglichen,
verschiedene Aspekte des Bootstrap-Web-UI-Frameworks besser zu verstehen.