Ưu đãi trong tuần: Nhập mã UD50 giảm 50k cho đơn từ 300k!
Trang chủ
Đăng nhập
Xem tất cả kết quả
Menu
Đăng nhập Đăng ký miễn phí

HTML, CSS, JavaScript, React - Online Certification Course

Khóa học chứng chỉ trực tuyến HTML, CSS, JavaScript, React

Khóa học chứng chỉ trực tuyến HTML, CSS, JavaScript, React

Xây dựng: Trang web thân thiện với thiết bị di động bằng CSS | Ứng dụng web động trong React | Thành phần UI tương tác | Trang thương mại điện tử

4.3
(1,175 đánh giá)
48,695 học viên
Giảng viên
YouAccel Training
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
50.000đ 409.000đ -88%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
16.0 giờ video
200 bài giảng
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 31/05/2026
#Frontend Development #Javascript #React #Web Development

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

Học các nền tảng của HTML, CSS, JavaScript
Hiểu cấu trúc cơ bản của một trang web
Làm việc với cú pháp HTML, CSS và JavaScript
Xây dựng danh sách, định dạng văn bản và xử lý dữ liệu dạng bảng trong HTML
Xây dựng biểu mẫu sử dụng phương thức Post so với Get
Xây dựng các thành phần điều hướng như menu, vùng nhập liệu và nút bấm trong HTML
Xây dựng bố cục trang web thích ứng bằng CSS
Làm việc với DIV, ID và thuộc tính kiểu trong CSS
Định dạng hình ảnh, nền, đường viền và văn bản trên hình ảnh trong CSS
Làm việc với định vị CSS (Tĩnh, Tương đối, Tuyệt đối, Cố định, Float)
Định dạng liên kết và bảng biểu trong CSS
Hiểu về Mô hình Đối tượng Tài liệu (DOM)
Xây dựng các thành phần trang web tương tác đơn giản bằng JavaScript
Làm việc với toán tử số học và kiểu dữ liệu trong JavaScript
Khám phá mảng, vòng lặp và sự kiện trong JavaScript
Hiểu về độ ưu tiên toán tử, đối tượng và hàm trong JavaScript
Xây dựng ứng dụng web động trong React
Gỡ lỗi và sự kiện trong React
Khám phá Code Pen, JSON Server và React Props
Làm việc với React State Hook và tạo kiểu cho dự án React

Yêu cầu

Kỹ năng máy tính cơ bản
Không yêu cầu kinh nghiệm lập trình. Bạn sẽ học mọi thứ cần biết.

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

Học viên quan tâm đến nền tảng của HTML, CSS và JavaScript
Học viên muốn xây dựng bố cục web thích ứng với thiết bị di động bằng HTML, CSS và JS
Học viên muốn xây dựng ứng dụng web động bằng React
Học viên muốn làm chủ nghệ thuật phát triển front-end

Nội dung khóa học

