Xây dựng Website Responsive với HTML5, CSS3
Tự xây dựng website responsive tương tác nhiều thiết bị khác nhau và nâng cao tay nghề, kiếm được công việc mới với mức hậu đãi tốt hơn
Giới thiệu khóa học
Responsive là một công nghệ dùng cho ngành thiết kế website, sử dụng để website phù hợp trên tất cả các kích thước màn hình từ một cơ sở dữ liệu và một layout gốc. Trước đây người thiết kế phải thiết kế 2 bản riêng biệt một cho màn hình máy tính và một cho màn hình thiết bị di động. Sự ra đời của Responsive là giải pháp tuyệt vời của vấn đề này, vẫn chỉ một bản thiết kế, người dùng có thể truy cập trên các thiết bị kích thước khác nhau với cùng địa chỉ URL, giao diện hiển thị vẫn giữ nguyên.
Bắt đầu từ năm 2015 công nghệ thiết kế website responsive đã trở thành xu hướng, được áp dụng phổ biến và nhận được nhiều phản hồi tích cực từ khách hàng sử dụng, giúp người đọc có thể dùng và tìm kiếm dễ dàng trên website.
Hiểu được điều đó, chúng tôi hợp tác cùng giảng viên có nhiều năm kinh nghiệm trong lĩnh vực lập trình Bùi Quang Trung mang đến cho bạn khóa học “Xây dựng Website Responsive với HTML5, CSS3”
Khóa học bao gồm 14+ chương với 76+ bài học. Ở 8 chương đầu học viên sẽ được cung cấp kiến thức từ cơ bản đến nâng cao về xây dựng website responsive sử dung HTML5 và CSS3. Với 4 chương còn lại học viên sẽ cùng thầy thực hiện các project thực hành trực tiếp sử dụng các kiến thức đã được học để cho ra một sản phẩm demo hoàn chỉnh.
Thời lượng khóa học kéo dài hơn 12 giờ đồng hồ với kiến thức tổng hợp, đặc biệt có nhiều kỹ năng và kinh nghiệm kèm theo các bài tập thực hành lấy những ví dụ thực tế nhất, giúp bạn có thể áp dụng ngay kiến thức đã học để làm website cho riêng mình.
Bất kể mục đích lập trình của bạn là gì ( kiếm tiền, nâng cao kiến thức, master trong lập trình website …), khoá học này đều có thể đáp ứng được cho bạn.
Đăng ký học ngay thôi!
Bạn sẽ học được gì?
- Kiến thức từ cơ bản đến nâng cao về xây dựng website responsive sử dung HTML5 và CSS3
- Tự xây dựng website responsive tương tác nhiều thiết bị khác nhau
- Nâng cao tay nghề, kiếm được công việc mới với mức hậu đãi tốt hơn
- Làm chủ công nghệ xây dựng website, làm nền tảng để học những ngôn ngữ lập trình khác
Đối tượng đào tạo
- Các bạn sinh viên muốn tự xây dựng một website hoàn chỉnh cho chính mình.
- Những người muốn xây dựng các theme responsive, ứng dụng vào thực tế thiết kế các site responsive hiệu quả.
- Bất kỳ ai với kiến thức cơ bản về lập trình muốn nâng cao kỹ năng.
Nội dung khóa học
| Phần 1: Giới thiệu khóa học | |
| Bài 1: Giới thiệu khóa học | 0:04:52 |
| Phần 2: Mở đầu | |
| Bài 2: Tùy chọn Editors | 0:10:20 |
| Bài 3: Thiết lập môi trường Code | 0:08:53 |
| Bài 4: HTML, CSS là gì ? | 0:04:31 |
| Phần 3: HTML cơ bản | |
| Bài 5: HTML là gì ? | 0:06:42 |
| Bài 6: Các thành phần HTML | 0:16:38 |
| Bài 7: HTML Images | 0:04:37 |
| Bài 8: HTML Tables | 0:09:48 |
| Bài 9: HTML Lists | 0:08:44 |
| Bài 10: HTML ID và Classes | 0:03:10 |
| Phần 4: HTML Form | |
| Bài 11: HTML Form | 0:08:26 |
| Bài 12: HTML Form Elements | 0:04:45 |
| Bài 13: HTML Input Type | 0:04:06 |
| Bài 14: HTML Input Attributes | 0:06:33 |
| Phần 5: HTML5 | |
| Bài 15: Giới thiệu HTML5 | 0:03:07 |
| Bài 16: HTML5 và trình duyệt | 0:05:11 |
| Bài 17: Các thành phần trong HTML5 | 0:06:58 |
| Bài 18: HTML5 Semantics Elements | 0:06:03 |
| Bài 19: Nâng cấp từ HTML4 lên HTML5 | 0:03:17 |
| Bài 20: HTML Canvas | 0:13:18 |
| Bài 21: HTML Media | 0:02:43 |
| Bài 22: HTML Video | 0:03:09 |
| Bài 23: HTML Audio | 0:02:51 |
| Phần 6: CSS3 | |
| Bài 24: Giới thiệu về CSS | 0:04:18 |
| Bài 25: Mã CSS trong trang | 0:05:27 |
| Bài 26: CSS Selectors | 0:07:26 |
| Bài 27: CSS Cascade | 0:09:20 |
| Bài 28: Background và Borders | 0:13:39 |
| Bài 29: CSS Margin & Padding | 0:06:25 |
| Bài 30: CSS Box Model | 0:04:09 |
| Bài 31: CSS Display | 0:07:43 |
| Bài 32: CSS Positioning & Overflow | 0:13:21 |
| Bài 33: CSS Float Layout | 0:12:54 |
| Bài 34: CSS Pseudo Class và Element | 0:10:02 |
| Phần 7: Hiệu ứng CSS3 đặc biệt | |
| Bài 35: Rounded Corner | 0:03:44 |
| Bài 36: Backgrounds | 0:07:05 |
| Bài 37: Box Shadows | 0:07:02 |
| Bài 38: Text & Fonts | 0:11:49 |
| Bài 39: Transforms | 0:05:56 |
| Bài 40: Transitions | 0:07:15 |
| Bài 41: Animations | 0:07:57 |
| Bài 42: Multi-column Layout | 0:06:04 |
| Bài 43: Box Sizing | 0:04:37 |
| Phần 8: Thiết kế Web Responsive | |
| Bài 44: Giới thiệu Responsive | 0:03:31 |
| Bài 45: Viewport trong thiết kế Responsive | 0:04:24 |
| Bài 46: CSS Gridview | 0:05:03 |
| Bài 47: Media Queries | 0:06:33 |
| Bài 48: CSS Frameworks | 0:02:53 |
| Phần 9: Sass CSS Editor | |
| Bài 49: Giới thiệu Sass | 0:04:18 |
| Bài 50: Cấu hình và sử dụng | 0:07:48 |
| Phần 10: Project 1: HTML5 2D Breakout Games | |
| Bài 51: Giới thiệu về Breakout Games | 0:02:36 |
| Bài 52: Tạo Canvas | 0:09:19 |
| Bài 53: Di chuyển Ball | 0:05:57 |
| Bài 54: Xử lý bàn phím | 0:13:54 |
| Bài 55: Xây dựng viên gạch | 0:13:26 |
| Bài 56: Xử lý va chạm | 0:10:36 |
| Bài 57: Cập nhật tỉ số | 0:09:07 |
| Bài 58: Xử lý chuột | 0:03:31 |
| Bài 59: Finish Game | 0:03:28 |
| Phần 11: Project 2 – Navigation Menu | |
| Bài 60: Menu cần xây dựng | 0:02:48 |
| Bài 61: Khung Menu HTML | 0:08:33 |
| Bài 62: CSS Menu | 0:10:40 |
| Bài 63: Menu Responsive | 0:11:20 |
| Phần 12: Project 3 – Landing Page | |
| Bài 64: Nội dung Landing Page | 0:04:22 |
| Bài 65: Cấu trúc HTML | 0:17:51 |
| Bài 66: CSS Landing Page 1 | 0:13:29 |
| Bài 67: CSS Landing Page 2 | 0:11:35 |
| Bài 68: Landing Page Responsive | 0:05:20 |
| Phần 13: Project 4 – Giao diện Blog | |
| Bài 69: Nội dung Blog | 0:03:40 |
| Bài 70: Layout HTML Blog Post | 0:10:24 |
| Bài 71: Cấu trúc HTML Right Panel | 0:07:50 |
| Bài 72: Tạo CSS Right Panel | 0:11:00 |
| Bài 73: Tạo CSS Slider | 0:13:02 |
| Bài 74: CSS Blog Posts | 0:06:16 |
| Bài 75: Responsive Blog | 0:04:02 |
| Phần 14: Tổng Kết | |
| Bài 76: Tổng kết khoá học | 0:04:30 |
