{"id":7908751,"uri":"rw://betamax/collections/228","name":"Introduction to Google's Material Design","description":"

Learn the basics of Google's Material Design by updating an old app to implement material widgets, colors, typography and icons.

","released_at":"2020-02-25T14:00:00.000Z","searchable":true,"free":false,"created_at":"2020-01-30T12:41:33.280Z","updated_at":"2020-03-30T14:30:31.307Z","duration":2314,"difficulty":"beginner","content_type":"collection","platform_id":23,"language_id":18,"editor_id":41,"group_id":null,"ordinal":null,"body":null,"warnings":[],"related_content_id":null,"popularity":308.6,"labelled_as_new":false,"display_attributes":{"concepts_covered":"

Creating icons with the Asset Studio
Using material design components such as TextViews and Buttons.
Implementing a material color scheme
Implementing and extending the material design themes.

","intended_audience":"

Intermediate Android developers who are interested in learning the basics of Material design from a developer's point of view. This course expects you to be familiar with Android Studio, Android Development with Kotlin and to have experience with Views and styles.

"},"average_rating":"4.0","rating_count":1,"professional":true,"to_param":"7908751-introduction-to-google-s-material-design","released_versions_data":[{"id":7908751,"url":"7908751-introduction-to-google-s-material-design","description":"Kotlin 1.3, Android 5.1, Studio 3.5"}],"groups":[{"id":515,"uri":"rw://betamax/collections/228","content_id":7908751,"ordinal":0,"name":"","description":"","created_at":"2020-01-30T12:41:33.552Z","updated_at":"2020-01-30T12:41:33.566Z","contents":[{"id":8288635,"uri":"rw://betamax/videos/3604","name":"About Material Design","description":"

Learn how Material Design makes your app better by improving the user experience and accessibility with tools, material widgets and design guidance.

","released_at":"2020-02-25T14:00:00.000Z","searchable":true,"free":true,"created_at":"2020-02-15T12:50:12.445Z","updated_at":"2020-03-30T14:30:30.634Z","duration":52,"difficulty":"beginner","content_type":"episode","platform_id":23,"language_id":18,"editor_id":41,"group_id":515,"ordinal":1,"warnings":[],"related_content_id":null,"popularity":1003.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"episode_title_with_course":"Introduction to Google's Material Design · About Material Design","duration_in_time":"0:52","identifier":"3604","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/3604/7d5956a0-21eb-4302-abe0-e93214fbe204.png","released":true,"has_materials_url":false,"permission_tags":[]},{"id":8288693,"uri":"rw://betamax/videos/3606","name":"Configure the Project","description":"

Configure the project and add material design dependencies to your app level build.gradle file.

","released_at":"2020-02-25T14:00:00.000Z","searchable":true,"free":false,"created_at":"2020-02-15T12:52:00.488Z","updated_at":"2020-03-30T14:30:30.716Z","duration":149,"difficulty":"beginner","content_type":"episode","platform_id":23,"language_id":18,"editor_id":41,"group_id":515,"ordinal":2,"warnings":[],"related_content_id":null,"popularity":393.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Introduction to Google's Material Design · Configure the Project","duration_in_time":"2:29","identifier":"3606","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/3606/9d772adb-a749-4b13-a8b6-c4e75af6ce18.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":8288676,"uri":"rw://betamax/videos/3605","name":"Work with Material Components","description":"

Learn about material design widgets and the advantages they provide over standard Android widgets.

","released_at":"2020-02-25T14:00:00.000Z","searchable":true,"free":false,"created_at":"2020-02-15T12:51:22.116Z","updated_at":"2020-03-30T14:30:30.788Z","duration":139,"difficulty":"beginner","content_type":"episode","platform_id":23,"language_id":18,"editor_id":41,"group_id":515,"ordinal":3,"warnings":[],"related_content_id":null,"popularity":497.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Introduction to Google's Material Design · Work with Material Components","duration_in_time":"2:19","identifier":"3605","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/3605/b1de6412-409f-4a4c-93f5-84e8f75806c7.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":8288717,"uri":"rw://betamax/videos/3607","name":"Create a Material Button","description":"

Convert a button from the standard library into a material design button, which provides a better user experience and accessibility.

","released_at":"2020-02-25T14:00:00.000Z","searchable":true,"free":false,"created_at":"2020-02-15T12:52:32.251Z","updated_at":"2020-03-30T05:30:32.653Z","duration":298,"difficulty":"beginner","content_type":"episode","platform_id":23,"language_id":18,"editor_id":41,"group_id":515,"ordinal":4,"warnings":[],"related_content_id":null,"popularity":230.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Introduction to Google's Material Design · Create a Material Button","duration_in_time":"4:58","identifier":"3607","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/3607/f4095725-1499-49c7-8d7a-55667123f757.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":8288737,"uri":"rw://betamax/videos/3608","name":"Create a Material Text Field","description":"

Now that your buttons have been materialized, do the same for the EditText widgets using a TextInputLayout.

","released_at":"2020-02-25T14:00:00.000Z","searchable":true,"free":false,"created_at":"2020-02-15T12:53:09.604Z","updated_at":"2020-03-30T09:30:28.787Z","duration":388,"difficulty":"beginner","content_type":"episode","platform_id":23,"language_id":18,"editor_id":41,"group_id":515,"ordinal":5,"warnings":[],"related_content_id":null,"popularity":213.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Introduction to Google's Material Design · Create a Material Text Field","duration_in_time":"6:28","identifier":"3608","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/3608/f9e8d946-de7b-4021-ba22-aac41a026c91.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":8288877,"uri":"rw://betamax/videos/3609","name":"Create a Material Card View","description":"

Choose a color scheme for your app by following Material Design guidelines using the color tool.

","released_at":"2020-02-25T14:00:00.000Z","searchable":true,"free":false,"created_at":"2020-02-15T12:56:17.527Z","updated_at":"2020-03-30T12:30:31.833Z","duration":256,"difficulty":"beginner","content_type":"episode","platform_id":23,"language_id":18,"editor_id":41,"group_id":515,"ordinal":6,"warnings":[],"related_content_id":null,"popularity":172.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Introduction to Google's Material Design · Create a Material Card View","duration_in_time":"4:16","identifier":"3609","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/3609/93105beb-0a56-408d-9cb8-096cccbaac65.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":8288916,"uri":"rw://betamax/videos/3610","name":"Implement a Color Scheme","description":"

Use your previously created color scheme to change the design of your buttons, text fields and action bar.

","released_at":"2020-02-25T14:00:00.000Z","searchable":true,"free":false,"created_at":"2020-02-15T12:57:29.266Z","updated_at":"2020-03-30T02:30:37.784Z","duration":244,"difficulty":"beginner","content_type":"episode","platform_id":23,"language_id":18,"editor_id":41,"group_id":515,"ordinal":7,"warnings":[],"related_content_id":null,"popularity":145.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Introduction to Google's Material Design · Implement a Color Scheme","duration_in_time":"4:04","identifier":"3610","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/3610/af1ff272-1271-4a5f-b766-bfa048d42db1.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":8289095,"uri":"rw://betamax/videos/3611","name":"Implement Design Style","description":"

In this episode, implement and extend a material design style by modifying the attributes of a TexInputLayout.

","released_at":"2020-02-25T14:00:00.000Z","searchable":true,"free":false,"created_at":"2020-02-15T13:01:31.049Z","updated_at":"2020-03-30T02:30:37.947Z","duration":393,"difficulty":"beginner","content_type":"episode","platform_id":23,"language_id":18,"editor_id":41,"group_id":515,"ordinal":8,"warnings":[],"related_content_id":null,"popularity":148.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Introduction to Google's Material Design · Implement Design Style","duration_in_time":"6:33","identifier":"3611","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/3611/cb370f94-f3e1-4341-ac4c-6707fa444b7b.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":8289097,"uri":"rw://betamax/videos/3612","name":"Use the Asset Studio","description":"

Learn how to use the asset studio to generate material design icons for your app.

","released_at":"2020-02-25T14:00:00.000Z","searchable":true,"free":false,"created_at":"2020-02-15T13:01:31.158Z","updated_at":"2020-03-29T23:30:33.015Z","duration":302,"difficulty":"beginner","content_type":"episode","platform_id":23,"language_id":18,"editor_id":41,"group_id":515,"ordinal":9,"warnings":[],"related_content_id":null,"popularity":157.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Introduction to Google's Material Design · Use the Asset Studio","duration_in_time":"5:02","identifier":"3612","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/3612/75e969ae-de35-4ce9-8fe6-849b752fa7c0.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":8289168,"uri":"rw://betamax/videos/3613","name":"Add the Final Touches","description":"

Add the finishing touches to your app, such as an elevation attribute to your card views.

","released_at":"2020-02-25T14:00:00.000Z","searchable":true,"free":false,"created_at":"2020-02-15T13:01:51.676Z","updated_at":"2020-03-29T23:30:33.080Z","duration":93,"difficulty":"beginner","content_type":"episode","platform_id":23,"language_id":18,"editor_id":41,"group_id":515,"ordinal":10,"warnings":[],"related_content_id":null,"popularity":128.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Introduction to Google's Material Design · Add the Final Touches","duration_in_time":"1:33","identifier":"3613","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/3613/263e135b-395e-4eeb-b35b-2e6ed0d8ea4f.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]}]}]}

Go from beginner to master with raywenderlich.com Professional!