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

The Complete Front-End Web Development Course

Khóa Học Phát Triển Web Front-End Toàn Diện

Khóa Học Phát Triển Web Front-End Toàn Diện

Bắt đầu hành trình trở thành lập trình viên front-end với HTML, CSS, JavaScript, jQuery và Bootstrap!

4.4
(14,522 đánh giá)
429,287 học viên
Giảng viên
Joseph Delgadillo
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
50.000đ 1.769.000đ -97%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
17.0 giờ video
126 bài giảng
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 18/03/2026

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

Xây dựng một trang web văn bản đơn giản với HTML
Tạo kiểu cho trang web bằng CSS
Lập trình website với JavaScript
Tạo một Pipboy sử dụng Bootstrap
Xây dựng và xuất bản một Tiện Ích Mở Rộng Google Chrome

Yêu cầu

Không yêu cầu kinh nghiệm lập trình trước đó
Truy cập vào nhiều phần mềm mã nguồn mở (miễn phí)

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

Dành cho bất kỳ ai muốn học phát triển web front-end

Nội dung khóa học

14 phần • 126 bài giảng
1 Giới thiệu về khóa học
2 Cài đặt Atom
1 Cấu trúc tài liệu HTML
2 Các phần tử HTML - div và span
3 Các phần tử HTML - i, b, p và a
4 Các phần tử HTML - ul, li và ol
5 Các phần tử HTML - header và footer
6 Các phần tử HTML - section, main và article
7 Các phần tử HTML - h1-h6 và aside
8 Bảng trong HTML
9 Dự án #1 - Trang web văn bản HTML
1 Hình ảnh
2 Biểu mẫu
3 Ô nhập liệu
4 Hộp kiểm
5 Nút radio
6 Select, option và buttons
7 Video HTML5
8 Âm thanh HTML5
9 Khai báo loại tài liệu (Doctypes)
10 Thẻ meta
1 Thiết lập màu sắc và nền
2 Độ ưu tiên của phần tử
3 Nhắm mục tiêu theo ID, margin và border
4 Padding, margin và float
5 Max-width và background-image
6 Chuyển sang sử dụng một IDE
7 Độ đậm, kiểu và họ font chữ
8 Trang trí văn bản
9 Khoảng cách văn bản
10 Tùy chỉnh trang trí văn bản
11 Đổ bóng văn bản
1 Trạng thái giả (Pseudo-states)
2 Bo góc (Border radius)
3 Vị trí (Positions)
4 Phần tử giả (Pseudo-elements)
5 Thứ tự lớp (Z-index)
6 Chiều rộng/chiều cao khung nhìn, nội dung tràn (Overflow)
7 Thuộc tính chuyển tiếp (Transition)
1 Giới thiệu về JavaScript
2 Cảnh báo (Alerts) và ghi nhật ký console
3 Số nguyên, chuỗi và biến
4 Biến chưa xác định và thay đổi giá trị biến
5 Toán tử Boolean
6 So sánh giá trị
7 Câu lệnh If
8 Vòng lặp For
9 Định nghĩa hàm
10 Xử lý sự kiện
11 Thiết lập innerHTML cho phần tử
1 Mảng (Arrays) phần 1
2 Mảng (Arrays) phần 2
3 Mảng (Arrays) phần 3
4 Textareas và lấy giá trị của ô nhập liệu
5 Hàm - tham số và giá trị trả về
6 Nhiều tham số trong hàm
7 Tham số hàm linh hoạt
8 Bài tập - tìm số còn thiếu
9 Giải pháp bài tập
10 Giải thích về Lớp (Classes)
11 Hàm tạo lớp, biến thể hiện và biến tĩnh
12 Kế thừa lớp (Extending classes)
1 Cài đặt jQuery
2 Nhắm mục tiêu phần tử
3 Xử lý sự kiện
4 Menu thả xuống
5 Làm cho menu thả xuống biến mất
6 Nhiều mục tiêu, sự kiện và phương thức attr
7 Prepend, append và html
8 preventDefault
9 event.which và thuộc tính switch
10 Menu ngữ cảnh tùy chỉnh, pageY và pageX
11 Phương thức is
1 Viết phiên bản jQuery của riêng chúng ta
2 Phương thức find
3 First và last
4 Focusin và focusout
5 Contains, is và hasClass
6 Phương thức each
7 Hàm gọi lại (Callbacks)
8 CSS
1 Cài đặt Bootstrap
2 Thanh điều hướng (Navbar) phần 1
3 Thanh điều hướng (Navbar) phần 2
4 Biểu mẫu (Forms) phần 1
5 Biểu mẫu (Forms) phần 2
6 Nút bấm (Buttons)
1 Thiết lập
2 Thanh điều hướng
3 Trang chính
4 Hình ảnh Pipboy và chân trang
5 Màu sắc
6 Font chữ và tạo kiểu cho menu chính
7 Hiệu ứng scanlines
8 Tạo kiểu điều hướng
9 Các tab
10 Thanh tiến trình
11 Thanh chỉ số
12 Chỉnh sửa chân trang
13 Sát thương và kháng lại
14 Biểu tượng
15 Mẫu kho đồ
16 Danh sách vật phẩm
17 Khung chứa chỉ số vũ khí
18 Hoàn thiện với JavaScript
1 Giải quyết vấn đề
2 Tệp kê khai (Manifest files)
3 Thiết lập cơ bản
4 Lấy URL video
5 Tiêm mã JavaScript
6 Lấy đối tượng định dạng đẹp cho mỗi URL
7 Tạo danh sách tùy chọn tải xuống
8 Giao tiếp giữa trang web và tiện ích mở rộng
9 API tải xuống của Chrome và tập lệnh nền
10 Nhận tin nhắn và tải tệp
11 Tạo kiểu cho tiện ích và xuất bản
1 Mẹo để bắt đầu trở thành lập trình viên web chuyên nghiệp
1 Giới thiệu và tệp kê khai
2 Tập lệnh nội dung (Content scripts)
3 Gửi tin nhắn giữa các phần của tiện ích
4 Tạo cửa sổ bật lên chia sẻ
5 Biểu tượng
6 Xây dựng công cụ tải ảnh
7 Tương tác với DOM
8 Tải lên Cửa Hàng Chrome Trực Tuyến
9 Mã nguồn

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

