inflearn logo
inflearn logo

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 hình (animation) và thiết kế đáp ứng (responsive). Củng cố nền tảng vững chắc 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,202 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
날개 달린 동전

Giới thiệu Khóa học và tạo ra sự phát triển cùng thu nhập nhé!

날개 달린 동전

Đối tác tiếp thị

Giới thiệu Khóa học và tạo ra sự phát triển cùng thu nhập nhé!

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

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

5.0

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

5.0

longde129177

61% đã tham gia

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

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

  • Bộ chọn CSS

  • Kiểu chữ và phông chữ CSS

  • Bố cục CSS - float, position

  • Bố cục CSS - flexbox

  • CSS animation, tương thích (responsive)

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 giao diện trong một 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,... bạn có thể tạo ra một trang 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 , được giảng dạy dựa trên tiền đề là bạn đã học qua HTML để tìm hiểu về các kỹ thuật thiết yếu cần thiết cho việc thiết lập phong cách trang web.

Trong CSS, việc chọn chính xác đối tượng phong cách từ các phần tử HTML là ưu tiên hàng đầu. Trong khóa học này, bạn có thể học một cách chắc chắn về bộ chọn CSS (CSS selector). Hãy nắm vững kiến thức cơ bản về thiết kế đáp ứng để xây dựng các trang web được tối ưu hóa hiển thị trên các thiết bị có độ rộng khác nhau. Ngoài ra, hãy cùng họ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, 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à tự do thiết lập kiểu dáng cho các thành phần đã chọn!

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

  • Khóa học này được giảng dạy bởi tác giả của cuốn sách từ Youngjin.com dựa trên nội dung của sách. Việc kết hợp học cùng với sách sẽ giúp ích cho bạn nhiều hơn trong quá trình học tập., based on the content of the book. It will be even more helpful for your learning if you follow along with the book.
  • 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 tại kênh YouTube của tác giả.

Khuyên dùng cho những đối tượng sau 🙋‍♀️

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 thấy khó khăn trong việc
triển khai hoạt ảnh và tính đáp ứng (responsive)

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 kiểu dáng 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,
chúng ta sẽ củng cố chắc chắn nền tảng cơ bản!

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ề các bộ chọn CSS. Việc học CSS bắt đầu từ việc 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.


4) Học tất cả các thuộc tính liên quan đến 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.


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 bài học.

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 những công việc sau:

Styling cơ bản như chữ, màu sắc, lề và căn lề
Cấu trúc UI thẻ, nút bấm và bố cục
Hiểu kiến thức cơ bản về cấu trúc màn hình phản hồi đơ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 việc 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 cảm thấy áp lực.

add_shortcode('course','335725','list')
add_shortcode('course','335725','list')


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 thương mại điện tử 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 về 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 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, các video bổ sung và nhiều nội dung khác.

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

Các 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 bản tin mới được giới thiệu trong phần Google Biểu mẫuphòng chat mở 1:1.

 

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 thực hiện thiết kế đá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,711

Học viên

58

Đánh giá

4

Trả lời

4.9

Xếp hạng

11

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á

  • thddl52642022님의 프로필 이미지
    thddl52642022

    Đánh giá 4

    Đánh giá trung bình 5.0

    5

    33% đã tham gia

    • 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

    • hahahayeji님의 프로필 이미지
      hahahayeji

      Đánh giá 1

      Đánh giá trung bình 5.0

      5

      100% đã tham gia

      • wlghsp3420님의 프로필 이미지
        wlghsp3420

        Đánh giá 223

        Đá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.

        • 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í