Mô tả

Bạn có đam mê về thiết kế web?

Bạn muốn tạo ra những trang web đẹp mắt, tương tác và chuyên nghiệp?

Bạn lo lắng học online có hiệu quả không?

Bạn sợ việc phải bỏ tiền ra mua một khóa học online nhưng lại nhận về một khóa học không chất lượng?

Mình hoàn toàn hiểu những lo lắng đó của các bạn. Khóa học HTML/CSS sẽ giúp bạn giải quyết được những lo lắng này. Trong khóa học này mình có video hướng dẫn phương pháp học, đảm bảo quá trình học tập của bạn sẽ là học tập thực thụ.


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

Khóa học HTML/CSS của mình không chỉ là một khóa học thông thường. Đây là hành trình thú vị đưa bạn từ những khái niệm cơ bản đến việc xây dựng và tối ưu hóa các trang web ấn tượng.

Dựa trên hơn 5 năm kinh nghiệm thực tế trong lĩnh vực thiết kế web, mình đã tạo ra một khóa học mang tính ứng dụng cao, giúp bạn có thể áp dụng ngay những kiến thức bạn học vào dự án thực tế.


Học viên sẽ học được gì?

  • Trình bày được cấu trúc của tài liệu HTML

  • Sử dụng được các thẻ HTML cơ bản và nâng cao

  • Sử dụng được CSS để tùy chỉnh trang Web

  • Áp dụng được các kỹ thuật bố cục trang Web với CSS

  • Áp dụng được kỹ thuật responsive hiển thị hình ảnh trên nhiều loại kích thước màn hình

  • Sử dụng được Sass

  • Áp dụng được các nguyên tắc thiết yếu của UX/UI

  • Sử dụng được Git

  • Tự xây dựng các ứng dụng front-end phục vụ cho các mục đích khác nhau

  • Tham gia được vào vị trí Chuyên viên Thiết kế Website tại doanh nghiệp


Đối Tượng Học:

  • Khóa học phù hợp cho tất cả mọi người - từ người mới bắt đầu không có kiến thức trước về lập trình

  • Những bạn muốn nâng cao kỹ năng thiết kế web của mình.


Tại sao nên tham gia khóa học?

1. Giảng viên dày dặn kinh nghiệm: Bạn sẽ được hướng dẫn bởi giảng viên giàu kinh nghiệm và nhiệt tình. Bạn sẽ được đồng hành từng bước trong hành trình học tập.

2. Thời gian và địa điểm linh hoạt: Khóa học này cho phép bạn học tại bất kỳ đâu có kết nối internet. Bạn có thể tự quản lý thời gian học tập và tích hợp học vào lịch trình hàng ngày của mình.

3. Dự án thực tế: Bạn sẽ có cơ hội tham gia vào các dự án thực tế, giúp bạn rèn luyện kỹ năng lập trình thực tế và làm quen với quy trình phát triển ứng dụng.

4. Hỗ trợ và tương tác: Bạn sẽ được hỗ trợ và tương tác với cộng đồng học viên đồng nghiệp và giảng viên thông qua diễn đàn trực tuyến và nhóm học tập.

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

Trình bày được cấu trúc của tài liệu HTML

Sử dụng được các thẻ HTML cơ bản và nâng cao

Sử dụng được CSS để tùy chỉnh trang Web

Áp dụng được các kỹ thuật bố cục trang Web với CSS

Áp dụng được kỹ thuật responsive hiển thị hình ảnh trên nhiều loại kích thước màn hình

Sử dụng được Sass

Áp dụng được các nguyên tắc thiết yếu của UX/UI

Sử dụng được Git

Tự xây dựng các ứng dụng front-end phục vụ cho các mục đích khác nhau

Tham gia được vào vị trí Chuyên viên Thiết kế Website tại doanh nghiệp

Yêu cầu

  • Sử dụng máy tính ở mức cơ bản
  • Chăm chỉ, có kĩ năng tự học tốt

Nội dung khoá học

15 sections

Giới thiệu

5 lectures
Giới thiệu
16:17
6 bí kíp học online hiệu quả
02:23
Duy trì sự tập trung
03:43
Kĩ thuật ghi chép sử dụng Cornell Note
02:27
Ghi chép sử dụng bản đồ tư duy
02:50

Tổng quan Web và Internet

10 lectures
[Bài giảng] Tổng quan Internet
07:07
[Bài giảng] Internet – Dây, cáp, wifi
03:58
[Bài giảng] Internet – HTTP vs HTML
05:04
[Bài giảng] Internet – An ninh mạng và tội phạm
03:35
[Bài giảng] Internet – Hoạt động tìm kiếm
04:45
[Bài đọc] Tổng quan Web
06:47
[Bài đọc] HTTP
02:07
[Bài đọc] Hướng dẫn cài đặt VS Code
01:04
[Bài thực hành] Web và Internet
00:33
[Quiz] Tổng quan Web và Internet
5 câu hỏi

Quản lý mã nguồn với GIT

6 lectures
[Bài đọc] Tổng quan về Git
02:24
[Bài đọc] Các bước làm việc cơ bản với Git
01:30
[Thực hành] Clone dự án từ Git
00:41
[Thực hành] Tạo dự án mới trên GitHub
02:06
[Quiz] Quản lý mã nguồn với GIT
5 câu hỏi
[Bài tập] Sử dụng Git
00:26

Căn bản về UX/UI

10 lectures
[Bài đọc] Tổng quan về UI/UX
02:51
[Bài đọc] Tản mạn về Typography
03:13
[Bài đọc] Các nhà thiết kế web nên học typography
07:02
[Bài đọc] Sử dụng mẫu chữ F để trình bày nội dung
04:22
[Bài đọc] 10 nguyên tắc để thiết kế Type tốt hơn
04:57
[Bài đọc] Các vấn đề thường gặp khi kết hợp các kiểu chữ trong Typo
03:40
[Bài đọc] Sử dụng màu sắc trong trang web
01:21
[Thực hành] Sử dụng Adobe Color
02:00
[Bài đọc] Tổng quan HTML
01:15
[Quiz] UX/UI
5 câu hỏi

Cấu trúc và Các thẻ HTML cơ bản

12 lectures
[Bài giảng] Một trang web cơ bản và các thẻ HTML
04:50
[Bài đọc] Tổng quan HTML
09:11
[Bài đọc] Các thẻ (heading, paragraph, formatting) trong HTML
05:03
[Bài đọc] HTML Styles
01:21
[Bài đọc] Thẻ hiển thị hình ảnh, liên kết trong HTML
08:13
[Bài đọc] Sử dụng các thẻ tạo danh sách: ul, ol, li
03:09
[Bài đọc] Html Media
03:29
[Thực hành] Thêm video vào trang web
00:40
[Thực hành] Sử dụng thẻ HTML cơ bản
00:48
[Bài tập] Tạo trang CV cá nhân
00:32
[Bài tập] Thiết kế trang web nghe nhạc đơn giản
00:14
[Bài tập] Tạo danh sách
00:12

HTML Forms & Table

13 lectures
[Bài giảng] Tạo bảng trong HTML
09:20
[Bài đọc] Tạo biểu mẫu cho trang web
01:32
[Bài đọc] Sử dụng select, option
00:55
[Bài đọc] Sử dụng input, button và text-area
02:11
[Thực hành] Tạo form cơ bản
01:34
[Thực hành] Tạo một form tìm kiếm Google
00:43
[Thực hành] Tạo bảng cơ bản
01:22
[Thực hành] Tạo bảng nâng cao
01:42
[Quiz] Làm việc với form
5 câu hỏi
[Bài tập] Tạo form đơn giản
00:24
[Bài tập] Tạo giao diện form đăng ký người dùng
00:19
[Bài tập] Tạo form lấy survey khách hàng
00:03
[Bài tập] Tạo bảng nâng cao
00:07

CSS căn bản

12 lectures
[Bài đọc] Tổng quan CSS
01:29
[Bài đọc] Các bộ chọn (selector) khác nhau trong CSS
02:17
[Bài đọc] Điều chỉnh màu nền và ảnh nền
05:31
[Bài đọc] Đường viền trong CSS
04:27
[Bài đọc] Mô hình hộp (Box Model)
02:03
[Bài giảng] Mô hình hộp trong CSS
07:15
[Thực hành] Danh sách trong CSS
03:17
[Thực hành] Bảng trong CSS
04:20
[Thực hành] Sử dụng Box Model 1
00:29
[Bài tập] Nhúng CSS vào trang HTML
00:18
[Bài tập] Sử dụng Box Model 2
00:56
[Quiz] Căn bản về CSS
5 câu hỏi

CSS Layout

15 lectures
[Bài giảng] Thuộc tính position
11:01
[Bài giảng] Tạo Layout với div và CSS
06:49
[Bài đọc] CSS Layout – Thuộc tính display
02:41
[Bài đọc] CSS Layout – width and max-width
00:52
[Bài đọc] CSS Layout – Horizontal & Vertical Align
02:40
[Bài đọc] CSS Layout – Clear
01:09
[Bài đọc] CSS Layout – Overflow
03:56
[Bài đọc] CSS Layout – Float
03:07
[Thực hành] Tạo bố cục cơ bản
03:13
[Thực hành] Tạo menu dọc
06:21
[Thực hành] Tạo menu ngang
06:59
[Thực hành] Tạo bố cục các fixed header và fixed footer
01:51
[Bài tập] Tạo giao diện giản lược của trang chủ Facebook
00:04
[Bài tập] Tạo layout với các thẻ HTML5 và CSS
01:03
[Bài tập] Phát triển trang web xem hoạt hình trực tuyến
02:09

CSS Effect

10 lectures
[Bài đọc] CSS Combinators
02:29
[Bài đọc] CSS Pseudo-classes
02:38
[Bài đọc] CSS Opacity / Transparency
03:09
[Bài đọc] CSS Pseudo-elements
02:47
[Bài đọc] CSS Transitions
04:29
[Bài đọc] CSS Animations
07:46
[Thực hành] Text in Transparent Box
00:19
[Thực hành] Tạo xung hướng tròn
00:36
[Thực hành] Tạo xung hướng chuyển đổi vuông và tròn
00:30
[Quiz] CSS Effect
5 câu hỏi

CSS RWD

9 lectures
[Bài đọc] Responsive Web Design
00:57
[Bài đọc] Grid View
02:18
[Bài đọc] RWD Media Queries
02:52
[Bài đọc] RWD với DIV và CSS
08:33
[Thực hành] Responsive Web Page
03:18
[Thực hành] Tạo trang web Responsive cơ bản
02:00
[Bài tập] Tạo layout với RWD
00:11
[Bài tập] Tạo gallery đơn giản sử dụng RWD
00:20
[Quiz] RWD
5 câu hỏi

CSS Grid

9 lectures
[Bài đọc]CSS Grid Layout
03:23
[Bài đọc] CSS Grid Container
06:26
[Bài đọc] CSS Grid Item
09:34
[Thực hành] CSS | grid-gap Property
01:10
[Thực hành] CSS | grid-row Property
01:06
[Thực hành] CSS | grid-row-gap Property
01:17
[Thực hành] CSS | grid-column-start Property
02:07
[Thực hành] CSS | grid-template-columns Property
01:26
[Quiz] Grid
5 câu hỏi

CSS Flex

9 lectures
[Bài đọc] CSS Flexbox
00:47
[Thực hành] CSS | flex-basis Property
01:10
[Thực hành] CSS | flex-flow Property
01:12
[Thực hành] CSS | flex-grow Property
01:15
[Thực hành] CSS | flex-wrap property
01:51
[Bài đọc] CSS Flex Container
08:48
[Bài đọc] CSS Flex Items
04:21
[Bài đọc] CSS Flex Responsive
03:22
[Quiz] Flex
5 câu hỏi

SASS

11 lectures
[Bài đọc] Các giai đoạn của quy trình thiết kế web
03:44
[Bài đọc] Giới thiệu HTML template
03:13
[Bài đọc] Quy ước đặt tên CSS theo chuẩn BEM
03:50
[Bài đọc] Tổng quan về SASS
04:48
[Bài đọc] Variables: Biến trong SASS
01:00
[Bài đọc] Nesting: Lồng CSS Selector
00:31
[Bài đọc] Mixin: Nhóm CSS
00:36
[Bài đọc] Extend & Inheritance: Mở rộng và Kế thừa trong CSS
01:31
[Bài đọc] Partials và Importing
00:39
[Bài đọc] Thiết lập Build Process
01:55
[Bài tập] Tái cấu trúc mã CSS cho sẵn
00:11

Project Base

14 lectures
Project Base – Intro
01:35
Project Base – HTML Banner
05:38
Project Base – CSS Banner
10:49
Project Base – HTML SideNav
04:05
Project Base – CSS SideNav
10:48
Project Base – HTML Features
08:50
Project Base – CSS Features
12:03
Project Base – HTML Services
06:13
Project Base – CSS Services
09:38
Project Base – HTML Testimonial
06:24
Project Base – CSS Testimonial
07:08
[Project Base] HTML Footer
09:23
[Project Base] CSS Footer
10:31
[Project Base] Scroll Menu
03:38

Kiểm tra cuối khóa

1 lectures
Quiz cuối khóa
30 câu hỏi

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.