inflearn logo

Giải pháp Flex - Kỹ thuật viên Thiết kế và Phát triển Web 2025 (A3, B4, C1, D3, E4, F3)

Thông qua bài giảng này, bạn có thể học cách giải quyết các đề thi Kỹ thuật viên Thiết kế và Phát triển Web mã A3, B4, C1, D3, E4, F3 bằng display:flex. Tốc độ thao tác khá nhanh nên hãy vừa xem vừa tạm dừng nhé.

5 học viên đang tham gia khóa học này

Độ khó Cơ bản

Thời gian Không giới hạn

HTML/CSS
HTML/CSS
jQuery
jQuery
HTML/CSS
HTML/CSS
jQuery
jQuery

Bạn sẽ nhận được điều này sau khi học.

  • html, css, jquery

  • Kỹ thuật viên Thiết kế và Phát triển Web

Bài giảng này là video cùng giải đề với các thí sinh đang chuẩn bị cho kỳ thi thực hành Kỹ thuật viên Thiết kế Web.

Đây là bài tập yêu cầu vận dụng tích hợp cả ba kỹ năng: HTML, CSS và jQuery.


Đầu tiên, trong phần HTML, chúng tôi sẽ giới thiệu cách thiết lập cấu trúc cơ bản của tài liệu cùng với cách sử dụng các thẻ thường xuất hiện trong kỳ thi (ví dụ: header, nav, section, footer, v.v.). Đặc biệt trong bài thi thực hành, việc sử dụng chính xác các yếu tố cơ bản như danh sách <ul>, liên kết <a>, và chèn hình ảnh <img> là rất quan trọng, vì vậy bài giảng này sẽ hướng dẫn từng bước thông qua các ví dụ về cách sắp xếp chính xác các yếu tố này và cách thiết lập thuộc tính cho chúng.


Tiếp theo, trong phần CSS, chúng ta sẽ liên kết các biểu mẫu kiểu bên ngoài (external stylesheet), đồng thời tìm hiểu cách sử dụng các bộ chọn (selector) đa dạng và cách thiết lập các thuộc tính kiểu dáng. Ví dụ, các thuộc tính cốt lõi như position, flex, margin, padding, text-align, font sẽ được giải thích thông qua các ví dụ thực tế. Ngoài ra, khóa học cũng đề cập đến chiến lược triển khai các cấu trúc phong cách thường xuất hiện trong kỳ thi thực hành (như menu trên cùng, banner, hộp nội dung, footer, v.v.), giúp bạn rèn luyện tư duy về cách hiện thực hóa bản thiết kế bằng CSS.


Cuối cùng, trong phần jQuery, chúng tôi sẽ giải thích cách triển khai các chức năng động thường được yêu cầu trong kỳ thi. jQuery có ưu điểm là có thể triển khai nhanh chóng các tương tác đơn giản như ẩn/hiện phần tử HTML (toggle), hiệu ứng ẩn hiện (show, hide), menu tab, thay đổi hình ảnh, thêm/xóa class, v.v. Trong bài giảng, chúng tôi sẽ bắt đầu từ cú pháp cơ bản của jQuery, thiết lập cấu trúc cơ bản bằng cách sử dụng $(document).ready(), xử lý sự kiện khi nhấp vào nút, và điều khiển động các khu vực cụ thể, bao gồm các mã nguồn có thể áp dụng ngay vào kỳ thi thực hành.


Video này không chỉ dừng lại ở việc giải thích đơn thuần mà còn tập trung vào việc thể hiện trình tự lập trình và cảm giác thực tế cần thiết trong phòng thi theo thời gian thực. Các nội dung được giải thích một cách tận tình và từng bước một để ngay cả những người mới bắt đầu cũng có thể hiểu được, đồng thời hiệu quả học tập rất cao vì video giải thích rõ ý đồ viết mã qua từng dòng code. Video cũng bao gồm các ví dụ tương tự như bài thi thực tế nên có thể sử dụng để ôn tập.


Thông qua bài giảng lần này, tôi sẽ giúp bạn có thể tự tin bước vào kỳ thi, đồng thời nắm vững toàn bộ quy trình từ lập cấu trúc HTML → định dạng CSS → đến thực hiện các chuyển động bằng jQuery. Nếu bạn đặt mục tiêu đạt điểm cao trong kỳ thi thực hành, hãy nhớ xem cho đến cuối cùng nhé!

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Dành cho những ai muốn giải quyết bằng display:flex

  • Những ai muốn thi đậu kỳ thi cấp chứng chỉ

Cần biết trước khi bắt đầu?

  • Kiến thức cơ bản về HTML

  • Kiến thức cơ bản về CSS

  • Kiến thức cơ bản về jQuery

Xin chào
Đây là dunopi

476

Học viên

6

Đánh giá

25

Trả lời

4.7

Xếp hạng

7

Các khóa học

Thực hành Kỹ thuật viên Thiết kế Web

Trong khi tỷ lệ đậu trung bình cả nước là 60%

Lớp mình tỉ lệ đậu tận 90% luôn nè~ nè nè~

Chương trình giảng dạy

Tất cả

19 bài giảng ∙ (8giờ 30phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Chưa có đủ đánh giá.
Hãy trở thành tác giả của một đánh giá giúp mọi người!

Khóa học khác của dunopi

Hãy khám phá các khóa học khác của giảng viên!

Khóa học tương tự

Khám phá các khóa học khác trong cùng lĩnh vực!

Giảm 25% cho thành viên mới

772.697 ₫

25%

1.030.257 ₫