강의

멘토링

로드맵

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!

(5.0) 122 đánh giá

2,903 học viên

  • yalco
HTML/CSS

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

Dịch cái này sang tiếng Việt

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

30,691

Học viên

1,603

Đánh giá

92

Trả lời

4.9

Xếp hạng

17

Các khóa học

유튜브 채널 얄팍한 코딩사전을 방송하는 유튜버이자, IT서적들을 집필하는 작가입니다.  풀스택 개발자로 일해 온 경험을 살려, 어려운 프로그래밍 개념들을 초보자들이 이해하기 쉽도록 비유와 쉬운 예제, 때로는 애니메이션으로 설명하는 컨텐츠들을 만들고 있습니다.

🎬   YouTube 얄팍한 코딩사전 채널 (클릭!)
📕  얄코의 책들 보러가기 (클릭!)

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ả

122 đánh giá

5.0

122 đánh giá

  • closhu님의 프로필 이미지
    closhu

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    CourseraでJohns Hopkins html / css / jsの講義を聞き、一日を越えてきました。 1. 最初に講義を評価する時、内容の総時間を見るが、時間が短い講義は深く掘り下げられないことがあるので、この講義は12時間で、html/cssだけカバーするのにかなり長い時間だと信じていた。講演者も素早く講義を進めて、事実上1時間30時間を圧縮させたと見られる。 2. 2つ目は講演者の内容伝達力だが、この講義は内容をとても効率的ですっきりとした方法で伝えると感じた。簡単に理解するために多くの努力をしたようです。 3. 3番目はここでしか聞こえないコーディング環境の設定方法と、様々なヒント、そして一人でどのようにさらに進んで勉強できるのかを教えてくれた。 Coursera、Udemyで有名であり、都合のない講義だけを聞いたが、肝臓に失速している講義を見てよかった。

    • yalco
      Giảng viên

      一生懸命準備したほど大きなやりがいを感じさせていただきありがとうございます。 足りない頭を持った人として、どうやって講義すれば、他人がよく理解するか多くの悩みをしながら作りましたが、それだけの助けになってくれたのは本当に嬉しいです。 これからもより良い講義でお返しします。 受講していただきありがとうございます!

  • hajeongwon775011님의 프로필 이미지
    hajeongwon775011

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    31% đã tham gia

    詳しく教えてくれて一つ一つ見てくれてよかったです。すべての勉強がそうだが、自分だけの方法を探して勉強するので、はるかに集中が良かったんです。私のような場合には、ソースコードを先に自分で解釈してみて講義を聞いたのですが、この場合に私が解釈したのが正しいか、または分からない文法はどんなことを意味するのかを考え、講義に取り組んでみるともっと頭の中に残りました!

    • rlarhkr811588님의 프로필 이미지
      rlarhkr811588

      Đánh giá 6

      Đánh giá trung bình 5.0

      5

      83% đã tham gia

      Youtubeの購読者としてGit講義を頑張り、html/css講義も引き続き購入しました。ヤルコ様の講義の強みは、きちんとしたカリキュラムと伝達力が良く、内容が耳にすっぽり詰まっているという点です。講義を聞くのですが、まるで話を聞くかのように私も知らなくなって聞くことになります。このように講義に従うと、ある瞬間の内容を理解し、習得した自分を見ることができるようになります。お金が全く惜しくない講義だと思われます。悩んでいるなら購入することを強くお勧めします。

      • skyj님의 프로필 이미지
        skyj

        Đánh giá 5

        Đánh giá trung bình 5.0

        5

        100% đã tham gia

        バックエンド側だけでフロント側デザインするのにあまり詰まらない部分が多くて購入して聞くようになりました。初めて講義を全部見た時は、アルソット・ダルソットが分かるような状態でデザイン作業をしていますが、ふと講義で聞いたようなのですが、正確には知らずに書いていますか?する度に、その分また訪れて、また聞いてから初めて聞く時とは違って、再び明確に理解して書くようになりました。もっと深刻な内容があれば決済して聞くようです。 (23-02-23) 今開発しながら何ができなかったときに問題点を探して欲しいのに命令を入れると、ちょうど変わる姿がとても楽しいです。 / TMIかもしれませんが、私は初めて講義を聞いたときに速度も速すぎると思い、ホームページで操作しながら教えてくれるのを見ながら理解はできても残ることはないようですが、2回読んだとき真価を発揮します。他の方もぜひ1回読んでデザインしてみると2回毒の時は精読してはいけない部分カテゴリー訪れてまた見てみると本物....真国ではない蒸し国です。 //少し時間が経つと、FitHub、JavaScriptコースを聴く必要があります。

        • yalco
          Giảng viên

          実務にお役に立てて嬉しいですㅠㅠ受講していただきありがとうございます!

      • fourier님의 프로필 이미지
        fourier

        Đánh giá 11

        Đánh giá trung bình 5.0

        5

        100% đã tham gia

        結論から申し上げてとても素敵な講義です。

        Ưu đãi có thời hạn, kết thúc sau 19:33:25 ngày

        4.133 ₫

        22%

        925.140 ₫

        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!