Kotlin Frontend and Backend

1. Kotlin
Frontend & Backend
By : Mohamed Hegazy

2. 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.

3. 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

4. Kotlin for frontend with existing HTML

5. Kotlin for frontend with existing HTML

6. Kotlin for frontend creating HTML DOMs

7. Kotlin Http requests with Fuel
• Fuel Framework
https://github.com/kittinunf/Fuel

8. Kotlin Http requests with Fuel

9. Kotlin Http requests with Fuel

10. Kotlin Http requests with Fuel

11. Kotlin Http requests with Fuel

12. Kotlin Http requests with Fuel

13. Kotlin For Server Side

14. 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 – Ktor
https://github.com/Kotlin/ktor

15. Kotlin for frontend HTTP Requests
• Using the Ktor framework
• https://github.com/Kotlin/ktor

16. Kotlin for frontend HTTP Requests

17. Putting Things Together

18. 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/