inflearn logo

Học HTML CSS bài bản - bởi Yalco

Khóa học thân thiện và dễ hiểu mà ngay cả người không biết gì về lập trình cũng có thể theo kịp! Khóa học đỉnh cao giúp các nhà phát triển hiện tại trở thành chuyên gia về HTML & CSS!

(4.9) 151 đánh giá

3,096 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

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

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

4.9

5.0

Hansh

100% đã tham gia

Tôi đã vượt qua khóa học html/css/js của Johns Hopkins trên Coursera. Mặc dù Johns Hopkins là một trường đại học danh tiếng nhưng đó vẫn là một bài giảng khủng khiếp. Nhưng bài giảng này lại khác. 1. Đầu tiên, khi đánh giá một bài giảng, tôi nhìn vào tổng thời lượng của nội dung, nhưng không nhìn vào những bài giảng có thời lượng ngắn vì không muốn đi sâu tìm hiểu. Tuy nhiên, bài giảng này dài 12 tiếng, chỉ đề cập đến HTML/CSS, khá dài nên tôi rất tin tưởng. Giảng viên cũng giảng bài rất nhanh nên có thể coi như thực sự cô đọng lại 30 giờ. 2. Thứ hai là khả năng truyền tải nội dung của giảng viên Tôi cảm thấy bài giảng này truyền tải nội dung rất hiệu quả và rõ ràng. Tôi cũng thích dòng chảy của bài giảng. Và nó không chỉ bao gồm những phần cốt lõi mà còn cả những phần đáng biết. Có vẻ như rất nhiều nỗ lực đã được đưa vào để làm cho nó dễ hiểu. 3. Thứ ba, thật tốt khi biết cách thiết lập một môi trường mã hóa chỉ có thể nghe thấy ở đây, nhiều mẹo khác nhau và cách tự nghiên cứu thêm. Sau khi nghe những bài giảng phổ biến nhưng kém chất lượng trên Coursera và Udemy, thật vui khi lần đầu tiên được xem một bài giảng thực tế sau một thời gian. Nó khiến tôi nhận ra rằng không có mối tương quan rõ ràng giữa danh tiếng và khả năng giảng dạy.

5.0

하정원

31% đã tham gia

Thật vui khi bạn dạy tôi chi tiết và giải thích từng thứ một. Việc học nào cũng vậy, nhưng tôi có thể tập trung tốt hơn nhiều khi tìm ra cách học riêng cho mình. Trong trường hợp của tôi, lần đầu tiên tôi tự mình diễn giải mã nguồn trước khi nghe bài giảng, nhưng trong trường hợp này, khi tôi tham dự bài giảng và suy nghĩ xem liệu cách giải thích của tôi có đúng hay không hay ngữ pháp mà tôi không biết nghĩa là gì, nó vẫn ở trong tâm trí tôi. tâm trí nhiều hơn nữa!

5.0

HDK

83% đã tham gia

Với tư cách là người đăng ký YouTube, tôi đã hoàn thành khóa học Git và sau đó mua khóa học HTML/CSS. Điểm mạnh của bài giảng của Yalco là nội dung dễ nghe do giáo trình rõ ràng và truyền đạt tốt. Mặc dù tôi đang nghe một bài giảng nhưng tôi thấy mình hoàn toàn bị cuốn hút vào đó, như thể tôi đang nghe một câu chuyện. Nếu theo dõi bài giảng như thế này, đến một lúc nào đó bạn sẽ thấy mình hiểu và nắm vững nội dung. Tôi nghĩ khóa học này không hề lãng phí tiền bạc. Nếu bạn đang nghĩ về nó, tôi thực sự khuyên bạn nên mua nó.

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

  • Từ cơ bản đến nâng cao về HTML và CSS

  • Coding HTML dễ dàng với Emmet

  • Xuất bản tuân thủ tiêu chuẩn web

  • Các khái niệm CSS khó như position, các loại layout, bộ chọn (selector), v.v.

  • Các khái niệm phức tạp như kế thừa và thiết lập lại (resetting), tiền tố nhà cung cấp (vendor prefix), và focus-visible

  • Cách sử dụng các tính năng nâng cao như biến, font chữ web, bộ lọc và hiệu ứng hoạt ảnh

  • Đáp ứng môi trường di động bằng thiết kế phản hồi (responsive)

  • Khả năng tiếp cận - Xây dựng trang web quan tâm đến đa dạng người dùng

  • Cấu trúc trang web hợp lý sử dụng thẻ semantic và BEM

  • Kiến thức thực tế thông qua dự án cuối khóa

