The Jetpack Compose Beginner Crash Course for 2023 💻 (Android Studio Tutorial)
Vložit
- čas přidán 31. 01. 2023
- In this video you'll learn Jetpack Compose from the beginning on to be able to build basic UI. Watch this if you're an absolute beginner with Compose and want to know how to use it.
⭐ Get certificates for your future job
⭐ Save countless hours of time
⭐ 100% money back guarantee for 30 days
⭐ Become a professional Android developer now:
pl-coding.com/premium-courses/
💻 Let me be your mentor and become an industry-ready Android developer in 10 weeks:
pl-coding.com/drop-table-ment...
Subscribe to my FREE newsletter for regular Android, Kotlin & Architecture advice!
pl-coding.com/newsletter
Join this channel to get access to perks:
/ @philipplackner
Join my Discord server:
/ discord
Regular programming advice on my Instagram page: / _philipplackner_
Checkout my GitHub: github.com/philipplackner
You like my free content? Here you can buy me a coffee:
www.buymeacoffee.com/philippl...
Hey Man,
You doing a great job by providing these aesthetic tutorials free of cost, keep up the good work!
Glad you like them!
A lot of tutorials online and on youtube tend to be code-along style which is often bad for new learners. Most of the stuff end up forgotten and many features already used in code are unknown to them too. Like how to write first unit tests (but the test example code has DI, Room, MVVM etc). Better way would be how to write tests for basic sum methods , then for basic gestures , then for the view model and so on . Simple things first are the best way to go before more intermediate and practical stuff. Cheat-sheets are gold too. Tutorials covering them even more so . Video like this crash course is quite great .
To the point and no nonsense! I will keep this in my favourite list to revise the course when ever I need. Thank you Philipp!
Composable is very easy to understand if someone already had played with Dart/Flutter. Thanks for this Crash course!
hi from Greece. You were the one who introduced me to xml and now you are the one who introduced me to compose. You explain things very well and the pace is just right. THANK YOU.
For those who have issues with the newer versions, I found the issue (you need to remove the .fillMaxSize() of the Row and add it to the LazyColumn) :
here is a repaired script :
package com.example.myapplication
import android.os.Bundle
import android.util.Log
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.Image
import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.Row
import androidx.compose.foundation.layout.Spacer
import androidx.compose.foundation.layout.fillMaxHeight
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.layout.width
import androidx.compose.foundation.lazy.LazyColumn
import androidx.compose.foundation.lazy.LazyRow
import androidx.compose.foundation.lazy.items
import androidx.compose.foundation.text.BasicText
import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.Add
import androidx.compose.material3.Button
import androidx.compose.material3.ExperimentalMaterial3Api
import androidx.compose.material3.Icon
import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.OutlinedTextField
import androidx.compose.material3.Surface
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.runtime.getValue
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.runtime.setValue
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.Outline
import androidx.compose.ui.res.painterResource
import androidx.compose.ui.text.TextStyle
import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.unit.TextUnit
import androidx.compose.ui.unit.dp
import androidx.compose.ui.unit.sp
import com.example.myapplication.ui.theme.MyApplicationTheme
class MainActivity : ComponentActivity() {
@OptIn(ExperimentalMaterial3Api::class)
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContent {
MyApplicationTheme {
var name by remember {
mutableStateOf("")
}
var names by remember {
mutableStateOf(listOf())
}
Column(
modifier = Modifier.fillMaxSize()
)
{
Row (
){
OutlinedTextField(
value = name,
onValueChange = {text ->
name = text},
modifier = Modifier.weight(1f)
)
Spacer(modifier = Modifier.width(16.dp))
Button(onClick = {
if(name.isNotBlank()){
names += name
}
}) {
Text(text = "Add")
Icon(imageVector = Icons.Default.Add, contentDescription = "")
}
}
LazyColumn(modifier = Modifier.fillMaxSize()){
items(names){currentName->
Log.d("COMPOSE", "This get rendered $currentName")
Text(
text = currentName,
modifier = Modifier.fillMaxSize().padding(16.dp)
)
}
}
}
}
}
}
}
Philipp, just wanna say big big thanks for your contributions you are really making a big difference in people's lives and for android development in general. I finally got an android job a month ago and your videos helped me big time through my journey. I am currently refactoring code with bad practices and your big focus on patterns and good code is making a difference even here in Sweden. Next I wanted to learn jetpack compose and boom, you come with an awesomely packaged video. Thanks again man and looking forward to more content.
Man, i wish this type of vid was abailable on yt when i was just starting, this will be very helpful to new compose learners.
Great content as always philipp
Thank you man, you make this community great!
No matter how much I thank you, I will never give you the thanks you really deserve, Philip ♥️ You are truly a person of great value to the Android and mobile developer community in general I wish you all the best and give us more ♥️🙏🇪🇬
My senior recommends your channel for Compose tutorial, and this is just so easy to understand. Much thanks for the tutorial :D
I am waiting for tutorials like this, thanks 👍
Thank you for this! I totally understand how advantageous Compose is compared to the old style. Now it's Compose for me all the way.
Hands down the best instruction I've seen on jetpack compose. And I've seen tons of vids and scads of websites. Thank you!
I've just started your compose play list. it's good you uploaded it thanks
I am from india and i loved ur content i started ur playlist from basics of kotlin... And ur way of explaning concept is ossum
. thanks for this ossum content .....🔥🔥🔥🔥
Best android introduction, straight to point and gives you idea about how things work ui wise , how ui renders , kind of give beginners like me a starting point to explore. Just want to say thank you very much man, and really appreciate all of your efforts.
Great tutorial, was really helpful! Thanks for taking the time to compile all of the fundamental topics into 1 concise easy to understand video
Using jetpack after a long time, needed the revision. Your video was a great help as it covers most of the points without wasting any time.
Thank you Philipp, this is so amazing tutorial with well summarized version of jetpack compose course. Great Work!!!
Thank you so much for making this great tutorial!!!
i have been wanting to create apps for so long
and i never really liked the way designing UI worked,
and i LOVE this way using code to make UI!
This is exactly what I needed in native Android development! The syntax is so cool and easy to understand if you are familiar with React or Flutter. Much better than XML of course! I think I might go all in native if I continue to use Jetpack Compose!
Thanks a lot Phillip!
yes it's a lot like flutter, which is one of its big advantages, it's just so simple to create layouts this way
Great timing! Am actually converting an existing project from flutter to native for better performance and control of device sensors.
Certainly found it helpful, very clear explanation. A huge thumbsup for the content.
i never worked with Compose, and just a little bit with XML. Also i started to learn Kotlin. And as an Professional Java Developer i can say: This Video is Awesom, with Compose App-Development feels easier like never before!
Also i like that you share your knowlege with us! Good Job!
Awesome! So cool! You and Compose is Amazing!
Thank you as always Philipp Great job. Very useful
Insane Video, Thank you very much for the introduction to Jetpack Compose!
Your free content helped me so much! Thanks for everything Philipp.
stumbled onto this, but it's really great!
This video is very, very clear and easy to follow and understand. I'm very, very thankful for you, it makes me to start get the idea of jetpack compose, and for sure this is the future of Android UI Design
Man, you've just inspired one more person to get back to his projects. I mean its illegal for recycler view to be so simple. You've got a talent to teach things.
was l am annoyed
Thanks for this video, much valuable as I am entering this Kotlin - jetpack world from Php
Excellent! Thank you so much this really helped me
Thank you Phillipp for these videos. These are gem.
Totally awesome! Thank you for this information.
Amazing tutorial Bro, This introduction was really simple and helpful with clarity Thank you 🙏🙏
Thank you so much philip 💕💕
Hey, Philipp. Danke dir für all deine tollen Videos!! Du erklärst super gut und hilfst mir so sehr in verschiedene Topics einzusteigen und zu wissen, was man alles können sollte, um eine gute Android Developerin zu werden.
Danke das freut mich 🙌
Thanks Philipp . You gave a better start to me.
Thank you so much, great examples!!
Do more compose content, i see a lot of devs struggling with it. And i can totally relate, i'm glad i dived head first when it came out.
Thank you, this is great to start on jetpack compose
Love this 😍
From watching this video i learned a lot about compose. Thanks keep it up
Thanks m8. Really good content
Thanks for the course!
Thank you, that helped me to learn the basics
Thanks man, very helpful
recompose-able is explained flawlessly, i am new to android, i am afraid of getting a start with android, and this lecture gave more insight into the Jetpack compose over xml views and to get started with android app development with ease and confidence. Lazy rendering is explained perfectly, earlier when i am using neovim editor i was getting confused about the buzz word lazy loading..hear you have explained this concept so simply...Thank you very much Philipp.
Thanks man, very good content!
This tutorial was just great to get me up and going.
I learned Java and XML in my uni course but I thought it would be better to switch to Kotlin and JetCompose.
Thanks a lot for this man! Its much better than the tutorials on the android website
Thank you bro, very succinct and sweet summary
Great tutorial, easy to follow, thank you!
Thank You, Philipp!
Thanks a lot for this video! Its brilliant! So understandable!
Great! Thanks!
This is exactly what I needed, thank you! Returning to Android development after not doing it for a few years, I was like, "What the heck is this Composable stuff?!"
Amazing Content Phillip.
Thank you Philipp!! :3
This new UI way seemed a little mixture of flutter and react and I love this
It's really helped me, Thanks.
Really helps a lot.
Always top content 💯
Amazing!
Thank you very much for this great tutorial.
Thanks Man ❤
I needed this
Thank you for the tutorial.
Nice work bro hitting the subscribe button
Thank you for this.
Came here to find out what is jetpack compose. And got the answer, thanks!
Thank you so much!
Very informative and clear 👍
Thanks ... excellent tutorial
PHILLIPP YOU ARE THE MAN
Hi,
I'm a c# programmer (Xamarin)
Was curious about Android programming with Kotlin.
Thanks for your good videos they help me a lot.
Thank you🙌🙌🙌
Thank you for this excellent tutorial.
Wonderful 👍
Thanks for teaching me Compose, Ludwig
your are just the best!
Hey Philipp, ich hab bei dir häufig das Gefühl, dass du genau das Video machst, was ich in diesem Moment brauche. Nicht nur hier, sondern auch in vielen anderen Fällen in der Vergangenheit. Auch deine Shorts sind fast immer hilfreich! Vielen Dank für deinen absoluten top content!
Danke dir, das freut mich!🙌🙏
The Best Android Teacher!
A good tutorial for beginners!
I am Learning Compose, and Unlike many other ways of learning I have used before, I find mixing the Docs and Your tutorials Yours only, to be working. I dont want to go into the tutorial loop just yet, maybe later on when I get most of the basic conepts and can now make the skills as diverse as they can be
One of the best tutorials for compose beginners
Hey Philip,
Amazing job! This is so much better than the official videos provided by Google.
Thank you! Keep it up. :D
Thank you!
Thank you so much
Thanks for the video. Does mutableStateOf replace data bindings? Or is it possible to use data bindings with compose UI elements as well?
It's your the best video!!! And it's the best video in the history of online programming teaching!!!
Haha thank you mate!🙌🙌
Nice and Epic video for Jetpack compose learners
Phillipp, Thanks for your excellent content,
if you make an entire Android course and Upload it to Udemy/CZcams, which is ok if it is paid course which includes all basics and some projects that help many Android (jetpack) learners, you have a 10 week course on your official site. Still, as a student, that is not affordable, hope you keep this in your mind and make an excellent android course that can be enrolled by even students. Thank you again for your great content; I love you so much.
Awesome
thanks King
it was greate explanation!
Thanks
Just what i need
Googles tutorial just overcomplicates things
Great course. Just wondering what version Android Studio you using?
When I see an Android tutorial from another CZcamsr:
"Impressive. Very nice.
Lets see Philipp Lackner's version"
Compose feels like Flutter which was inspired by React Native which a variation of React which was created a decade ago.
I'm new to Android dev btw😇