강의

멘토링

커뮤니티

BEST
Programming

/

Web Development

Học HTML CSS đúng cách - by 얄코(Yalco)

Khóa học thân thiện, dễ hiểu, ngay cả người "mù code" cũng theo kịp! Khóa học đỉnh cao biến dev thành chuyên gia HTML & CSS!

(4.9) 139 đánh giá

3,047 học viên

Độ khó Nhập môn

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

  • yalco
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.

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

  • Viết mã HTML dễ dàng với Emmet

  • Xây dựng web chuẩn

  • Những khái niệm CSS khó như position, layout, selector, v.v.

  • Kế thừa và Reset, vendor prefix, focus visible, v.v. - những khái niệm phức tạp

  • Sử dụng nâng cao: Biến, phông chữ web, bộ lọc, hoạt ảnh, v.v.

  • Đối ứng responsive di động

  • Tiếp cận - Xây dựng website dành cho người dùng đa dạng

  • Cấu trúc trang web phù hợp dùng thẻ ngữ nghĩa và BEM

  • Kiến thức thực tế qua đồ án cuối khóa

⭐️ Bạn có tài khoản email của trường đại học không?
🎓 Nhận ngay phiếu giảm giá một nửa dành cho sinh viên (nhấp vào) 👉


Hãy học những điều này! 📚

  • HTML và CSS Từ những kiến ​​thức cơ bản dành cho người mới bắt đầu đến những kiến ​​thức nâng cao và mẹo thực tế dành cho các nhà phát triển đang làm việc, thậm chí cả những lý thuyết khó hiểu, bạn đều có thể dễ dàng học được.
  • Không chỉ trình bày trực quan, bạn sẽ học cách tạo một trang web "tốt" có sự tham gia của nhiều người và thích hợp để cộng tác với các nhà phát triển khác.

Tại sao tôi tạo ra khóa học 'Bán hàng đúng cách' ⛏️

Tôi muốn tạo ra một loạt bài hướng dẫn giúp người mới bắt đầu có thể trải nghiệm viết mã đầu tiên.
Bước đầ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ặt khác, HTML & CSS có rào cản gia nhập thấp, nhưng không phổ biến để tìm thấy các nhà phát triển nghiên cứu sâu về chúng và sử dụng chúng 'đúng cách' . Vì vậy, tôi muốn đi sâu vào các khái niệm khó và các thuộc tính chi tiết để tạo ra một khóa học có thể giúp ích rất nhiều cho các nhà phát triển và nhà xuất bản đang làm việc.

Khóa học này được tạo ra sau một thời gian dài nghiên cứu và chuẩn bị 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.


Ai là người giảng dạy khóa học này?
Bạn có muốn nghe không?
👨‍💻

Dành cho những người mới học lập trình

Nhà thiết kế web muốn xuất bản

Các nhà phát triển muốn giỏi HTML/CSS

  • 🍼 Những người mới bắt đầu học lập trình
  • 🎨 Các nhà thiết kế web muốn tự xuất bản
  • 🎓 Các nhà phát triển muốn cải thiện kỹ năng HTML và CSS
  • ⛏️ Các nhà phát triển muốn nghiên cứu lý thuyết chuyên sâu về HTML và CSS
  • 💖 Các nhà phát triển muốn phát triển web tuân thủ tiêu chuẩn và dễ truy cập


Ngay cả trong một cuốn sách
Nó ra rồi! 📙

hình ảnh

Tôi đã nhấn vào nội dung bài giảng để bạn có thể kiểm tra ngay.
(ℹ️ Cuốn sách này chỉ đề cập sơ qua đến những kiến ​​thức cơ bản về JavaScript.)

🛒 Hãy đi mua sách


Chỉ có trong bài giảng của Yalko
Có gì đặc biệt ✨

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

Tiết kiệm thời gian quý báu của bạn với quy trình mới mẻ và đơn giản. (Xin hãy hiểu rằng tùy thuộc vào học viên, phần nói có thể diễn ra nhanh. Hãy đảm bảo lắng nghe phần bài giảng miễn phí trước khi tham gia lớp học! )

Giải thích quá nhiều
Bài giảng chi tiết 🎙️

