![Decorator](./assets/img/glow-new.png)
Cách dễ nhất để học HTML CSS cho người mới bắt đầu!
Thực hành 8 dự án trên Figma, 300+ bài tập và thử thách, mua một lần học mãi mãi, được thiết kế và hướng dẫn bởi Sơn Đặng.
Thực hành 8 dự án với thiết kế trên Figma
Figma là công cụ thiết kế UI/UX hàng đầu thế giới hiện nay. Với 8 dự án thực hành trên Figma, bạn có thể tự làm lại hầu hết mọi giao diện trang web mà bạn thấy.
Đặc biệt, dự án số 8 bạn sẽ được áp dụng đầy đủ: multiple pages, dark/light mode, sử dụng Sass 7-1 pattern, responsive 6 breakpoints, sử dụng Grid system, v.v.
Học thử ngay![Thực hành dự án với thiết kế trên Figma tại khóa học HTML CSS Pro tại F8](./assets/img/project-2.png)
![Thực hành dự án với thiết kế trên Figma tại khóa học HTML CSS Pro tại F8](./assets/img/project-4.png)
![Thực hành dự án với thiết kế trên Figma tại khóa học HTML CSS Pro tại F8](./assets/img/glow-new.png)
Khóa học được thiết kế bởi Sơn Đặng
"Trang web đầu tiên mình làm vào năm 2013, tuy nó chưa được xuất sắc nhưng đã giúp công ty cũ của mình bán được hàng trăm triệu mỗi tháng nhờ chức năng đặt hàng online."
"Mình có thêm 2 giải quán quân cuộc thi sáng tạo của FPT vào 2016 với sản phẩm là game Siêu Đạo Chích, game gắp thú bằng máy vật lý qua Internet đầu tiên tại VN."
Tìm hiểu thêm"Sau 8 năm chinh chiến trong ngành, mình đặt câu hỏi làm thế nào để có thể chia sẻ được những kiến thức mình đã tích lũy sau bằng đó năm thực chiến. Mình đã tạo ra F8!"
![Sơn Đặng - CEO, Founder của cộng đồng học lập trình F8](./assets/img/mentor.jpg)
Sơn Đặng là CEO - Founder của Cộng Đồng Học Lập Trình F8. Hiện tại, anh vẫn là một Fullstack developer với hơn 8 năm kinh nghiệm làm việc thực tế.
Tìm hiểu thêm![Decorator](./assets/img/flashcard-light.png)
Kiến thức đầy đủ và chi tiết nhất ✨
Với 400+ bài học, bài tập và thử thách, đây sẽ là khóa học đầy đủ và chi tiết nhất bạn có thể tìm kiếm được ở trên Internet.
- Cấu trúc file HTML
- Tìm hiểu các thẻ meta
- Thuộc tính trong HTML
- Sử dụng liên kết
- Sử dụng Emmet
- Tính thừa kế CSS
- Thẻ inline và block
- Đệm, viền, khoảng lề
- Đơn vị trong CSS
- Làm việc với font chữ
- Làm việc với hình ảnh
- Làm việc với background
- Thuộc tính vị trí (position)
- Sử dụng biến trong CSS
- CSS selectors nâng cao
- Đặt tên class chuẩn BEM
- Semantic trong HTML5
- Sử dụng Flexbox
- Sử dụng CSS Grid
- Forms và validations
- Responsive web design
- Grid system 12 columns
- Sử dụng Animations
- Hướng dẫn sử dụng Sass
- Web accessibility
- Tìm hiểu về UI và UX
- Rèn luyện mắt thẩm mỹ
- Sử dụng Git, Github
- Kiến thức SEO cơ bản
- Tra cứu thẻ HTML
- Tính hợp lệ của HTML
- Tìm hiểu pseudo-elements
*Ở đây chỉ bao gồm nội dung tiêu biểu. Xem đầy đủ nội dung khóa học.
Được học ngôn ngữ Sass với "auto compile" xịn xò
Ngôn ngữ Sass giúp bạn viết CSS với nhiều "sức mạnh" hơn. Trình viết Sass tự động biên dịch của F8 giúp bạn có trải nghiệm học tập trực quan và dễ hiểu nhất có thể.
Ghi nhớ kiến thức dài hạn với Flashcards
Việc ghi nhớ không còn là vấn đề nữa. Flashcards là phương pháp ghi nhớ thông qua việc lặp lại, kiến thức trong khóa học sẽ được bạn ghi nhớ trong dài hạn.
Chỉ với chiếc điện thoại thông minh, giờ đây bạn có thể ôn lại kiến thức ở mọi lúc, mọi nơi.
Trải nghiệm miễn phíKhóa học Pro vượt trội hơn khóa học Free?
Nội dung cực kỳ đầy đủ và chuyên sâu, đây là khóa học chi tiết nhất trên Internet mà bạn tìm thấy được. Bạn sẽ được học các kiến thức mà không thể tìm thấy ở các khóa học khác.
Học trên nền tảng Pro với nhiều tính năng chuyên nghiệp như: gợi ý cách làm, xem đáp án, so sánh code, chữa bài tập, ghi chú cá nhân, và nhiều tính năng Pro khác.
Mà bạn đâu cần mua ngay lúc này? Nhấn vào nút dưới đây để trải nghiệm khóa học miễn phí.
Trải nghiệm miễn phí![Decorator](./assets/img/glow-new.png)
Tại sao bạn nên sở hữu khóa học này?
Theo lộ trình bài bản
Kiến thức được sắp xếp từ cơ bản tới nâng cao, phù hợp cho dù bạn là người mới bắt đầu. Sơn Đặng có trên 8 năm kinh nghiệm thực tế, những kiến thức anh chia sẻ đều sẽ giúp ích khi bạn đi làm tại doanh nghiệp.
Thực hành 8 dự án
Phần lớn người học chỉ cần xem hướng dẫn tới dự án I. Từ dự án II trở đi họ đã bắt đầu tự làm mà không phụ thuộc vào hướng dẫn. Trải qua 8 dự án, chắc chắn bạn sẽ tự làm được hầu hết các giao diện trang web mà bạn thấy.
Học trên nền tảng hàng đầu
Khóa học Pro được thiết kế riêng biệt, không học chung với nền tảng Free. Các tính năng, các tiện ích luôn được phát triển để đáp ứng tối đa nhu cầu tự học lập trình. Hướng tới mục tiêu cá nhân hóa trải nghiệm học tập cho từng học viên.
Người "thầy" tâm huyết
Một trong những yếu tố quan trọng để chọn lựa khóa học online đó là chọn "thầy". Từ kiến thức, giọng nói, cách truyền đạt, ... của họ đều phải phù hợp thì người học mới có thêm động lực. Bạn có thể trải nghiệm miễn phí các bài học từ Sơn Đặng.
Mọi người nói gì về khóa học này?
-
Kiến thức siêu đầy đủ, chi tiết (vì chi tiết quá nên đôi lúc các bạn cũng sẽ tự lướt qua mà không muốn xem ấy :v). Các features đi kèm cực kỳ xịn sò mà các trang như Udemy, Udacity không có
Nam Thanh Người học khóa HTML CSS Pro -
Flashcard ôn lại kiến thức lý thuyết cũng khá đầy đủ và bao quát, thoải mái sử dụng ( web , mobile ) đều được. Ghi chú : Note lại thoải mái luôn , cái note này là key của các anh chị đọc sách.
Tuan Nguyen Người học khóa HTML CSS Pro -
Thích chỗ mỗi phần lý thuyết đều đi kèm 4-5 bài tập, bài nào làm không ra thì có 3-4 phương án gợi ý support luôn (từ gợi ý => gợi ý nhiều => so sánh => full đáp án). rất tiện lợi!
Ngọc Đoàn Người học khóa HTML CSS Pro -
Quả thực không ngoa khi nói đây là khóa học đầy đủ và chi tiết nhất trên internet! Cảm ơn Anh Sơn và đội ngũ F8 đã nỗ lực tạo nên khóa học chất lượng như thế này ạ. Ngóng khóa JS Pro và React Pro ạ
Khải Võ Người học khóa HTML CSS Pro
Trải nghiệm miễn phí ngay hôm nay
Bắt đầu hoàn toàn miễn phí mà vẫn đầy đủ các tính năng của tài khoản Pro. Bạn chỉ thực sự trả tiền khi mọi thứ là xứng đáng.
Thông số kỹ thuật
Đáp ứng các chỉ tiêu về mặt kỹ thuật, giúp người học có trải nghiệm tốt nhất.
Âm thanh / giọng nói | Giọng Hà Nội, rõ ràng, tốc độ vừa phải |
Chất lượng bài học video | 60 FPS / 480p, 720p, 1080p, 1440p |
Trải nghiệm trên di động | Tương thích hoàn toàn |
Mạng phân phối nội dung | Tốc độ cao, trong nước và quốc tế |
Hỗ trợ giao diện sáng / tối | Có |
Giải thích thuật ngữ ngành | Có |
Hỗ trợ sử dụng phím tắt | Có |
Các loại nội dung học | Bài học video, kiểm tra, thử thách, flashcards, games, v.v |
Nhiều tính năng khác | Trải nghiệm miễn phí |
![Decorator](./assets/img/glow-new.png)
Bạn có thể học mọi lúc, mọi nơi, trên mọi thiết bị
![World map, visualizing how we support each other across the globe](./assets/img/sponsors-map.png)
Mạng lưới phân phối nội dung 280+ PoPs tại 33 quốc gia, bạn có thể xem các bài học video tốc độ cao ngay cả khi đang ở nước ngoài.
Câu hỏi thường gặp
Đăng ký tư vấn lộ trình học hoàn toàn miễn phí!
Tư vấn viên sẽ liên hệ và giải đáp mọi thắc mắc của bạn về lộ trình học để trở thành nhà phát triển chuyên nghiệp.
Nhận tư vấn miễn phí