Android Material Design
4.4 (52 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
524 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Android Material Design to your Wishlist.

Add to Wishlist

Android Material Design

Introduction, Implementation and Mastering. All in one!
4.4 (52 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
524 students enrolled
Created by Annapurna Agrawal
Last updated 2/2017
English
Current price: $10 Original price: $200 Discount: 95% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 6 hours on-demand video
  • 38 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Implementing Material Design Feature at the end of this course will be a piece of cake for students
  • The concept of this awesome feature provided for Android App Development will be crystal clear.
View Curriculum
Requirements
  • Set up Android Studio in your pc.
  • How to run Android Application in the emulator, genymotion or on your android device.
Description

Material design is a comprehensive guide for visual, motion, and interaction design across platforms and devices. This course talks about all the important material design specifications, colors, design guidelines, and also using material widgets along with material themes and concepts.

Curious about Android Material Design? This is the your final stop where you will get information regarding material design specifications and the related widgets being used with material design themes. The best part of this course is that you will learn to make several complete android demo apps from scratch - two major apps and several small apps - based on material design guidelines. Enhance your application user interface designing skills by implementing all new materialistic features introduced in Android Lollipop 5.0.

Styling of Android Application is very important and one of the most critical feature in designing the app. To make this difficult task easy, I have come up with this course of Android Material Design, which begins with the basics of the material design and proceeds with covering some really complicated and most interesting stuffs like Android Material Design Animation. We will also dive into the material design support library and implement it in our demo applications.

The topics we will be covering includes:

1. Material Design Themes and Colors

  • Color Palette
  • Material Design Themes
  • Maintaining Backward Compatibility
  • Exploring Tinting of Widgets

2. Material Design Toolbar

  • Popup Menu or Overflow Menu
  • Contextual Menu
  • Toolbar Theme Customisation

3. Basic components of Android Material Design

  • Floating Action Button
  • Snackbar
  • Coordinator Layout

4. Android Material Design Animation

  • Ripple Effect: Touch Feedback
  • Slide Activity Transition
  • Shared Element Transition
  • Explode Activity Transition
  • Fade Transition
  • Activity Transition Overlaps

5. EditText with Floating Label

  • Implementing Floating Hints
  • Validation of TextFields
  • Validation Error Resolution

6. AppbarLayout and CollapsingToolbarLayout

  • Using AppBarLayout with Scroll Flags
  • How to collapse Image along with CollapsingToolbarLayout
  • Exploring various pin modes

7. RecyclerView and CardView

  • Implementing RecyclerView in various orientations
  • Using CardView to create list items
  • Adding and Deleting an Item from RecyclerView
  • RecyclerView Animation
  • Grid, Staggered Grid Implementations

8. Navigation Drawer using NavigationView

  • Inflate menu items in the Navigation Drawer using NavigationView
  • Adding dividers between the menu items
  • Grouping the menu items under one category

By the end of this series, you will be mastering the implementation of this features in your android app.

Who is the target audience?
  • Students should have basic knowledge of Android Application Development.
  • What are the basic components of an Android Application and the basic Hello World Program.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
43 Lectures
05:47:21
+
Android Material Design Colors and Themes
8 Lectures 47:15

Introduction to Android Material Design and overview of the topics covered in this module of playlist.

Reference - http://developer.android.com/index.html

Preview 03:27

Creating a new android project and explaination on the default material design provided in the application. Material themes compatibility for devices with api 21, above 21 and below 21. Color description for various app elements like the accentColor, secondaryColor and primaryColor. 

Diving into Material Design Themes and Colors
06:26

Demo on application of various Material Design Themes in our android application. Explanation about the compatibility issue that arises with themes with Lower API levels below 5.0 Lollipop and how to resolve it.

Material Design Themes and Compatibility with Pre-Lollipop Devices
05:00

Demo on how to set up XML compatibility for pre-lollipop, lollipop and above devices. Set up the resource folder i.e. make changes in the layout, drawable and values folder so that our application runs on all android devices. The concept of base application theme and the child theme is explained as well.

Set up XML Compatiblity for all android devices
06:33

Detailed explanation on how to make our applications compatible for all android devices using java codes. First part of the video has explanation using slide, the next part has demo in android studio, with codes.

Maintaining Compatibility by JAVA codes for Android Application
03:26

The video explains the general color palette for different parts of android screen in detail. The different color properties that define and control the toolbar, the status bar,  different widgets in the android screen is desrcribed.

Color Palette Description for Android Material Design
06:32

Brief on the guidelines to be followed for Android Application development. Description about the standards to be kept in mind about the color used for design. The use of material design color palette is parallelly explained.

Android Material Design Color Standards by Google for Android App Development
07:45

This video contains detailed explanation regarding the usage of color palette in the android application with the help of a demo project. The different color attributes that is used in different part of app is shown with example and codes are explained as well. 

Choosing from Color Palette for our Android Application
08:06

Colors and Themes Quiz
2 questions
+
Material Design Toolbar
8 Lectures 01:05:06

Explanation regarding the Action bar and Toolbar is made in detail in this video. Features of each, how they differ and and the discussion about the use in different android version is made. Various components of toolbar and using toolbar as action bar is also explained.

Getting started with Material Design Toolbar
08:51

Detailed description about the usage of toolbar as standalone toolbar is given in this video. We will be creating a new demo android application with the explanation of the standalone toolbar.

Toolbar as Standalone Toolbar
10:47

In this video, the demo app is used to explain how to set up the compatibility for attributes while using independent toolbar. The compatibility set up for the xml as well as the java codes is shown.

Setting compatibility for Standalone Toolbar for all Andro
05:23

In this video, i will be taking you through designing and including pop-up menu and various menu options in the toolbar. Including the options makes navigation through the app easier. So, basically, we will be learning about customizing our app for better user experience. Each topic here is explained with codes and like always, we also have demo application for better understanding. 

Material Design Toolbar: Pop-up Menu and Menu Icons
08:39

In this video, i will take you through the customization of the standalone toolbar, that we have been working on in the last 2 videos of this series. We will also be making the pop-up menu more attractive and colorful for better user experience.

Customizing Android Material Design Toolbar
06:20

In this video, I have clearly explained and demonstrated the difference between the standalone toolbar and using toolbar as action bar. The Demo video which is used here is the continuation of the previous video.

Using Android Material Design Toolbar as Action Bar
07:38

In this video we will be going through the implementation of contextual menu in toolbar in  android material design. We will be implementing this in our demo application, continuing from our previous video. We will also be customizing the our contextual menu.

Using Contextual Menu in Android Material Design Toolbar : Part1
09:48

In this video we will be going through the implementation of contextual menu in toolbar in  android material design. We will be implementing this in our demo application, continuing from our previous video. We will also be customizing the our contextual menu.

Using Contextual Menu in Android Material Design Toolbar: Part 2
07:40

Few basic quiz questions for this module.

Material Design Toolbar Quiz
1 question
+
Basic Components
6 Lectures 38:48

In this video we will be going through the basics building blocks. I will introduce those Basic Components to you that was introduced with material theme i.e. snackbar and floating action button

Exploring Basic Components in Android Material Design
10:00

In this video we will be going through the Snack Bar, one of the basic building blocks introduced with android material theme. We will take a tour of google guidelines defined for snack bar and implement snack bar in our android app.

Getting Familiar with Android Snackbar
07:19

Implementing custom snackbar and snackbar having action callback is described in this video. You will see the proper implementation in the demo android application with complete codes.

Implementing Snackbar in our Android App
05:26

In this video, we will go through the basic floating action button introduced as Basic Component  with material theme. we will go through google guidelines on FAB and learn about its few features.

Getting Familiar with Floating Action Button
05:55

In this video, we will dive into the demo for implementing Floating Action Button(FAB) in our Android app. We will learn about various attributes for FAB.

Using Floating Action Button in our Application
05:37

In this video, we will be leaning about the coordinator layout that is essential to keep the FAB and snackbar in sync in our android app. Demo application has the codes and explanations in detail.

Exploring the Importance of Coordinator Layout
04:31

Basic Component Quiz
1 question
+
Android Material Design Animation
8 Lectures 01:16:19

In this video, we will have an overview of the upcoming videos and tutorials that will take you through one of the most interesting features in android i.e. ACTIVITY TRANSITION ANIMATION and RIPPLE EFFECT. 

In this series of videos you will learn:
1. Explode Activity Transition 
2. Slide and Fade Activity Transition
3. Circular Reveal Animation 
4. Ripple Animation or Ripple Effect 
5. Shared Element Transition 

In the video, i have shown the demo application as example for each topic that we will be creating while implementing this android material design animation.  Stay tuned. Lotsa stuff in queue ;)

Preview 06:36

In this video, we will be learning about the touch feedback animation. Basically it refers to the response that we get while interacting with the ui elements in the app. In this video, we will be covering various forms of ripple animation:

1. default ripple with border
2. default ripple without border
3. custom ripple with border
4. custom ripple without border

How to assign this effect to widgets other that the button is shown here.
We will also be learning how to customize default ripples for our views.

Ripple Effect Animation: Touch Feedback
11:03

In this video, we will be learning about the shared element transition. It refers to the animation which is defined for various common widgets/elements that share different activities.

Implementing Shared Element Transition
12:03

In this video, we will be going through the details of circular reveal animation. We will be extending the demo application from the previous video to implement circular reveal animation.

Let's Checkout Circular Reveal Animation
07:54

In this video, we will be learning about the Explode animation activity transition. We will be implementing this explode transition using the java codes as well as the xml files. We have a small demo application that we will continuing from the previous video.

Explode Animation Activity Transition: The Most Appealing Transition
16:15

In this video, we will be learning about the Slide animation activity transition. We will be implementing this slide transition using the java codes as well as the xml files. We have a small demo application that we will continuing from the previous video.

Implementing Slide Activity Transition
07:19

In this video, we will be learning about the Fadeanimation activity transition. We will be implementing this fade transition using the java codes as well as the xml files. We have a small demo application that we will continuing from the previous video.

Fade Animation Activity Transition
06:03

In this video,  we will learn about the activity transition overlap. About the animation for the exit of 1st activity when second enters, the animation for entry of 1st activity when 2nd exits, the reenter transitions, about removing the overlapping of this activities' entry and exit animations.
In short, how do you smoothly bring in your activities and take it out from the scene, in detail, is explained in this video. 

Activity Transition Overlap
09:06

Android Material Design Animation Quiz
3 questions
+
Android Material Design Support Library
5 Lectures 48:00

In this video we will be learning how to implement floating label for the edit text widget. Edit text is usually provided with hint, which disappears when the user starts entering the text. We will see, how we get through this issue and make our android application user friendly. 

Android Floating Label for Edit Text by using TextInputLayout
07:40

In this video we will be learning how to validate input fields for the edit text widget. We will also learn how to customize this fields. We will see, how we get through this issue and make our android application user friendly. 

Validation for Floating Labels of Edit Text: TextInputLayout
12:33

In this video, we will be having the introduction to the AppBar Layout, Collapsing Toolbar Layout and Coordinator Layout. We will go through the live example and see the demo application that we will be building. The basic project set up required for the above is shown here in this video.

Introduction to AppBarLayout and Collapsing ToolBar Layout
07:17

In this video, we will be implementing the App Bar Layout. We will go have the demo application for the same. Few important aspects while implementing this that has to be kept in mind is shown.

Implementing AppBarLayout
07:54

In this video, we will be implementing the Collapsing Toolbar Layout. We will go have the demo application for the same. Few important aspects while implementing this that has to be kept in mind is shown. We will also make use of AppBarLayout and Coordinator layout for implementation. 

Implementing CollapsingToolBarLayout
12:36

Android Support Library Quiz
5 questions
+
NavigationView Android Material Design Support Library
3 Lectures 30:16

In this video, we have an introduction to what navigation view is and the steps to implement it into our application. The different kind of the navigation view with the example and demo application is also explained.
The basic set up of the Android project is shown in the video. How the menu items are used to inflate the menu in Navigation View is also explained. Stay tuned for the rest of the coding part of the series.

Introduction to Navigation View
05:18

The implementation of the simple menu items in the NavigationView is explained in detail with the codes and creation of demo application. The code is designed from scratch and variations for the designed demo app are also explained.

Implementing Simple Menu Items
17:16

It is the continuation of the previous video. In this lesson, the demo app will be used to implement the menu items in form of group first and then the implementation of the menu items is shown with header. 

Implementing Grouped Menu items with Header
07:42
+
RecyclerView and CardView
4 Lectures 41:06

In this lecture, you will have an introduction to the RecyclerView and CardView with proper examples. We will make the basic project set up required for the RecyclerView and CardView implementation in our application.

Preview 09:39

In this lecture, we will proceed towards implementing RecyclerView in our Android Project.
The steps explained in this lecture are:

➝ Create list item layout using CardView widget

➝ Add RecyclerView to activity_main.xml

➝ Data Model to feed the RecyclerView

➝ Custom Adapter for the RecyclerView

Implementing RecyclerView - 1
14:09

Continue from the previous lecture and complete the demo app for execution.

Implementing RecyclerView - 2
05:50

Implement functionalites like add and delete operations on items in RecyclerView in Android. The demo app continues from the previous video. Use and difference between the functions like notifyItemInserted or notifyItemDeleted and notifyItemRangeChanged is well explained. The default animation provided by RecyclerView widget is also explained.
Happy Coding :)

Operations on List Items in RecyclerView | Add and Delete Operations
11:28
+
What Next?
1 Lecture 00:31
Congratulations on Finishing the Course
00:31
About the Instructor
Annapurna Agrawal
4.4 Average rating
52 Reviews
524 Students
1 Course
Google Developer and Trainer

I like teaching and sharing tips and tricks. I started as a Bachelor of technology from India. Right now I am a part of a software organization Mindfire Solutions as a software engineer. I provide tutorials online in collaboration with Smartherd Developers. I start my courses with basics, explain and proceed through each topics step by step. Each topics is explained with example and codes with building demo applications parallely. At the end of my courses, you will be proficient in the respective area in the shortest possible time. I am also proficient in php, wordpress plugin and theme developement, html, css, javascript and jQuery. Besides all these, in the free time, I like reading books and listening music and meditating.