Chúng tôi đã chuẩn bị một giải thích chi tiết về chức năng của từng thẻ và thuộc tính, cũng như những cách sử dụng khác nhau của chúng, cách sử dụng chúng theo các tiêu chuẩn web và thậm chí cả các nguyên tắc lý thuyết, để bạn có thể tìm hiểu càng nhiều càng tốt.

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

Đối với mỗi bài học, các điểm chính của video cùng các lệnh và mã thực hành sao chép và dán được sắp xếp trên trang web để bạn có thể theo dõi và áp dụng để dễ dàng thực hành.

Nội dung cơ bản
Miễn phí cho công chúng 😎

Để đảm bảo sinh viên có thể học tập mà không phải chịu gánh nặng, 5 giờ nội dung đầu tiên sẽ được cung cấp miễn phí trước.


Yalko là ai? 😀

Tôi là một YouTuber phát sóng kênh YouTube Yalpakhan Coding Dictionary và là tác giả viết sách về CNTT. Dựa trên kinh nghiệm của mình với tư cách là một nhà phát triển full-stack, tôi tạo ra nội dung giải thích các khái niệm lập trình khó theo cách mà người mới bắt đầu có thể dễ dàng hiểu được, bằng cách sử dụng phép so sánh, ví dụ dễ hiểu và đôi khi là hình ảnh động.

🎬 Kênh Từ điển mã hóa nông trên YouTube (Nhấp vào!)
📕 Hãy xem sách của Yalko (nhấp vào!)


Được thiết kế đặc biệt cho bài giảng
⭐️ Sân chơi ⭐️

  • Trang web của khóa học có các sân chơi được sắp xếp theo chủ đề giúp việc học và ôn tập CSS dễ dàng hơn.

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

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

Nếu bạn tham gia bài giảng này
Điều gì sẽ thay đổi? 💪

  • Người mới bắt đầu và người không chuyên sẽ không còn sợ lập trình nữa.
  • Bạn sẽ có được sự tự tin để xuất bản lên bất kỳ trang web nào.
  • Bạn sẽ hiểu rõ hơn về những khái niệm mà trước đây bạn chỉ biết mơ hồ và những chức năng mà bạn chưa biết nhiều khi sử dụng.
  • Bạn sẽ học cách xây dựng một trang web "đúng cách", "tử tế" và "chu đáo".

Nội dung gì
Tôi có học được không? 📚

Phần 1: Cơ bản về HTML Thẻ HTML và cách sử dụng chúng một cách phù hợp

  • Nhiều thành phần web như nội dung văn bản, danh sách, hình ảnh, bảng, liên kết và đầu vào.
  • Mã hóa theo tiêu chuẩn và khuyến nghị của web
  • Mã hóa nhanh với Emmet

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

  • Nhiều phương pháp ứng dụng và bộ chọn cơ bản của CSS
  • Định dạng các thành phần khác nhau như thành phần văn bản, danh sách, màu sắc, hình nền, v.v.
  • Các khái niệm cốt lõi của CSS như nội tuyến/khối, mô hình hộp và vị trí.
  • Cấu trúc trang web sử dụng flex layout

Phần 3: HTML nâng cao

  • Cài đặt trang như thông tin meta, chế độ xem, đồ thị mở, v.v. trong tiêu đề
  • Tổ chức các trang của bạn một cách có hệ thống với các thẻ ngữ nghĩa và BEM
  • Cung cấp khả năng truy cập phù hợp với nhiều người dùng khác nhau
  • Cách sử dụng SVG, video và các phương tiện truyền thông khác

Phần 4: CSS chuyên sâu

  • Các khái niệm thực tế như nhập, biến, đặt lại, tiền tố nhà cung cấp, v.v.
  • Bố trí sử dụng dạng nổi và dạng lưới
  • Chuyển tiếp, hoạt ảnh, bộ lọc và nhiều tính năng CSS khác
  • Tạo một trang web phản hồi
  • Cách sử dụng các thành phần bên ngoài như phông chữ web, biểu tượng và khung

✅ Phần 5: Đồ án cuối kỳ

  • Chúng ta sẽ thực hành tạo một trang web phản hồi như trang web ở trên, chỉ sử dụng HTML và CSS, mà không sử dụng JavaScript.

