Jetpack Compose for Designers
20 sections - 4 hours of video
Add to favorites
Notify me
Learn the fundamentals of Jetpack Compose to build a beautiful Android application using Kotlin and Android Studio
Taught by Sai Kambampati
Purchase includes access to 50+ courses, 320+ premium tutorials, 300+ hours of videos, source files and certificates.
20 topics
All techniques are explained step-by-step, in a beginner-friendly format so that you can easily follow in a cohesive way.
1
Jetpack Compose for Designers
Learn about the basics of Jetpack Compose to build an NFT Marketplace Android app with the powerful declarative framework
10:07
2
Building your first component
Explore the fundamentals of Jetpack Compose to build an amazing Card
13:03
3
Designing the Onboarding Screen
Modify Jetpack Compose elements to suit your design
10:51
4
Introduction to Kotlin
Learn the basics of programming in Kotlin
10:26
5
Classes in Kotlin
Develop different card types with the help of classes
10:57
6
Dynamic Composable Functions
Build the NFT Category Card to use Dynamic Data
12:22
7
Building a Lazy Horizontal List
Iterate through Data to build a Dynamic Scrollable List
10:35
8
Creating the Collection Cards
Making the Collection Card with Material Icons
10:29
9
Remembering State
Learn about State Changes and Remembering UI State with Compose
9:19
10
Scrolling Views
Finish building the Home Screen and Learn more about the Scaffold element
15:24
11
Creating a Top App Bar
Learn about TopAppBars in Android and how to implement them with Jetpack Compose
8:48
12
Customizing Bottom App Bars
Add a Bottom Bar for Navigation and Learn How to Add Dependencies
10:19
13
Making the Ranking Components
Review the fundamentals by building the blocks for the Stats Screen
12:00
14
Building the Stats Screen
Integrate the Second Screen of our App with Jetpack Compose
7:27
15
Animations in Jetpack Compose
Learn the Fundamentals of Animating Values to Update the UI
13:36
16
Introduction to Navigation
Integrate the Navigation Compose dependency to Set up Screen to Screen Navigation
8:48
17
Bottom App Bar Navigation
Enable Functional Interactivity for the Bottom App Bar
8:46
18
Dynamic Navigation
Control the First Screen a User is Presented with Dynamically
8:52
19
Introduction to Jetpack Compose Theming
Learn the Fundamentals of Building a Theme for your app
11:40
20
Updating our App’s Typography
Refactor the remaining parts of our application
12:36
Templates and source code
Download source files
Download the videos and assets to refer and learn offline without interuption.
Design template
Source code for all sections
Video files, ePub and subtitles
Browse all downloads
What's included?
All courses come with downloadable files to help you design, code and follow the course offline.
300+ hours of video
Subtitles in English, Chinese
Source files, ePub
UI, icons, illustrations
Premium, support chat
Source files
Design templates and source code files are included to help you learn.
ePub files
Read offline using Books for iOS, Mac or other apps that can read this format.
Video files
Download the videos so that you can watch later or offline using any video player.
Meet the instructor
We all try to be consistent with our way of teaching step-by-step, providing source files and prioritizing design in our courses.
Sai Kambampati
Student. Engineer. Designer. Not always in that order.
Student at UCSC constantly learning about new technologies, building innovative mobile apps, and designing breakthrough products.
6 courses - 24 hours
Jetpack Compose for Designers
Learn the fundamentals of Jetpack Compose to build a beautiful Android application using Kotlin and Android Studio
4 hrs
UIKit for iOS 15 Part 2
Learn advanced techniques about animations, layout, localization, Firebase, Xcode Cloud, and more!
3 hrs
UIKit for iOS 15
Design and code a UIKit app for iOS 15 with storyboards, custom layouts, scroll detection, and accessibility using Xcode 13
5 hrs
Advanced Development in SwiftUI
Advance your SwiftUI skills by developing an app using Core Data, CloudKit, In App Purchases, Sign In With Apple, and Firebase Authentication
4 hrs
Flutter for Designers Part 2
Continuing on from the previous Flutter for Designers course, this course has a heavier emphasis on using Firebase API's to combine Firebase and Flutter. There will be a lesser emphasis on creating front-end Flutter UI and more emphasis on how to build functional applications capable of being shipped to the App Store. A review of the previous course and the Dart programming language will be very helpful. That being said, you will also be introduced to some new Flutter widgets and packages.
4 hrs
Flutter for Designers
Flutter is a relatively new toolkit that makes it easy to build cross-platform apps that look gorgeous and is easy to use. By utilizing a platform's native components we'll build an app that can run on both iOS and Android that will look and feel like it was developed natively. Furthermore we'll see how with one single codebase, Flutter provides us with native performance, hot reload for fast development, and access to beautiful, native components.
4 hrs
Flutter
Certificate
Figma
Certificate
SwiftUI
Certificate
UI Design
Certificate
Create a profile
Get certificates
After passing a test, we’ll award you with an online certificate. You can add them to your profile after completing the courses.
Stories
How students learned from our courses
See what people have learned and built by taking courses from Design+Code
Haawa
iOS Developer
Haawa
iOS Developer
Hey MengTo, I launched my iOS/watchOS app RunnerGoal almost completely built with SwiftUI. Thank you for the design lessons and many controls and animation that I used from you SwiftUI course. Man bowing deeply.
Damjan Dimovski
Senior iOS Developer at 3PDevelopment
Damjan Dimovski
Senior iOS Developer at 3PDevelopment
Made using SwiftUI and @MengTo's awesome Design+Code courses on SwiftUI and UI design!
Ángel Vāzquez
UI-X interaction & design
Ángel Vāzquez
UI-X interaction & design
I can’t thank you enough @MengTo, thank you for making the whole process so enjoyable. This is the beginning of a new era for me thanks to you I found my passion and what I want to do for the next following years. Red heart
Mike Ekkel
Frontend Engineer at Bynder
Mike Ekkel
Frontend Engineer at Bynder
What I really like about @MengTo's SwiftUI course is how he introduces you to awesome use cases for so many of the view modifiers. While this scroll animation is straight from the course, you can imagine all the cool things you could do with it!
Ben Hylak
UX Engineer at GoogleARVR
If you want to make something beautiful, this is where to start. This is not a programming course, and this is not just a design course. Meng removes that line all together and simply teaches the art of making. From keyboard shortcuts to color theory, this course leaves no stone unturned. Everything you learn here you will use immediately -- there is simply no other course like this.
Daniel Korpai
Designer at Invision
The new React for Designers course by @mengto is my dream course since I started learning front-end dev as a designer! I wish a similar course would have existed back in the days. Everything is in one place for designers, this is just pure gold! ✨
