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!

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

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!

Overview

Section 1: Introduction

Lecture 1 Introduction

Lecture 2 Introducing with Compose for Web

Lecture 3 Kobweb VS Compose for Web

Section 2: Setup

Lecture 4 Development Environment (Intelij IDEA)

Lecture 5 Install the Kobweb Binary

Lecture 6 Create the Project

Lecture 7 Create an Index Page

Section 3: Main Section

Lecture 8 Add the MainSection Background

Lecture 9 Create a Header Component

Lecture 10 Style and Hover Animations on a Header component

Lecture 11 Make Header Responsive

Lecture 12 Create SocialBar Component

Lecture 13 Implement Main Content

Lecture 14 Animate the Button & Main Image

Section 4: About Section

Lecture 15 Create SkillBar component

Lecture 16 Create SectionTitle component

Lecture 17 Implement About Section content

Lecture 18 Observe a Viewport & Animate the SkillBar component

Section 5: Service Section

Lecture 19 Create ServiceCard component

Lecture 20 Animate ServiceCard component

Section 6: Portfolio Section

Lecture 21 Create PortfolioCard component

Lecture 22 Add Hover Animations on PortfolioCard

Lecture 23 Implement Portfolio Navigation

Section 7: Achievements Section

Lecture 24 Create AchievementCard component

Lecture 25 Animate Achievement Section

Section 8: Testimonial Section

Lecture 26 Create TestimonialCard & RatingBar component

Lecture 27 Implement Testimonial Navigation

Lecture 28 Fix the RatingBar

Section 9: Experience Section

Lecture 29 Create ExperienceCard component

Lecture 30 Animate ExperienceCard component

Section 10: Contact Section

Lecture 31 Create Contact me Form

Lecture 32 Submit an Email

Section 11: Footer

Lecture 33 Implement the Footer Section

Section 12: Back to Top Button

Lecture 34 Implement Back to Top Button

Section 13: Side/Mobile Navigation Menu

Lecture 35 Implement an Overflow Menu

Section 14: SectionTitle Animations

Lecture 36 Let's Animate the SectionTitle component

Section 15: Final Touch

Lecture 37 Final Touch

Section 16: Website Deployment

Lecture 38 Export the Website

Lecture 39 Deploy the website on the Server

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