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

Probabilistic Graphical Models 1: Representation
Stanford University via Coursera Computer Security
Stanford University via Coursera Intro to Computer Science
University of Virginia via Udacity Introduction to Logic
Stanford University via Coursera Internet History, Technology, and Security
University of Michigan via Coursera