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

Material Behaviour from Atoms to Bridges
University of Western Australia via Independent
Design 101 (or Design Basics)
iversity
Material Design for Android Developers
Google via Udacity
Product Design
Google via Udacity
Introduction to Mobile Application Development using Android
The Hong Kong University of Science and Technology via edX