8 phần • 200 bài giảng
1 Giới thiệu về HTML
2 Cấu trúc cơ bản của một trang web
3 Thẻ Head trong HTML
4 Thẻ Body trong HTML
5 Khoảng cách đoạn văn trong HTML
6 Ngắt dòng trong HTML
7 Khoảng trắng không ngắt trong HTML
8 Thẻ tiêu đề trong HTML
9 Định dạng và trang trí văn bản trong HTML
10 Định dạng văn bản nội tuyến trong HTML
11 Danh sách không có thứ tự trong HTML
12 Danh sách có thứ tự trong HTML
13 Chèn hình ảnh trong HTML
14 Nhúng video trong HTML
15 Tham chiếu tệp tuyệt đối so với tương đối trong HTML
16 Tạo liên kết trong HTML
17 Thẻ neo trong HTML
18 Bảng trong HTML
19 Bảng lồng nhau trong HTML
20 Hợp nhất ô trong HTML
21 Ngắt dòng văn bản trong HTML
22 Hình nền bảng trong HTML
23 Căn chỉnh ô bảng trong HTML
24 Giới thiệu về biểu mẫu trong HTML
25 Thẻ và thuộc tính biểu mẫu trong HTML
26 Biểu mẫu HTML - Post so với Get
27 Biểu mẫu HTML - Trường văn bản nhập liệu
28 Biểu mẫu HTML - Menu chọn
29 Biểu mẫu HTML - Hộp kiểm và nút radio
30 Biểu mẫu HTML - Vùng văn bản và nút bấm
31 Iframe trong HTML
32 Dự án HTML - Giới thiệu
33 Dự án HTML - Phần đầu
34 Dự án HTML - Phần kêu gọi hành động
35 Dự án HTML - Chèn hình ảnh
36 Dự án HTML - Chèn văn bản
37 Dự án HTML - Liên kết và biểu mẫu
38 Dự án HTML - Dữ liệu dạng bảng
39 Dự án HTML - Phần chân trang
1 Giới thiệu về CSS
2 Các phần của một quy tắc CSS
3 Các loại quy tắc CSS
4 CSS - Tên và mã màu
5 Lớp và Span trong CSS
6 Phân chia - DIV trong CSS
7 ID trong CSS
8 Lề trong CSS
9 Phần đệm trong CSS
10 Thuộc tính văn bản trong CSS
11 Thuộc tính phông chữ trong CSS
12 Đường viền trong CSS
13 Nền trong CSS
14 Độ trong suốt trong CSS
15 Văn bản trên hình ảnh trong CSS
16 Thuộc tính chiều rộng và chiều cao trong CSS
17 Thuộc tính hiển thị trong CSS
18 Định vị tĩnh trong CSS
19 Định vị tương đối trong CSS
20 Định vị tuyệt đối trong CSS
21 Định vị cố định trong CSS
22 Thuộc tính Float trong CSS
23 Thuộc tính Clear trong CSS
24 Z-Index trong CSS
25 Định dạng liên kết trong CSS
26 Bảng trong CSS
27 Dự án CSS - Giới thiệu
28 Dự án CSS - Quy tắc CSS
29 Dự án CSS - Quy tắc điều hướng
30 Dự án CSS - CSS thích ứng
31 Dự án CSS - Các thành phần trang
1 Giới thiệu về DOM
2 Thao tác DOM
1 JavaScript - Giới thiệu
2 Vị trí đặt JavaScript
3 JavaScript bên ngoài
4 Đầu ra JavaScript
5 InnerHTML trong JavaScript
6 Ghi chú trong JavaScript
7 Hằng số trong JavaScript
8 Giới thiệu về biến trong JavaScript
9 Toán tử gán trong JavaScript
10 Các phép toán số học trong JavaScript
11 Các phép toán số học trong JavaScript (tiếp theo)
12 Độ ưu tiên toán tử trong JavaScript
13 Kiểu dữ liệu trong JavaScript
14 Đối tượng trong JavaScript
15 Đầu ra đối tượng trong JavaScript
16 Chuỗi trong JavaScript
17 Độ dài chuỗi trong JavaScript
18 Ký tự đặc biệt trong JavaScript
19 Số ngẫu nhiên trong JavaScript
20 Hàm Min và Max trong JavaScript
21 Hàm Math Round trong JavaScript
22 Mảng trong JavaScript
23 Thuộc tính mảng trong JavaScript
24 Mảng trong JavaScript - Pop - Push - Shift - Unshift
25 Thay đổi và xóa phần tử trong JavaScript
26 Nối mảng trong JavaScript
27 Sắp xếp mảng trong JavaScript
28 Kết hợp mảng trong JavaScript
29 Câu lệnh điều kiện trong JavaScript
30 So sánh trong JavaScript
31 Boolean trong JavaScript
32 Vòng lặp For trong JavaScript
33 Vòng lặp For-In trong JavaScript
34 Vòng lặp While trong JavaScript
35 Vòng lặp Do-While trong JavaScript
36 Break và Continue trong JavaScript
37 Hàm trong JavaScript
38 Sự kiện trong JavaScript
39 Dự án JavaScript 1 - Trình đổi màu nền
40 Dự án JavaScript 2 - Thư viện ảnh
41 Dự án JavaScript 2 - Hoàn thành
1 Kỹ năng yêu cầu
2 React là gì?
1 Tổng quan dự án
2 Xin chào React
3 Công cụ cần thiết
4 Code Pen
5 Giới thiệu về JSX
6 Thành phần hàm trong React
7 Tại sao cần Thành phần?
8 Giới thiệu về Props trong React
9 Thành phần React, Props và Callback
10 Xây dựng giao diện máy tính
11 Sự kiện OnClick trong React
12 Truyền tham số trong hàm callback
13 Sử dụng React State Hook
14 Triển khai máy tính - Màn hình hiển thị
15 Triển khai máy tính - Toán tử
16 Gỡ lỗi trong React
17 Tóm tắt dự án
1 Giới thiệu dự án - Chúng ta sẽ xây dựng gì
2 Công cụ cần thiết
3 Tạo bảng trò chơi
4 Vòng tròn trò chơi - Sự kiện OnClick
5 Truyền Props - Giải cấu trúc - React Children
6 Truyền đối số cho sự kiện nhấp chuột
7 Tạo kiểu nội tuyến
8 Thành phần từ Hình vuông sang Hình tròn
9 Tạo kiểu toàn cục
10 Tạo kiểu động
11 Lớp động
12 Xử lý Callback
13 Sử dụng React State Hook (lần nữa)
14 Cập nhật vòng tròn người chơi
15 Khởi tạo bảng trò chơi
16 Thuộc tính Key trong React
17 Tạo kiểu cho bảng trò chơi - Đầu trang và Chân trang
18 Tính toán người thắng
19 Hiển thị người thắng
20 Xác định điều kiện hòa
21 Sự kiện vòng đời React
22 Khởi tạo trò chơi
23 Đề xuất nước đi - Triển khai máy tính chơi
24 Máy tính thông minh (AI cơ bản)
25 Biến CSS
26 Kết xuất có điều kiện
27 Triển khai lên Netlify
28 Triển khai lên Surge
29 Tóm tắt dự án
1 Giới thiệu dự án - Chúng ta xây dựng gì
2 Tạo khung dự án
3 Giới thiệu về JSON Server
4 Fetch API
5 Thiết kế giao diện cửa hàng
6 Hiển thị danh mục sản phẩm
7 Ràng buộc dữ liệu sản phẩm
8 Tái cấu trúc lệnh gọi Fetch API
9 Xử lý lỗi trong Fetch API
10 Làm sạch lệnh gọi Fetch API
11 Tạo kiểu cho danh sách sản phẩm
12 Cài đặt React Router
13 Sửa cảnh báo Key
14 React Router - Trang chi tiết sản phẩm
15 Fetch API - Lấy sản phẩm theo ID
16 Mô tả sản phẩm
17 Giới thiệu về Styled Components
18 Styled Components - Mô tả sản phẩm
19 Thiết lập HTML một cách nguy hiểm (Thật đấy)
20 Tái cấu trúc danh mục
21 Tái cấu trúc bố cục
22 Tái cấu trúc trang chủ
23 Giới thiệu về Context trong React
24 Hook UseContext và Hook UseReducer trong React
25 Bố cục giỏ hàng
26 Triển khai giỏ hàng
27 Triển khai biểu tượng giỏ hàng
28 Triển khai tổng tiền giỏ hàng
29 Hoàn thiện trang thanh toán
30 Thanh toán - Sửa trạng thái
31 Triển khai xác nhận đơn hàng
32 Giới thiệu về Local Storage
33 Triển khai kết quả tìm kiếm
34 Tìm kiếm tốt hơn với Debouncing
35 Xác thực biểu mẫu trong React - Phần 1
36 Xác thực biểu mẫu trong React - Phần 2
37 Xác thực biểu mẫu trong React - Phần 3
38 Xác thực biểu mẫu trong React - Phần 4
39 Tổng kết dự án

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

