Build a Website from Scratch with Kotlin and Jetpack Compose
1: Build a Website from Scratch with Kotlin and Jetpack Compose
Create and Deploy Responsive Landing Page with Kotlin and Compose for Web framework called Kobweb!
Build a Fully Responsive Website with Kotlin and Jetpack Compose! Yeah, that's right! That's possible too. And it's almost the same as building an Android Application, but even simpler then that, because we don't have to worry about the lifecycle, like we have to with Android.
In this course I'm going to teach you everything you need so you can get started as quickly as possible, and build your own website.
Kotlin is becoming a multi-platform language, which means you don't need to learn some other language in order to develop a website, instead use the same knowledge that you already have with Kotlin!
This opens the door for many programmers out there, who want's to become full stack developers with the knowledge of a single programming language.
In this course, you will learn how to develop one beautiful Landing Page from scratch, with various different animations that will be shown to your visitors when they scroll through your page.
I will guide you through the whole process from the beginning. From setting up, creating the project, to coding, exporting the website and deploying it on a server so that everyone can access and view your Landing Page from the web browser.
The framework that we are going to use for creating this website is called Kobweb, which is built on top of the Compose for Web framework. I'm going to give you some more details about those frameworks and their differences at the beginning of this course.
Now, waste your time no more. If you're excited as I'm right now, enroll in this course and let's get started!
Build a Website from Scratch with Kotlin and Jetpack Compose | Udemy
What you'll learn
Create a Landing Page with Kotlin and Jetpack Compose
Compose for Web framework
Kobweb framework Built on top of Compose for Web
Kotlin/JS
Frontend development with Kotlin
Write Kotlin code and translate to HTML/CSS/JS
Build Fully Responsive Landing Page with Kotlin
Mobile, Tablet, Desktop Screen Size Support
Static Website
Website Deployment
Add Custom Transition Animations
Requirements
Experience with Kotlin programming language
Experience with Jetpack Compose UI Toolkit
Who this course is for:
Anyone who wants to learn how to build Frontend apps with Kotlin and Jetpack Compose
Anyone who wants to reuse their Kotlin programming skills to build a website
Web Developers
Android Developers
Mobile Developers
Multi-platform Developers
Build a Website from Scratch with Kotlin and Jetpack Compose | Udemy
Jetpack Compose is built around Kotlin. In some cases, Kotlin provides special idioms that make it easier to write good Compose code.
Get started now and become an Android Jetpack Compose app developer in just 4 weeks! You will learn all relevant Android App development techniques.
If you are just starting to learn Android app development and are comfortable with XML, it might be a good idea to stick with XML for now and get a solid foundation in the basics of Android app development before diving into a new tool like JetPack Compose.
Jetpack Compose is Android's modern toolkit for building native UI. It simplifies and accelerates UI development on Android bringing your apps to life with less code, powerful tools, and intuitive Kotlin APIs. It makes building Android UI faster and easier.
Flutter makes creating complex, custom UIs easier than the old Android XML system. However, if a developer wants to create a native Android app with a modern user interface and an easy-to-use programming model, Jetpack Compose is the better choice
The Jetpack Compose toolkit is being developed rapidly by Google and will soon become the preferred way of creating UI for Android applications.
Today, we're releasing version 1.2 of Jetpack Compose, Android's modern, native UI toolkit, continuing to build out our roadmap.
Compose allows you to do more with less code compared to XML. Compose is Intuitive. This means that you just need to tell Compose what you want to show the user. Compose is compatible with all your existing code: you can call Compose code from Views and Views from Compose.
Build a Website from Scratch with Kotlin and Jetpack Compose | Udemy
Android platform code is already compiled and installed on the device. Libraries, on the other hand, need to be loaded when the app launches, and interpreted just-in-time when the functionality is needed. This can slow the app on startup, and whenever it uses a library feature for the first time
Whether you're a beginner with no programming experience, or a developer looking to learn Jetpack Compose and brush up on their Android development skills, it's a great time to start learning.
The API surface is fairly stable and Compose is ready to be used in production. If you'd like to learn more about Jetpack Compose, I maintain this repo that will help you get started!
Jetpack Compose is Kotlin exclusive. It uses features such as coroutines, and the handling of @Composable annotations is done by a Kotlin compiler. There is no way to get access to these from Java. So if your project does not support Kotlin yet, you can't use Jetpack
INSTRUCTOR
Stefan Jovanovic
