Tutorials > Build A Website From Scratch With Kotlin And Jetpack Compose

Build A Website From Scratch With Kotlin And Jetpack Compose


Date: 28 March 2023 | Posted by: voska89
Build A Website From Scratch With Kotlin And Jetpack Compose
Free Download Build A Website From Scratch With Kotlin And Jetpack Compose
Published 3/2023
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz
Language: English | Size: 3.21 GB | Duration: 6h 41m
Create and Deploy Responsive Landing Page with Kotlin and Compose for Web framework called Kobweb!


Free Download 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


Homepage
https://www.udemy.com/course/build-a-website-from-scratch-with-kotlin-and-jetpack-compose/







DOWNLOAD LINK


Links are Interchangeable - Single Extraction

See full article