https://youtu.be/TrC2x4N0XqY

Sau khi để lại thích và bình luận cho video YouTube trên (phần công khai của khóa học này),
nếu bạn gửi ảnh chụp màn hình đến yalco@yalco.kr,
chúng tôi sẽ gửi cho bạn mã giảm giá để có thể đăng ký khóa học với giá nửa tiền.


Chúng ta sẽ học những điều này! 📚

  • Chúng ta sẽ cùng tìm hiểu về HTML và CSS từ những kiến thức cơ bản nhất dành cho người mới bắt đầu, cho đến cách vận dụng nâng cao và các mẹo thực tế dành cho nhà phát triển chuyên nghiệp, cũng như giải thích dễ hiểu những lý thuyết vốn khó nắm bắt.
  • Không chỉ dừng lại ở việc hiện thực hóa trang web về mặt thị giác, bạn sẽ được học cách tạo ra những trang web "tử tế" — biết quan tâm đến nhiều người dùng hơn và dễ dàng cộng tác với các nhà phát triển khác.

Lý do tạo ra khóa học 'Đào sâu thực thụ' ⛏️ 

Tôi muốn tạo ra một series mà những người mới bắt đầu học lập trình có thể bắt đầu ngay từ trải nghiệm đầu tiên.
Như là bước đi đầu tiên, tôi đã chọn HTML & CSS làm chủ đề đầu tiên vì nó tương đối dễ học ngay cả khi không có kiến thức về khoa học máy tính.

Mặc dù HTML & CSS có rào cản gia nhập thấp, nhưng không có nhiều nhà phát triển nghiên cứu sâu để có thể sử dụng chúng 'một cách đúng nghĩa'. Vì vậy, tôi muốn tạo ra một khóa học đi sâu vào cả những khái niệm khó và các thuộc tính chi tiết để có thể giúp ích nhiều cho cả các nhà phát triển và những người làm nghề thiết kế giao diện (publisher) hiện nay.

Với mục tiêu tạo ra một khóa học thực sự tuyệt vời và bổ ích, tôi đã dành nhiều thời gian nghiên cứu và chuẩn bị để hoàn thiện khóa học này.


Ai nên tham gia
khóa học này? 
👨‍💻 

Người mới bắt đầu học lập trình

Nhà thiết kế web muốn tự mình thực hiện công việc publishing

Nhà phát triển muốn giỏi HTML/CSS

  • 🍼 Người mới bắt đầu học lập trình
  • 🎨 Nhà thiết kế web muốn tự mình thực hiện công việc publishing
  • 🎓 Những nhà phát triển muốn sử dụng thành thạo HTML, CSS hơn nữa
  • ⛏️ Nhà phát triển muốn nghiên cứu sâu về lý thuyết của HTML và CSS
  • 💖 Những nhà phát triển muốn phát triển web phù hợp với tiêu chuẩn và có tính tiếp cận cao

 


Đã được phát hành
dưới dạng sách! 📙

image

Nội dung của bài giảng đã được đúc kết kỹ lưỡng để bạn có thể kiểm tra ngay trên tay mình.
(ℹ️ Cuốn sách này chỉ đề cập đến phần cơ bản của JavaScript và nội dung khá nhẹ nhàng.)

🛒 Đi đến mua sách


Điểm đặc biệt
chỉ có ở bài giảng của Yalco ✨

Nhanh chóng và dễ dàng
Bài giảng video 🚀

