Want to create landing pages that convert visitors into customers? This two-hour hands-on project is designed for web developers seeking to enhance their skills in building professional and visually captivating online storefronts using Bootstrap, a leading front-end framework offering a streamlined and efficient framework for creating responsive and visually appealing web interfaces.
Responsive Design in Bootstrap: Create a Landing Page
Sparen Sie mit 40% Rabatt auf 3 Monate Coursera Plus bei den Fähigkeiten, die Sie zum Strahlen bringen. Jetzt sparen
Erwerben Sie praxisrelevante Kompetenzen unter Anleitung von Experten, üben Sie sich in ihrer Anwendung und wenden Sie sie schließlich an.
Stufe Mittel
Empfohlene Erfahrung
2 hours
In Ihrem eigenen Lerntempo lernen
Praktisches Lernen
Was Sie lernen werden
Use Bootstrap's grid system to create a responsive and adaptable landing page layout.
Utilize Bootstrap components to improve the landing page's functionality and visual appeal.
Apply Bootstrap's CSS classes and customization options to achieve a visually appealing design.
Kompetenzen, die Sie festigen
- Kategorie: Responsive Web Design
- Kategorie: User Interface (UI)
- Kategorie: Web Development
- Kategorie: HTML and CSS
- Kategorie: Interactive Design
- Kategorie: Web Design
Tools, die Sie verwenden werden
- Kategorie: UI Components
- Kategorie: Bootstrap (Front-End Framework)
- Kategorie: Cascading Style Sheets (CSS)
Wichtige Details
Zertifikat zur Vorlage
Zu Ihrem LinkedIn-Profil hinzufügen
Unterrichtet in Englisch
Keine Downloads oder Installation erforderlich
Nur als Desktop-Version verfügbar
Erfahren Sie, wie Mitarbeiter führender Unternehmen gefragte Kompetenzen erwerben.
Lernen, Üben und Anwenden von berufsrelevanten Fähigkeiten in weniger als 2 Stunden
- Nehmen Sie an Schulungen von Branchenexperten teil
- Sammeln Sie mit Aufgaben aus der realen Welt praktische Erfahrung
- Schaffen Sie Vertrauen durch neueste Tools und Technologien
Über dieses begleitete Projekt
Schritt für Schritt lernen
In einem Video, das auf einer Hälfte Ihres Arbeitsbereichs abgespielt wird, führt Sie Ihr Dozent durch diese Schritte:
Task1: Setup a Bootstrap Project
Task2: Create a Top Navigation Bar
Task3: Create a Page Header
Practice I: Create a Responsive Navbar for a Movies Webpage
Task4: Develop a Search Area with Modal
Task5: Develop a Banner Hero Section using Carousels
Task6: Develop a Products Section
Practice II: Create a Contact US Modal
Task7: Develop a Featured Products Section
Task8: Develop a Page Footer
Cumulative Task: Develop a Product Detail Modal
Empfohlene Erfahrung
HTML5 basics: page structure, div, headings. lists, images, and buttons.
10 Projektbilder
Dozent
20 Kurse78.688 Lernende
von
Was Sie beim Lernen erwartet
Auf Kompetenzen basierendes, praktisches Lernen
Üben Sie die Anwendung neuer Kompetenzen anhand von berufsbezogenen Aufgabenstellungen.
Anleitung durch Experten
Lernen Sie mit vorab von Experten aufgezeichneten Videos in einer einzigartigen aufgeteilten Oberfläche.
Keine Downloads oder Installation erforderlich
Greifen Sie in einem vordefinierten Cloud-Arbeitsbereich auf die Tools und Ressourcen zu.
Nur für Desktop verfügbar
Dieses begleitete Projekt ist für die Bearbeitung an einem Laptop oder Desktop-Computer mit stabiler Internetverbindung konzipiert und nicht für Mobilgeräte.
Warum entscheiden sich Menschen für Coursera für ihre Karriere?
Felipe M.
Lernender seit 2018
„Es ist eine großartige Erfahrung, in meinem eigenen Tempo zu lernen. Ich kann lernen, wenn ich Zeit und Nerven dazu habe.“
Jennifer J.
Lernender seit 2020
„Bei einem spannenden neuen Projekt konnte ich die neuen Kenntnisse und Kompetenzen aus den Kursen direkt bei der Arbeit anwenden.“
Larry W.
Lernender seit 2021
„Wenn mir Kurse zu Themen fehlen, die meine Universität nicht anbietet, ist Coursera mit die beste Alternative.“
Chaitanya A.
„Man lernt nicht nur, um bei der Arbeit besser zu werden. Es geht noch um viel mehr. Bei Coursera kann ich ohne Grenzen lernen.“
Ihnen könnte auch Folgendes gefallen:
Status: Kostenloser Testzeitraum
Status: Kostenloser Testzeitraum
Status: Kostenloser Testzeitraum
