Lần đầu học lập trình với Web Publishing - CSS

Học từ cơ bản về CSS đến hoạt ảnh (animation) và thiết kế đáp ứng (responsive). Củng cố chắc chắn các kỹ năng cơ bản thông qua việc ôn tập các nội dung đã học bằng các ví dụ thực tế.

(5.0) 21 đánh giá

1,222 học viên

Độ khó Nhập môn

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

HTML/CSS
HTML/CSS
HTML/CSS
HTML/CSS
Thumbnail

Đánh giá từ những học viên đầu tiên

5.0

5.0

longde129177

61% đã tham gia

Giải thích chi tiết và dễ hiểu quá, vào đầu rất nhanh ạ.

5.0

아라레

6% đã tham gia

Cảm ơn bạn vì bài giảng tuyệt vời.

5.0

hesshes

39% đã tham gia

Giải thích ngắn gọn và dễ dàng cho người mới bắt đầu

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

  • Bộ chọn CSS

  • Kiểu chữ và phong cách chữ trong CSS

  • Bố cục CSS - float, position

  • Bố cục CSS - flexbox

  • Hoạt ảnh CSS, đáp ứng (responsive)

"Không nhận bây giờ là lỗ! Chỉ cần đăng ký kênh YouTube, học phí giảm ngay một nửa"

구독 & 좋아요 & 댓글 이벤트

Hoàn thành nhiệm vụ đơn giản và nhận ngay mã giảm giá 50%. Đừng bỏ lỡ ưu đãi lớn nhất từ trước đến nay, chỉ được cung cấp trong thời gian có hạn!

Tham gia sự kiện xác nhận đăng ký YouTube & bình luận: https://forms.gle/wcD2wRVeaG7B7fSj7

Sau HTML là CSS!
Hãy tạo ra những trang web nổi bật với CSS ⭐

코딩은 처음이라 with 웹퍼블리싱

CSS nâng cao độ hoàn thiện cho tài liệu web 🎨

CSS đảm nhận phần diện mạo trong tài liệu web. Bằng cách chọn các đối tượng từ các phần tử HTML và thiết lập màu sắc, nền, vị trí, hiệu ứng chuyển động, v.v. cho đối tượng đã chọn, bạn có thể tạo ra một tài liệu web vừa đẹp mắt vừa thuận tiện khi sử dụng.

Khóa học này là phần tiếp nối của <Lần đầu học coding với Web Publishing - Cơ bản về HTML>, dựa trên tiền đề rằng bạn đã học xong HTML để học về các kỹ thuật thiết yếu cần thiết cho việc thiết lập kiểu dáng trang web.

Đối với CSS, việc chọn chính xác đối tượng phong cách trong các phần tử HTML là ưu tiên hàng đầu. Trong bài giảng này, bạn có thể học một cách chắc chắn về bộ chọn CSS (CSS selector). Bạn sẽ nắm vững kiến thức cơ bản về thiết kế đáp ứng để hiện thực hóa các trang web được tối ưu hóa hiển thị trên nhiều thiết bị có độ rộng khác nhau. Hãy cùng học cả cách hiện thực hóa hoạt ảnh bằng cách sử dụng các thuộc tính transition, animation và transform.

Sau khi nghe bài giảng này, các bạn sẽ có thể chọn chính xác các thành phần mong muốn thông qua bộ chọn CSS và thiết lập phong cách cho các thành phần đã chọn một cách tự do!

✔️ Hãy cùng đón xem bài giảng trực tiếp từ chính tác giả cuốn sách!

  • Khóa học này do tác giả của cuốn sách <코딩은 처음이라 with 웹 퍼블리싱> từ Youngjin.com trực tiếp giảng dạy dựa trên nội dung sách. Việc kết hợp học cùng với sách sẽ giúp ích rất nhiều cho quá trình học tập của bạn.
  • Vui lòng học khóa học này sau khi đã hoàn thành khóa học 'Lần đầu học coding với Web Publishing - Cơ bản về HTML'.
  • Nếu bạn cần học bổ sung, hãy xem thêm các bài giảng khác trên kênh YouTube của tác giả.

Khóa học này dành cho những ai 🙋‍♀️

Những người đã có kiến thức cơ bản về HTML
nhưng còn thiếu kiến thức cơ bản về CSS

Những người gặp khó khăn trong việc
triển khai responsive và animation

Những người muốn học cách tạo bố cục linh hoạt
bằng cách sử dụng Flex


Đặc điểm của bài giảng ✨