This course is designed to teach students the fundamental concepts and skills needed to build modern, responsive web pages. The course covers key topics including the basic structure of a web page, building mobile responsive web apps, working with HTML, CSS, and JavaScript syntax, and building various web components using these languages.

First, students learn the structure of a web page and how to create mobile responsive sites that adapt to different screen sizes and devices. This will include an introduction to HTML, which is the markup language used to create basic web page structure. Students will learn various HTML elements and how to use them to create headings, paragraphs, lists, images, and other static content.

Next, students explore CSS, the language used for styling and layout customization. CSS works in conjunction with HTML to create visually appealing site designs that stand out. Here, students learn to effectively use CSS selectors, properties, and values. This will include an introduction to responsive web design and using CSS media queries to create web pages that adapt to different screen sizes.

In addition to learning the basics of HTML and CSS, students will also learn JavaScript, the programming language used to add interactivity and dynamic functionality to web pages. Students will learn the Document Object Model (DOM) and how to use JavaScript to dynamically manipulate page elements. We also explore JavaScript events, loops, arrays, and other programming concepts.

The course will also cover more advanced topics such as building navigation components using HTML, creating forms using the post vs. get method, and working with DIVs, and IDs. We also cover styling images, backgrounds, borders, and text on top of images in CSS. Students will learn the different CSS positioning options (static, relative, absolute, fixed, float) and how to use them to create complex web page layouts.

In the JavaScript section of the course, students learn the Document Object Model (DOM) and how to use JavaScript to manipulate the elements of a web page. Here we explore, events, loops, arrays, and other programming concepts such as operator precedence, objects, and functions.

Once students have a handle on the foundational three languages, we dive into React JS – a powerful JavaScript library used for building stylish, dynamic web applications and UI components. Through a series of hands-on projects, students will build a fully functional connect-4 game, a calculator, and an e-commerce site complete with categories, checkout features, and more.

This course is designed for students with little or no previous experience in web development, but it can also be beneficial for students who have some experience and are looking to improve their skills. With the knowledge and skills gained in this course, students will be prepared to take on more advanced web development projects and to continue learning about new web development technologies.

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 Frontend Development
Hiển thị tất cả khoá học Javascript
Hiển thị tất cả khoá học React
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 😊