YoVDO

Build Instagram UI Layout with MDB - Bootstrap 5 & Material Design 2.0

Offered By: YouTube

Tags

Bootstrap Courses Computer Science Courses Web Development Courses Material Design Courses HTML Courses Responsive Design Courses

Course Description

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Learn how to recreate Instagram's news feed interface using MDB5 (Material Design Bootstrap 5) in this 44-minute tutorial video. Follow along step-by-step to build a responsive two-column layout featuring a story row, navigation, and user newsfeed. Explore the implementation of Material Design 2.0 principles while constructing an Instagram-like UI. Gain hands-on experience with MDB CLI and discover how to customize various components to match Instagram's aesthetic. By the end of this tutorial, you'll have created a functional Instagram UI layout, enhancing your skills in front-end development with Bootstrap 5 and Material Design.

Syllabus

Introduction
Getting MDB
Creating Navbar
Creating Main Part
Creating News Feed
Removing Rounded
Icons
Like by
Comments
Columns
Outro


Taught by

Keep Coding

Related Courses

Mobile Web Development
Google via Udacity iDESWEB, Introducción al desarrollo web
Miríadax Information Design
University of California, San Diego via Coursera Advanced Styling with Responsive Design
University of Michigan via Coursera Front-End Web UI Frameworks and Tools
The Hong Kong University of Science and Technology via Coursera