Những câu hỏi thường gặp
Hãy xem thử nhé 💬

H. Tôi mới học lập trình. Tôi vẫn có thể tham gia lớp học chứ?

A. HTML và CSS là những chủ đề tốt nhất để người mới bắt đầu. Chúng tôi sẽ sử dụng các thuật ngữ dễ hiểu để giải thích mọi thứ, từ thiết lập môi trường ban đầu đến sử dụng các công cụ lập trình, thậm chí cung cấp bài thực hành để ngay cả người mới bắt đầu cũng có thể làm theo.

H. Điều này có hữu ích không nếu tôi đã có một số kinh nghiệm về phát triển web?

A. Ngay cả khi các nhà phát triển web nghĩ rằng họ biết và sử dụng tốt các thẻ HTML cơ bản và thuộc tính CSS, khi họ nghiên cứu sâu hơn, họ thường nhận ra rằng vẫn còn rất nhiều điều họ không biết. Bạn sẽ có thể sử dụng các thành phần và chức năng mà cho đến nay bạn chỉ biết mơ hồ và tận dụng hiệu quả hơn, và bạn sẽ có thể học được kiến ​​thức hữu ích để tạo ra một trang web đẹp không chỉ về mặt hình thức mà còn về mặt nội dung và cấu trúc.

H. Bài giảng rất nhanh, vậy có khó không?

A. Video tiến triển nhanh, nhưng mỗi bài giảng đều có trang bài giảng được liên kết để bạn có thể dễ dàng xem lại và thực hành nội dung video. Với các ví dụ và sân chơi trên khắp trang, bạn sẽ có thể học theo cách tối đa hóa hiệu quả về thời gian!

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

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

  • Người lần đầu học coding

  • Nhà thiết kế web muốn tự thực hiện publishing

  • Lập trình viên muốn sử dụng HTML, CSS tốt hơn

  • Developer muốn học sâu lý thuyết HTML và CSS

  • Lập trình viên muốn phát triển web tuân thủ chuẩn và có tính tiếp cận cao

Xin chào
Đây là

33,167

Học viên

1,811

Đánh giá

95

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!)

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ả

139 đánh giá

4.9

139 đá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!!

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

    • 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ó.

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

        • skyj님의 프로필 이미지
          skyj

          Đánh giá 5

          Đánh giá trung bình 5.0

          5

          100% đã tham gia

          Mình mới chỉ làm phần back-end thôi, nhưng lại gặp nhiều khó khăn trong việc thiết kế phần front-end nên đã mua về và nghe thử. Lần đầu tiên xem toàn bộ bài giảng, tôi đang thiết kế trong trạng thái mơ hồ hiểu biết, nhưng đột nhiên tôi nghĩ mình nghe thấy gì đó trong bài giảng, nhưng đang sử dụng mà không biết chính xác? Mỗi lần nghe lại đoạn đó, tôi lại có thể hiểu và viết rõ ràng hơn lần đầu nghe. Nếu có nội dung sâu hơn, tôi nghĩ mình sẽ trả tiền để nghe. (23-02-23) Trong khi phát triển hiện tại, khi có điều gì đó không hoạt động, tôi thấy rất thú vị khi tìm ra vấn đề, chèn lệnh theo ý muốn và thấy nó thay đổi. / Đây có thể là TMI, nhưng lúc đầu nghe giảng mình thấy tốc độ nhanh quá, nhìn hướng dẫn trên website và thao tác thì có cảm giác như hiểu được nhưng chẳng hiểu gì cả, nhưng nó thực sự thể hiện được giá trị đích thực của nó khi tôi đọc lại lần thứ hai. Người khác phải đọc một lần và cố gắng thiết kế, nhưng khi đọc lần thứ hai, họ không đọc kỹ mà vào mục không phù hợp và xem lại.. . nó không phải là một món súp thực sự, đó là một món súp thực sự. // Khi có thời gian, tôi cần tham gia khóa học GitHub và JavaScript.

          • yalco
            Giảng viên

            Tôi rất vui được giúp đỡ bạn trong công việc thực tế. Cảm ơn bạn đã tham gia lớp học!!!

        911.091 ₫

        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!