Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Build a Website from Scratch with Kotlin and Jetpack Compose
Introduction
Introduction (1:30)
Introducing with Compose for Web (2:19)
Kobweb VS Compose for Web (3:56)
Project Source Code
Setup
Development Environment (Intelij IDEA) (1:37)
Install the Kobweb Binary (3:57)
Create the Project (14:11)
Create an Index Page (5:08)
Project Source Code
Main Section
Add the MainSection Background (9:33)
Create a Header Component (15:14)
Style and Hover Animations on a Header component (8:12)
Make Header Responsive (9:39)
Create SocialBar Component (12:16)
Implement Main Content (21:28)
Animate the Button & Main Image (5:47)
About Section
Create SkillBar component (11:45)
Create SectionTitle component (8:37)
Implement About Section content (17:15)
Observe a Viewport & Animate the SkillBar component (20:29)
Service Section
Create ServiceCard component (14:56)
Animate ServiceCard component (7:16)
Portfolio Section
Create PortfolioCard component (14:55)
Add Hover Animations on PortfolioCard (12:59)
Implement Portfolio Navigation (5:59)
Achievement Section
Create AchievementCard component (10:56)
Animate Achievement Section (4:57)
Testimonial Section
Create TestimonialCard & RatingBar component (14:26)
Implement Testimonial Navigation (17:48)
Fix the RatingBar (3:10)
Experience Section
Create ExperienceCard component (21:57)
Animate ExperienceCard component (7:25)
Contact Section
Create Contact me Form (22:57)
Submit an Email (6:34)
Footer
Implement the Footer Section (14:44)
Back to Top Button
Implement Back to Top Button (13:12)
Side/Mobile Navigation Menu
Implement an Overflow Menu (15:46)
SectionTitle Animations
Let's Animate the SectionTitle component (7:24)
Final Touch
Final Touch (3:41)
Website Deployment
Export the Website (4:26)
Deploy the Website on the Server (2:49)
Web Template
Github Pages deployment (3:11)
Course Updates
Kobweb 0.18+, Code cleanup/migration (5:15)
Add Hover Animations on PortfolioCard
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock