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) 161 đánh giá

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

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

Bạn sẽ học đượ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 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 các nhà phát triển chuyên nghiệp, cũng như các lý thuyết vốn khó hiểu một cách dễ dàng nhấ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à thuận tiện cho việc hợp 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ừ những 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 về chúng để có thể vận dụng 'một cách đúng đắn'. 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 rất nhiều cho cả các nhà phát triển và nhà xuất bản web (publisher) đang làm việc thực tế.

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 đã thực hiện khóa học này sau một thời gian dài nghiên cứu và chuẩn bị.


Ai nên học
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 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 việc publishing
  • 🎓 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 và gói gọn để 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 🚀

Tiến độ nhanh chóng, không rườm rà giúp tiết kiệm thời gian quý báu của bạn. (Xin lưu ý rằng tốc độ nói có thể cảm thấy hơi nhanh tùy theo người học. Nhất định hãy nghe thử các bài giảng trong phần miễn phí trước khi đăng ký 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ị kỹ lưỡng để bạn có thể học hỏi được nhiều nhất có thể bằng cách 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 ứng dụng đa dạng, cách sử dụng phù hợp với tiêu chuẩn web và cả các nguyên lý lý thuyết của chúng.

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ũng có thể học tập mà không gặp áp lực về chi phí, chúng tôi công khai miễn phí 5 giờ đầu tiên thông qua chế độ xem trước.


Yalco là ai? 😀

Kênh YouTube Từ điển Lập trình Nông cạn là một YouTuber chuyên phát sóng, đồng thời là tác giả viết 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 những 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 Từ điển Lập trình Nông cạn (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  ⭐️ 

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

  • 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 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 nghe bài giảng này,
điều gì sẽ thay đổi? 💪

  • Người mới bắt đầu hoặc những người không chuyên về ngành này 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 mơ hồ 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, nhập liệu, v.v.
  • Coding đúng theo tiêu chuẩn web và các khuyến nghị
  • Coding nhanh chóng bằng 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 nâng cao

  • 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 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
  • Transition, animation, bộ lọc và nhiều tính năng CSS khác
  • Tạo trang web đáp ứng (responsive)
  • Cách sử dụng các yếu tố bên ngoài như web font, icon, framework, v.v.

✅ 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 tính năng 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 mới tiếp xúc với lập trình lần đầu thì có thể theo học được không?

A. HTML và CSS là những chủ đề phù hợp nhất để những 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ẽ giải thích chi tiết từ việc thiết lập môi trường đầu tiên đế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 cơ bản hay thuộc tính CSS mà các nhà phát triển web thường cho rằng mình đã biết rõ và đang sử dụng, khi tìm hiểu sâu hơn, bạn sẽ nhận ra bấy lâu nay vẫn còn nhiều điều mình chưa biết. Bạn sẽ có thể sử dụng đúng cách hơn các 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 thì liệu có khó quá 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 thoải mái. 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,854

Học viên

2,135

Đánh giá

96

Trả lời

4.9

Xếp hạng

18

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ả

161 đánh giá

4.9

161 đánh giá

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

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

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

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

        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!