Với tiến độ nhanh chóng và không rườm rà, chúng tôi giúp tiết kiệm thời gian quý báu của bạn. (Xin lưu ý rằng tùy theo người học mà tốc độ nói có thể cảm thấy hơi nhanh. Hãy nhớ nghe thử các bài giảng trong phần miễn phí trước khi đăng ký học nhé!)

Bài giảng chi tiết
của người giải thích cực kỳ kỹ lưỡng 🎙️

Tôi đã chuẩn bị bài giảng giải thích chi tiết không chỉ chức năng của từng thẻ và thuộc tính, mà còn cả cách vận dụng đa dạng, cách sử dụng đúng tiêu chuẩn web và các nguyên lý lý thuyết để bạn có thể học hỏi được nhiều nhất có thể.

Thực hành thuận tiện
thông qua trang web 🖥️

Mỗi bài giảng đều có các điểm chính của video cùng các lệnh và mã thực hành có thể sao chép được sắp xếp sẵn trên trang web, giúp bạn có thể dễ dàng thực hiện thực hành bằng cách làm theo và ứng dụng chúng.

Nội dung cơ bản  
Công khai miễn phí 😎

Để các bạn học sinh, sinh viên có thể học tập mà không gặp áp lực về chi phí, 5 giờ đầu tiên của nội dung sẽ được công khai miễn phí thông qua bản xem trước.


Yalco là ai? 😀

Kênh YouTube Từ điển Lập trình Nông cạnlà một YouTuber chuyên phát sóng, đồng thời là tác giả viết sách IT. Tận dụng kinh nghiệm làm việc với tư cách là một nhà phát triển Full-stack, tôi đang tạo ra các nội dung giải thích những khái niệm lập trình khó bằng các phép ẩn dụ, ví dụ dễ hiểu và đôi khi là cả hoạt hình để những người mới bắt đầu có thể dễ dàng tiếp cận.

🎬   Kênh YouTube Yalco's Coding Dictionary (Click!)
📕  Xem các cuốn sách của Yalco (Click!)


Được thiết kế đặc biệt cho bài giảng 
⭐️  Playground  ⭐️ 

  • Trên trang web của bài giảng, các sân chơi (playground) được tạo ra để giúp việc học và ôn tập CSS trở nên dễ dàng hơn đã được chuẩn bị theo từng chủ đề như dưới đây.

  • Bạn có thể trực tiếp kiểm tra xem các giá trị của từng thuộc tính được phản ánh như thế nào trên các thành phần web bằng cách điều chỉnh chúng.

  • Bạn có thể tìm hiểu nhiều ví dụ đa dạng về cách sử dụng các thuộc tính CSS đó, đồng thời kiểm tra xem những loại giá trị nào có thể được sử dụng.

Sau khi học khóa học này,
điều gì sẽ thay đổi? 💪

  • Người mới bắt đầu hoặc những người không thuộc chuyên ngành sẽ không còn nỗi sợ hãi đối với việc lập trình.
  • Bạn sẽ có được sự tự tin để có thể xuất bản bất kỳ trang web nào.
  • Bạn sẽ hiểu rõ hơn về những khái niệm vốn dĩ chỉ biết lờ mờ và những tính năng mà trước đây bạn từng sử dụng nhưng chưa thực sự nắm vững.
  • Bạn sẽ học được cách tạo ra một trang web 'đúng chuẩn', 'tử tế' và 'chu đáo'.

Bạn sẽ được
học những nội dung gì? 📚

Phần 1: Cơ bản về HTML - Các thẻ HTML và cách sử dụng phù hợp cho từng loại

  • Các thành phần web khác nhau như nội dung văn bản, danh sách, hình ảnh, bảng, liên kết, đầu vào, v.v.
  • Lập trình đúng theo tiêu chuẩn web và các khuyến nghị
  • Coding nhanh với Emmet

Phần 2: Cơ bản về CSS

  • Các phương pháp áp dụng CSS đa dạng và các bộ chọn cơ bản
  • Định dạng phong cách cho các yếu tố khác nhau như thành phần văn bản, danh sách, màu sắc, nền, v.v.
  • Các khái niệm cốt lõi của CSS như Inline/Block, Box Model, Position, v.v.
  • Cấu trúc trang web sử dụng Flex Layout

Phần 3: HTML chuyên sâu

  • Thiết lập trang như thông tin meta bên trong header, viewport, open graph, v.v.
  • Cấu trúc trang web một cách có hệ thống thông qua thẻ Semantic và BEM
  • Xây dựng khả năng tiếp cận cân nhắc đến nhiều đối tượng người dùng khác nhau
  • Cách sử dụng các phương tiện truyền thông khác như SVG, video, v.v.

Phần 4: CSS nâng cao

  • Các khái niệm thực tế như import, biến, resetting và vendor prefix
  • Bố cục sử dụng Floating và Grid
  • Các hiệu ứng chuyển cảnh (transition), hoạt ảnh (animation), bộ lọc (filter) và nhiều tính năng CSS khác
  • Tạo trang web với giao diện đáp ứng (Responsive)
  • Cách sử dụng các yếu tố bên ngoài như web font, icon và framework

✅ Phần 5: Dự án cuối khóa

  • Chúng ta sẽ tiến hành thực hành tạo một trang web như trên với khả năng hiển thị phản hồi (responsive), chỉ sử dụng HTML và CSS mà không dùng đến JavaScript.

Hãy kiểm tra
các câu hỏi thường gặp 💬

Q. Tôi là người mới bắt đầu học lập trình thì có thể theo học được không?

A. HTML và CSS là những chủ đề phù hợp nhất để người mới bắt đầu tiếp cận. Để những người lần đầu học lập trình cũng có thể theo kịp, chúng tôi sẽ hướng dẫn chi tiết từ việc thiết lập môi trường ban đầu đến cách sử dụng các công cụ lập trình, đồng thời tiến hành thực hành bằng những thuật ngữ dễ hiểu nhất có thể.

Q. Tôi đã biết phát triển web ở một mức độ nhất định rồi thì khóa học này sẽ giúp ích được bao nhiêu?

A. Ngay cả với những thẻ HTML hay thuộc tính CSS cơ bản mà các nhà phát triển web thường cho rằng mình đã biết rõ và đang sử dụng thạo, khi đi sâu vào nghiên cứu, bạn sẽ nhận ra bấy lâu nay vẫn còn rất nhiều điều mình chưa biết. Bạn sẽ có thể sử dụng một cách bài bản hơn những yếu tố và tính năng mà trước đây chỉ biết ở mức vừa đủ, đồng thời học hỏi được những kiến thức hữu ích để tạo nên một trang web đẹp không chỉ ở vẻ ngoài mà còn cả ở cấu trúc bên trong.

Q. Tốc độ giảng dạy nhanh như vậy liệu có gây khó khăn không?

A. Mặc dù tốc độ video khá nhanh, nhưng mỗi bài học đều có liên kết đến trang bài giảng tương ứng để bạn có thể ôn tập và thực hành nội dung video một cách thuận tiện. Bằng cách tận dụng các ví dụ và sân chơi thử nghiệm (playground) ở khắp nơi trên trang web, bạn sẽ có thể học tập với hiệu suất thời gian tối đa!

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

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

  • Người mới bắt đầu học lập trình

  • Thiết kế web muốn tự mình thực hiện công việc publishing

  • Nhà phát triển muốn thành thạo HTML và CSS hơn.

  • Nhà phát triển muốn nghiên cứu sâu về lý thuyết của HTML và CSS

  • Nhà phát triển muốn phát triển web tuân thủ các tiêu chuẩn và có tính dễ tiếp cận cao

Xin chào
Đây là yalco

34,165

Học viên

1,961

Đánh giá

96

Trả lời

4.9

Xếp hạng

17

Các khóa học

