Ưu đãi trong tuần: Nhập mã UD50 giảm 50k cho đơn từ 300k!
Trang chủ
Menu

Build a Website from Scratch with Kotlin and Jetpack Compose

Xây dựng Website từ đầu với Kotlin và Jetpack Compose

Xây dựng Website từ đầu với Kotlin và Jetpack Compose

Tạo và Triển khai Landing Page Responsive với Kotlin và framework Compose HTML tên Kobweb!

4.7
(126 đánh giá)
788 học viên
Giảng viên
Stefan Jovanovic
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
50.000đ 349.000đ -86%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
7.0 giờ video
42 bài giảng
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 30/05/2026

Bạn sẽ học được gì

Tạo Landing Page với Kotlin và Jetpack Compose
Framework Compose for Web
Framework Kobweb được xây dựng trên nền tảng Compose for Web
Kotlin/JS
Phát triển Frontend với Kotlin
Viết code Kotlin và chuyển đổi thành HTML/CSS/JS
Xây dựng Landing Page Responsive hoàn chỉnh với Kotlin
Hỗ trợ kích thước màn hình Mobile, Tablet, Desktop
Website Tĩnh (Static Website)
Triển khai Website
Thêm Hiệu ứng Chuyển động (Animation) tùy chỉnh

Yêu cầu

Có kinh nghiệm với ngôn ngữ lập trình Kotlin
Có kinh nghiệm với Bộ công cụ Giao diện Jetpack Compose

Đối tượng phù hợp

Dành cho bất kỳ ai muốn học cách xây dựng ứng dụng Frontend bằng Kotlin và Jetpack Compose
Dành cho bất kỳ ai muốn tận dụng kỹ năng lập trình Kotlin để xây dựng website
Lập trình viên Web
Lập trình viên Android
Lập trình viên Mobile
Lập trình viên Đa nền tảng

Nội dung khóa học

17 phần • 42 bài giảng
1 Giới thiệu
2 Làm quen với Compose for Web
3 So sánh Kobweb và Compose for Web
1 Môi trường Phát triển (Intelij IDEA)
2 Cài đặt Kobweb Binary
3 Tạo Dự án
4 Tạo Trang Index
5 Mã nguồn Dự án
1 Thêm Nền cho MainSection
2 Tạo Thành phần Header
3 Tạo kiểu và Hiệu ứng Hover cho thành phần Header
4 Tạo Header Responsive
5 Tạo Thành phần SocialBar
6 Triển khai Nội dung Chính
7 Tạo hiệu ứng cho Nút & Hình ảnh Chính
1 Tạo thành phần SkillBar
2 Tạo thành phần SectionTitle
3 Triển khai nội dung Phần Giới thiệu
4 Theo dõi Viewport & Tạo hiệu ứng cho thành phần SkillBar
1 Tạo thành phần ServiceCard
2 Tạo hiệu ứng cho thành phần ServiceCard
1 Tạo thành phần PortfolioCard
2 Thêm Hiệu ứng Hover cho PortfolioCard
3 Triển khai Điều hướng Portfolio
1 Tạo thành phần AchievementCard
2 Tạo hiệu ứng cho Phần Thành tựu
1 Tạo thành phần TestimonialCard & RatingBar
2 Triển khai Điều hướng Đánh giá
3 Sửa lỗi RatingBar
1 Tạo thành phần ExperienceCard
2 Tạo hiệu ứng cho thành phần ExperienceCard
1 Tạo Biểu mẫu Liên hệ
2 Gửi Email
1 Triển khai Phần Footer
1 Triển khai Nút Quay lại Đầu trang
1 Triển khai Menu Tràn (Overflow Menu)
1 Tạo hiệu ứng cho thành phần SectionTitle
1 Hoàn thiện
1 Xuất Website
2 Triển khai Website lên Server
3 Triển khai trên Github Pages
1 Kobweb 0.18+, Dọn dẹp/Di chuyển mã nguồn

Giới thiệu khóa học

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 HTML 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!

Khóa học liên quan

Khám phá thêm các khoá học cùng chủ đề

Hiển thị tất cả khoá học Jetpack Compose
Hiển thị tất cả khoá học Kotlin
Hiển thị tất cả khoá học Mobile Development
Hiển thị tất cả khoá học Web Development
Zalo
Tôi có thể tư vấn khoá học cho bạn 😊