Học từng thuộc tính cần thiết để thiết lập style CSS
một cách chi tiết!

Dựa trên kinh nghiệm giảng dạy nhiều năm, tôi sẽ giải thích một cách dễ hiểu cho bạn!

Với những ví dụ đơn giản, hãy củng cố
nền tảng thật vững chắc!

Học cách tạo bố cục hiệu quả thông qua Flexbox!


Bạn sẽ học được những điều này 📚

1) Học chắc chắn về bộ chọn (selector) CSS. Việc bắt đầu với CSS luôn khởi nguồn từ việc lựa chọn đối tượng một cách chính xác.


2) Học các kiểu dáng liên quan đến phông chữ.


3) Học các thuộc tính thiết yếu liên quan đến bố cục (layout).


4) Học tất cả các thuộc tính liên quan đến hình nền.

 


5) Học về flex, cốt lõi của Flexible Layout, để dễ dàng triển khai nhiều loại bố cục đa dạng hơn.


6) Học các kiến thức cơ bản về hoạt ảnh (animation).


7) Học chắc chắn và thực hành các kiến thức cơ bản về thiết kế đáp ứng (responsive).

Màn hình máy tính để bàn

Màn hình máy tính bảng

Màn hình di động


8) Sử dụng CSS để hiện thực hóa trang web HTML đã soạn thảo ở bài giảng trước.


Câu hỏi thường gặp 💬

Q1. Tôi hoàn toàn không biết gì về HTML thì có thể nghe bài giảng này được không?

Vâng, không sao cả.
Khóa học này sẽ điểm qua nhanh các cấu trúc HTML tối thiểu cần thiết để học CSS và chuyển ngay sang phần tạo kiểu (styling).
Ngay cả khi không biết sâu về cú pháp HTML, chỉ cần bạn ở mức độ hiểu cấu trúc thẻ là hoàn toàn có thể theo kịp.

Q2. Sau khi học CSS, tôi thực sự có thể tạo ra những gì?

Sau khi hoàn thành khóa học này, bạn sẽ có thể thực hiện được các công việc sau đây.

Định dạng kiểu cơ bản như chữ, màu sắc, lề, căn lề
Cấu trúc UI thẻ, nút bấm, bố cục
Hiểu cơ bản về cấu trúc màn hình đáp ứng đơn giản

 

Nói cách khác, bạn có thể đạt đến giai đoạn 'làm cho màn hình đã thiết kế hiển thị' dưới dạng trang web.

Q3. CSS có vẻ có quá nhiều thứ phải học thuộc lòng, người mới bắt đầu liệu có ổn không?

Khóa học này được thiết kế tập trung vào sự thấu hiểu thay vì học thuộc lòng.
Thay vì liệt kê các thuộc tính một cách máy móc,
      chúng tôi giải thích dựa trên tiêu chí tại sao thuộc tính này lại cần thiết,
      khi nào nên sử dụng nó,
      và cách phân biệt giữa các thuộc tính tương tự nhau.

Vì vậy, ngay cả những người mới bắt đầu cũng có thể học tập mà không gặp áp lực.


Hãy thử thách bản thân với các bước tiếp theo.

Tham khảo Figma - Hướng dẫn hoàn chỉnh cách tạo website mua sắm tương thích (responsive)

https://inf.run/Gx3Ty

Nhập môn làm web di động: Hiện thực hóa hoàn hảo thiết kế Figma với Javascript

https://inf.run/uBnGj

 

Giới thiệu người chia sẻ kiến thức ✒️

Xin chào. Tôi là giảng viên Kim Dong-ju, người điều hành kênh YouTube rock's easyweb.

Sách tiêu biểu

  • Sách hướng dẫn sử dụng Figma hoàn hảo dành cho Thiết kế Web & Web Publishing - Nhà xuất bản BJ Public

  • Lần đầu học coding với Web Publishing - Youngjin.com

Liên hệ với tôi

Bạn có thể kiểm tra thông tin về các bài giảng offline và các video bổ sung.

Kênh giao tiếp (Khảo sát, Phòng chat mở 1:1)✒️

Các bạn học viên có thể đưa ra ý kiến và đặt câu hỏi bất cứ lúc nào thông qua Khảo sát GooglePhòng chat mở 1:1 được giới thiệu trong mục Tin mới.

 

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

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

  • Người đã học HTML

  • Những người gặp khó khăn trong việc triển khai giao diện đáp ứng (responsive)

  • Những người còn thiếu kiến thức cơ bản về hoạt hình

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

  • HTML

  • Photoshop

Xin chào
Đây là ezweb