Tôi là YouTuber của kênh Từ điển Lập trình Nông cạn, đồng thời là tác giả của nhiều cuốn sách về IT. Tận dụng kinh nghiệm làm việc với tư cách là một nhà phát triển Full-stack, tôi đang tạo ra các nội dung giải thích những khái niệm lập trình khó bằng các phép ẩn dụ, ví dụ đơn giản và đôi khi là hoạt hình để người mới bắt đầu có thể dễ dàng thấu hiểu.

🎬   Kênh YouTube Từ điển Lập trình Nông cạn (Click!)
📕  Xem các cuốn sách của Yalco (Click!)

Thêm

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

Tất cả

54 bài giảng ∙ (11giờ 16phút)

Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

151 đánh giá

4.9

151 đánh giá

  • closhu님의 프로필 이미지
    closhu

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Tôi đã vượt qua khóa học html/css/js của Johns Hopkins trên Coursera. Mặc dù Johns Hopkins là một trường đại học danh tiếng nhưng đó vẫn là một bài giảng khủng khiếp. Nhưng bài giảng này lại khác. 1. Đầu tiên, khi đánh giá một bài giảng, tôi nhìn vào tổng thời lượng của nội dung, nhưng không nhìn vào những bài giảng có thời lượng ngắn vì không muốn đi sâu tìm hiểu. Tuy nhiên, bài giảng này dài 12 tiếng, chỉ đề cập đến HTML/CSS, khá dài nên tôi rất tin tưởng. Giảng viên cũng giảng bài rất nhanh nên có thể coi như thực sự cô đọng lại 30 giờ. 2. Thứ hai là khả năng truyền tải nội dung của giảng viên Tôi cảm thấy bài giảng này truyền tải nội dung rất hiệu quả và rõ ràng. Tôi cũng thích dòng chảy của bài giảng. Và nó không chỉ bao gồm những phần cốt lõi mà còn cả những phần đáng biết. Có vẻ như rất nhiều nỗ lực đã được đưa vào để làm cho nó dễ hiểu. 3. Thứ ba, thật tốt khi biết cách thiết lập một môi trường mã hóa chỉ có thể nghe thấy ở đây, nhiều mẹo khác nhau và cách tự nghiên cứu thêm. Sau khi nghe những bài giảng phổ biến nhưng kém chất lượng trên Coursera và Udemy, thật vui khi lần đầu tiên được xem một bài giảng thực tế sau một thời gian. Nó khiến tôi nhận ra rằng không có mối tương quan rõ ràng giữa danh tiếng và khả năng giảng dạy.

    • yalco
      Giảng viên

      Cảm ơn bạn đã khiến tôi cảm thấy được khen thưởng rất nhiều vì đã bỏ ra nhiều công sức chuẩn bị. Thực tế, các giáo sư càng thông minh thì càng xuất sắc và hiểu biết nhiều nên bài giảng của họ thường không hiệu quả lắm đối với người mới bắt đầu. Là một người có trí thông minh hạn chế, tôi đã suy nghĩ rất nhiều về việc làm thế nào để có thể giảng bài sao cho người khác hiểu được và tôi thực sự vui vì điều đó đã giúp ích cho tôi rất nhiều. Chúng tôi sẽ thưởng cho bạn những bài giảng tốt hơn trong tương lai. Cảm ơn bạn đã tham gia lớp học!!

  • fourier님의 프로필 이미지
    fourier

    Đánh giá 11

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Để kết luận, đây là một bài giảng tuyệt vời. Có rất nhiều điều cần học hỏi nên tôi nghĩ mình sẽ phải xem lại. Tôi đang mong chờ những bài giảng tiếp theo!

    • rlarhkr811588님의 프로필 이미지
      rlarhkr811588

      Đánh giá 6

      Đánh giá trung bình 5.0

      5

      83% đã tham gia

      Với tư cách là người đăng ký YouTube, tôi đã hoàn thành khóa học Git và sau đó mua khóa học HTML/CSS. Điểm mạnh của bài giảng của Yalco là nội dung dễ nghe do giáo trình rõ ràng và truyền đạt tốt. Mặc dù tôi đang nghe một bài giảng nhưng tôi thấy mình hoàn toàn bị cuốn hút vào đó, như thể tôi đang nghe một câu chuyện. Nếu theo dõi bài giảng như thế này, đến một lúc nào đó bạn sẽ thấy mình hiểu và nắm vững nội dung. Tôi nghĩ khóa học này không hề lãng phí tiền bạc. Nếu bạn đang nghĩ về nó, tôi thực sự khuyên bạn nên mua nó.

      • animajangyj8337님의 프로필 이미지
        animajangyj8337

        Đánh giá 1

        Đánh giá trung bình 5.0

        5

        100% đã tham gia

        Đây là một bài giảng rất hay. Tôi bắt đầu học với tư cách là người không chuyên và là người mới bắt đầu, và mặc dù phần HTML & CSS được người khác coi là thú vị và dễ dàng nhưng nó lại khó khăn đối với tôi vì tôi cũng là người mới bắt đầu. Bài giảng dài hơn 11 giờ một chút nhưng tôi đã hoàn thành nó trong gần 7 tuần. Thực ra ở giữa thấy khó nên tôi chuyển sang bài giảng khác, rồi quay lại bài giảng này. Đó là bài giảng đầu tiên của tôi nên tôi băn khoăn không biết trình độ có phù hợp với mình không nhưng tôi nghĩ chỉ là do đầu óc tôi chưa hiểu rõ, và mặc dù cô đọng hơn những bài giảng khác nhưng nó chứa đựng rất nhiều thông tin. và tôi nghĩ giảng viên rất giỏi giải thích mọi thứ nên cuối cùng tôi đã học xong. Ngay cả khi bạn nghĩ rằng bài giảng được chia thành 10 đến 20 phút, nếu bạn là người mới bắt đầu như tôi và chỉ hiểu nó bằng đầu, bạn sẽ suy sụp tinh thần sau này trong dự án cuối cùng. Tôi vẫn chưa hiểu hết bản sao dự án cuối cùng, nhưng tôi nghĩ mình cần dành nhiều thời gian hơn để xem xét nó. Tóm lại, tôi nghĩ rằng chất lượng và nội dung tổng thể của bài giảng là tốt nhất. Thực ra, tôi không thường xuyên để lại những bài đánh giá bài giảng, nhưng tôi để lại phần này vì tôi nghĩ sẽ tốt cho người khác khi xem những bài giảng chất lượng cao này. Ngoài ra, cảm ơn bạn đã trả lời tốt các câu hỏi cá nhân của tôi. Tôi sẽ xem lại nó một lần nữa.

        • yalco
          Giảng viên

          Cảm ơn!! Vì khóa học này được thiết kế hết sức cẩn thận và chuyên sâu nên việc nó khó và choáng ngợp ngay cả đối với những người không chuyên ngành là điều bình thường. Cảm ơn bạn rất nhiều vì đã lắng nghe phần cuối và tôi rất vui với tư cách là một giảng viên. Nếu sau này bạn gặp khó khăn khi xem xét hoặc sử dụng nó trong thực tế, vui lòng đặt câu hỏi!! Cảm ơn bạn một lần nữa ~!

      • hajeongwon775011님의 프로필 이미지
        hajeongwon775011

        Đánh giá 1

        Đánh giá trung bình 5.0

        5

        31% đã tham gia

        Thật vui khi bạn dạy tôi chi tiết và giải thích từng thứ một. Việc học nào cũng vậy, nhưng tôi có thể tập trung tốt hơn nhiều khi tìm ra cách học riêng cho mình. Trong trường hợp của tôi, lần đầu tiên tôi tự mình diễn giải mã nguồn trước khi nghe bài giảng, nhưng trong trường hợp này, khi tôi tham dự bài giảng và suy nghĩ xem liệu cách giải thích của tôi có đúng hay không hay ngữ pháp mà tôi không biết nghĩa là gì, nó vẫn ở trong tâm trí tôi. tâm trí nhiều hơn nữa!

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

        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!

        923.384 ₫