3. Tools and Techniques Specific to UI Design

In this lesson, we're going to create a new document for the purposes of demonstrating how to design a very basic UI header. We'll start by creating a new document, and then creating a shape layer for holding a navigation. We'll then use the type tool to create the navigation links, and then add a hover state. Then to wrap it up, we will add a modal popup for displaying a checkmark.

Course Cirriculum

Introduction to Photoshop for UI Design

• 1. Creating New Documents and Artboard Documents 07:51
• 2. Understanding Layers 10:02
• 3. Tools and Techniques Specific to UI Design 09:58
• 4. Exporting Assets 03:28

Introduction to Adobe Illustrator for Logo & Icon Design

• 5. Creating New Documents 03:03
• 6. Working with Layers 05:14
• 7. Tools and Techniques for Illustrator 09:25

BucketDrops: Designing the Logo & Icon in Illustrator

• 8. Creating the Basic Bucket Shape 06:46
• 9. Adding the Drop Inside the Bucket 09:13
• 10. Finishing the Logo and Icon 05:49

BucketDrops: Designing the Mockups in Photoshop

• 11. Beginning the Initial Add a Drop Mockup 09:48
• 12. Finishing the Add a Drop Mockup 07:03
• 13. Designing the Action Bar 10:03
• 14. Designing the Bucket Drop Rows Container 08:10
• 15. Designing the Add a Drop Overlay 09:43
• 16. Finishing the Mockup Designs 04:21
• 17. Exporting the Assets 08:51
• 18. Organizing the Assets 03:31

Introduction To Coding

• 19. Setup Java SDK 05:42
• 20. Setup Android Studio 07:58
• 21. Hello World Using Android Studio 14:04
• 22. Setup Genymotion Custom Android Emulator 08:33
• 23. What is Git and GitHub? 09:28
• 24. Share project on GitHub from Android Studio 10:55
• 25. Android Studio Settings Overview 15:25
• 26. What is Dp, Sp, Px in Android? 09:34
• 27. Android Studio Project Structure 17:26
• 28. Introduction To Views and Linear Layout 13:31
• 29. Weights in Linear Layout 12:21
• 30. Gravity vs. Layout Gravity 11:50
• 31. Relative Layouts 15:04
• 32. Padding vs. Margin 07:51
• 33. Event Handling in Layouts 15:32
• 34. Introduction to Activity Lifecycle 09:12
• 35. Example of an Activity Lifecycle 14:01

Bucket Drops Project Setup

• 36. How Does Bucket Drops Work? 04:40
• 37. Where to get the code? 08:25
• 38. Activity, Fragment Service Receiver and Intent 06:24
• 39. What is Context? 09:06
• 40. Bucket Drops Screen Structure 04:59
• 41. Setup Bucket Drops in Android Studio 08:13

Coding the Main Screen

• 42. Add the Logo and the Button 15:53
• 43. Add a Selector to the Button 14:23
• 44. Image View Scale Types Illustrated 11:35
• 45. Adding a Toolbar to XML 08:44
• 46. Display Bitmaps Efficiently With Glide 08:28
• 47. Event Handling For Button 08:21

Introduction To Fragments

• 48. Introduction to Fragments 09:15
• 49. Fragment Lifecycle Demo 06:04
• 50. Fragment Activity Combined Lifecycle 04:14
• 51. Adding a Fragment to XML 10:06
• 52. Introduction to Fragment Manager and Fragment Transaction 04:34
• 53. Adding Fragments Through Code 09:46
• 54. Introduction to Dialog Fragments 02:11
• 55. Setup Dialog Add in XML 14:40
• 56. Setup Dialog Add in Java 11:01

Saving Data With Realm

• 57. Introduction to Realm Database in Android 11:43
• 58. Realm Queries 05:49
• 59. Advanced Realm Concepts 08:24
• 60. Add Drop To Realm Database 15:38

Introduction to the Recycler View

• 61. Introduction to the Recycler View 07:45
• 62. Add RecyclerView to XML 04:14
• 63. Drop Layout In XML 08:13
• 64. Implement RecyclerView.Adapter 14:33
• 65. Show Data Inside Adapter From Database 16:36
• 66. ERROR Plugin is too Old 02:45
• 67. RecyclerView With EmptyView 04:12
• 68. Adapter Data Observer 15:14
• 69. Fix Bugs While Loading Images With Glide 07:10

Building A Sectioned Recycler View

• 70. Sectioned Recycler View Theory 03:03
• 71. Implement Sectioned Recycler View 09:41
• 72. Introduction to RecyclerView Item Decoration 08:08
• 73. Add Divider To The RecyclerView 17:07
• 74. Making the Footer work 08:23

Swipe To Delete And Mastering The Recycler View

• 75. Introduction To RecyclerView ItemTouchHelper 03:59
• 76. Implement Swipe To Delete 12:18
• 77. Create Dialog Mark In XML 05:34
• 78. Handle RecyclerView Item Click 12:49
• 79. Mark Item as Complete in the Database 15:25
• 80. Add Menu in XML 09:57
• 81. Approximating Time Using Android DateUtils 09:55
• 82. Sort Data In RecyclerView 06:42
• 83. Using SharedPreferences 12:25
• 84. Adapter With No Items View 15:31
• 85. Add Animation To RecyclerView 05:18
• 86. Disable Swipe For Footer 03:39
• 87. Reset Filter For Consistent User Experience 05:01

Styles And Themes

• 88. Styles and Themes 09:36
• 89. Custom Styles For Dialog and Toolbar 10:06

Building A Custom Date Picker Widget In Android

• 90. Custom Widget Bucket Date Picker View 04:09
• 91. Custom Widget XML Layout 10:27
• 92. Setup Bucket Picker Widget in Java 15:30
• 93. Introduction to Motion Event and Touch Listener 10:42
• 94. Detect Compound Drawable Clicks 04:25
• 95. Increment and Decrement the Date Picker 12:14
• 96. Introduction to Handler 04:33
• 97. Continuous Increment and Decrement With Handler 09:47
• 98. Toggle Compound Drawables on Press 04:38
• 99. Save the State of our custom widget 07:13
• 100. Polish the App with a Custom Font 13:35

Services And Broadcast Receivers

• 101. Introduction to Intent Service and Alarm Manager 10:35
• 102. Implement Intent Service and Alarm Manager 13:55
• 103. Fire Notifications With Pug Notification 08:27
• 104. Introduction to Intents and Broadcast Receivers 09:08
• 105. Boot Receiver 05:18

Publishing Your App

• 106. Signing Your App For Release 07:34
• 107. Proguard And Reverse Engineering Your APK file 11:09
• 108. Publish App on PlayStore 07:21