2,850

Học viên

65

Đánh giá

4

Trả lời

4.9

Xếp hạng

14

Các khóa học

■ [Hiện tại] Giảng viên Front-end tại ESTSOFT KDT
■ Giảng dạy Web Publishing, Front-end tại Học viện Nghệ thuật Máy tính Green
■ Vận hành kênh YouTube về Web Publishing 'Rock's Easyweb'
■ Giảng viên Web Publishing tại Học viện Máy tính The Joeun
■ Giảng viên Web Publishing tại Học viện Máy tính Hanbit
■ Chuyên gia Front-end Publisher, Giảng viên chuyên nghiệp về Front-end Publishing
■ Giảng dạy Portfolio Thiết kế Web UI/UX


[ Sách ]
Xuất bản 19.07.2021 / Sách hướng dẫn sử dụng Figma hoàn hảo cho Thiết kế Web & Web Publishing / BJ Public

Xuất bản ngày 25.08.2022 / Lần đầu học Coding với Web Publishing / Nhà xuất bản Youngjin

Xuất bản 10.2023 /Sổ tay gia sư thực hành Kỹ thuật viên Thiết kế Web 2024 SD Edu Yu-seon-bae / Sidae Gosi Planning

Tái bản 11/2024 /Sổ tay hướng dẫn thực hành Kỹ thuật viên Thiết kế Web 2025 SD Edu của Tiền bối Yoo / Sidae Gosi Planning

Tái bản 11.2025 /2026 Sổ tay gia sư thực hành Kỹ thuật viên Thiết kế Web SD Edu của Tiền bối Yoo / Sidae Gosi Planning

 

[ Giải thưởng ]
08.2022 Học viện Green Computer Art chi nhánh Jongno - Giảng viên xuất sắc 06.2021 Học viện Green Computer Art chi nhánh Jongno - Giảng viên xuất sắc 06.2018 Học viện Green Computer Art chi nhánh Sinchon - Giảng viên xuất sắc 05.2017 Học viện Green Computer Art chi nhánh Sinchon - Giảng viên xuất sắc 05.2016 Học viện Green Computer Art chi nhánh Sinchon - Giảng viên xuất sắc 10.2015 Học viện Green Computer Art chi nhánh Sinchon - Giảng viên xuất sắc

 

 

 

Thêm

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

Tất cả

33 bài giảng ∙ (9giờ 12phú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á

Tất cả

21 đánh giá

5.0

21 đánh giá

  • mrnobody님의 프로필 이미지
    mrnobody

    Đánh giá 8

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Cảm ơn bài giảng hay. _(__)_

    • ezweb
      Giảng viên

      Tôi cũng cảm ơn. Thử khóa khác nữa nhé ^^

  • wlghsp3420님의 프로필 이미지
    wlghsp3420

    Đánh giá 224

    Đánh giá trung bình 5.0

    5

    6% đã tham gia

    Cảm ơn bạn vì bài giảng tuyệt vời.

    • hesshes2407님의 프로필 이미지
      hesshes2407

      Đánh giá 2

      Đánh giá trung bình 5.0

      5

      39% đã tham gia

      Giải thích ngắn gọn và dễ dàng cho người mới bắt đầu

      • ezweb
        Giảng viên

        Khóa học về cách tham khảo thiết kế và mã hóa của Figma đã được mở mới. Hãy xem khóa học đó nhé ^^ https://inf.run/CZ1az

    • zzolyoon70313님의 프로필 이미지
      zzolyoon70313

      Đánh giá 9

      Đánh giá trung bình 5.0

      5

      79% đã tham gia

      Sau các bài giảng về HTML, tôi cũng nghiên cứu các bài giảng về CSS. Tôi nghĩ đó là một bài giảng tuyệt vời, thực sự hữu ích và hay. Tôi đã học nó tốt. Cảm ơn

      • ezweb
        Giảng viên

        cảm ơn bạn

      • ezweb
        Giảng viên

        Khóa học về cách tham khảo thiết kế và mã hóa của Figma đã được mở mới. Hãy xem khóa học đó nhé ^^ https://inf.run/CZ1az

    • longde1291770911님의 프로필 이미지
      longde1291770911

      Đánh giá 1

      Đánh giá trung bình 5.0

      5

      61% đã tham gia

      Giải thích chi tiết và dễ hiểu quá, vào đầu rất nhanh ạ.

      • ezweb
        Giảng viên

        Cảm ơn bạn vì đánh giá khóa học quý giá.

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

    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!

    Miễn phí