kotlin for frontend & backend web development

KotlinFrontend & Backend

By : Mohamed Hegazy

Agenda

1. Installation Guide.

2. Frameworks we will use.

3. How to use Kotlin frontend with existing HTML pages.

4. How to use Kotlin frontend to create HTML elements.

5. How to use Kotlin + http requests.

6. How to use Kotlin for server side.

Installation Guide

• Jetbrains Intellij for windows https://www.jetbrains.com/idea/download/#section=windows

• Create New Project Using Gradle and choose Kotlin (Java).

• Create Kotlin File – with any name you want

Kotlin for frontend with existing HTML

Kotlin for frontend with existing HTML

Kotlin for frontend creating HTML DOMs

Kotlin Http requests with Fuel

• Fuel Framework https://github.com/kittinunf/Fuel

Kotlin Http requests with Fuel

Kotlin Http requests with Fuel

Kotlin Http requests with Fuel

Kotlin Http requests with Fuel

Kotlin Http requests with Fuel

Kotlin For Server Side

Installation Guide

• Jetbrains Intellij for windows https://www.jetbrains.com/idea/download/#section=windows

• Create New Project Using Gradle and choose Kotlin (Java).

• Create Kotlin File – with any name you want

• The Differnece is in the Library that is used – Ktorhttps://github.com/Kotlin/ktor

Kotlin for frontend HTTP Requests

• Using the Ktor framework

• https://github.com/Kotlin/ktor

Kotlin for frontend HTTP Requests

Putting Things Together

Useful Links

• https://github.com/KotlinBy/awesome-kotlin

• https://kotlinlang.org/docs/tutorials/httpservlets.html

• https://kotlinlang.org/docs/reference/server-overview.html

• https://kotlin.link/