Build a Website from Scratch with Kotlin and Jetpack Compose

Focused View

Stefan Jovanovic

6:41:07

236 View

1 - Introduction

1 - Introduction.mp4

01:30

2 - Introducing with Compose for Web.mp4

02:19

3 - Kobweb VS Compose for Web.mp4

03:56

2 - Setup

4 - Development Environment Intelij IDEA.mp4

01:37

5 - Install the Kobweb Binary.mp4

03:57

6 - Create the Project.mp4

14:11

7 - Create an Index Page.mp4

05:08

3 - Main Section

8 - Add the MainSection Background.mp4

09:33

9 - Create a Header Component.mp4

15:14

10 - Style and Hover Animations on a Header component.mp4

08:12

11 - Make Header Responsive.mp4

09:39

12 - Create SocialBar Component.mp4

12:15

13 - Implement Main Content.mp4

21:28

14 - Animate the Button Main Image.mp4

05:47

4 - About Section

15 - Create SkillBar component.mp4

11:45

16 - Create SectionTitle component.mp4

08:37

17 - Implement About Section content.mp4

17:15

18 - Observe a Viewport Animate the SkillBar component.mp4

20:29

5 - Service Section

19 - Create ServiceCard component.mp4

14:56

20 - Animate ServiceCard component.mp4

07:16

6 - Portfolio Section

21 - Create PortfolioCard component.mp4

14:55

22 - Add Hover Animations on PortfolioCard.mp4

12:59

23 - Implement Portfolio Navigation.mp4

05:59

7 - Achievements Section

24 - Create AchievementCard component.mp4

10:56

25 - Animate Achievement Section.mp4

04:56

8 - Testimonial Section

26 - Create TestimonialCard RatingBar component.mp4

14:26

27 - Implement Testimonial Navigation.mp4

17:48

28 - Fix the RatingBar.mp4

03:10

9 - Experience Section

29 - Create ExperienceCard component.mp4

21:57

30 - Animate ExperienceCard component.mp4

07:25

10 - Contact Section

31 - Create Contact me Form.mp4

22:57

32 - Submit an Email.mp4

06:34

11 - Footer

33 - Implement the Footer Section.mp4

14:44

12 - Back to Top Button

34 - Implement Back to Top Button.mp4

13:12

13 - SideMobile Navigation Menu

35 - Implement an Overflow Menu.mp4

15:46

14 - SectionTitle Animations

36 - Lets Animate the SectionTitle component.mp4

07:23

15 - Final Touch

37 - Final Touch.mp4

03:41

16 - Website Deployment

38 - Export the Website.mp4

04:26

39 - Deploy the website on the Server.mp4

02:49

Description

Create and Deploy Responsive Landing Page with Kotlin and Compose for Web framework called Kobweb!

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

Who is this 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

More details

Description
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!
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

User Reviews

Rating

average 0

Total votes0

Focused display

Hi, my name is Stefan Jovanović. I’m an Android Developer/Designer and technology enthusiast. Love working on a new and exciting projects, sharing my knowledge with others, and always willing to learn more.I believe that permanent education is the key to success. I’ve been working as a developer/designer for 5 years so far.Have a lots of projects on my mind. I will be creating many useful courses in the future, and hope to hear from you as you enroll in one of them!Kind regards

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.