Design+Code logo

Quick links

No results found

Suggested search

Jetpack Compose for Designers

20 sections - 4 hours of video

icon

Add to favorites

icon

Notify me

Learn the fundamentals of Jetpack Compose to build a beautiful Android application using Kotlin and Android Studio

Instructor avatar

Taught by Sai Kambampati

Purchase includes access to 30+ courses, 240+ premium tutorials, 120+ 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.

check

Design template

check

Source code for all sections

check

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.

120+ hours of video

120+ hours of video

Subtitles in English, Chinese

Subtitles in English, Chinese

Source files, ePub

Source files, ePub

UI, icons, illustrations

UI, icons, illustrations

Premium, support chat

Premium, support chat

Source files

Source files

Design templates and source code files are included to help you learn.

ePub files

ePub files

Read offline using Books for iOS, Mac or other apps that can read this format.

Video files

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.

icon

6 courses - 24 hours

course logo

Jetpack Compose for Designers

Learn the fundamentals of Jetpack Compose to build a beautiful Android application using Kotlin and Android Studio

4 hrs

course logo

UIKit for iOS 15 Part 2

Learn advanced techniques about animations, layout, localization, Firebase, Xcode Cloud, and more!

3 hrs

course logo

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

course logo

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

course logo

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

course logo

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

Author avatar

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.

Mike Ekkel

Frontend Engineer at Bynder

Author avatar

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!

Anthony Collurafici

Designer

Author avatar

Anthony Collurafici

Designer

Simple Ratio is Live! After years of designing apps, I can finally say I built my own. Big thanks to Meng To for getting me started with SwiftUI.

David Norris

App Developer

Author avatar

David Norris

App Developer

Big thanks to you and your DesignCode team. A big help to me. Learning design is just as important as the code that drives it. Built @getNebulaApp, using the SwiftUI courses. Essential for learning iOS and macOS app dev.

Liu Yi

Founder at Price Tag

Thanks to Design+Code, I improved my design skill and learned to do animations for my app Price Tag, a top news app in China.

Kushal Bhanot

Front-end Web & iOS developer

I've never been more excited about designing applications. Meng is by far, the best educator that I've ever found. His minimalist approach is both easy-to-understand and complete at the same time. I highly recommend!

Trusted by teams

100,000 people

Many startups look for designers who code and developers who design. They use our courses to help train new hires and expand skill sets.