If you would like to learn web development and get a job in the tech industry, you are going to LOVE this course! Learn HTML, CSS, JavaScript, Bootstrap and more with over 15 hours of HD video tutorials! This course was designed to be extremely beginner friendly. We will begin with the very basics of HTML and build a simple web page. By the end of this course, you will be able to develop and publish your very own Google Chrome extension! In this course we will focus on coding exercises and projects. Your time will not be wasted reviewing unnecessarily long PowerPoint presentations. Upon completing this course, you will have a solid portfolio of development projects to show potential employers!


3 Coding Projects in the course:

• Simple text site - We will use what we learned in the HTML sections to

create a simple text site. This project will help you learn HTML structure

and the essential elements.

• Fallout inspired Pip-Boy - We will take what we learned in the CSS and

Bootstrap sections of the course to code a Pip-Boy from the game

Fallout. This project will help you learn the design elements of modern

web development.

• Google Chrome extension - We will finish the course by programming a

JavaScript based Google Chrome extension. This project will help you

understand the logical parts of web development.


Topics covered in the course:

• Web development basics with HTML

• Cascading Style Sheets (CSS)

• JavaScript programming

• jQuery JavaScript library

• Bootstrap framework


Still not sold? Check out a few of the awesome reviews this course has received from customers:

• "Excellent course! Highly recommend it! Provides great hands-on experience with web development.“

• "I really like how when the author makes a mistake he takes the time to show us how he is wrong and corrects it rather than editing it out of the video. Very easy to follow and informative course!“

• "I am really enjoying the experience of learning a new skill. I used to believe that web design was way too complicated for me to learn but so far in this course I have been keeping up and having fun."

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