[Khóa học Web Development Full-stack] Cơ bản về HTML&CSS
Khóa học này là bài giảng về HTML&CSS thuộc chuỗi bài giảng [Khóa học Web Development Full-stack] nhằm đào tạo nhà phát triển web full-stack.
Thông qua khóa học này, bạn sẽ hiểu về HTML - khung xương của phát triển web và CSS - thứ giúp trang web trở nên đẹp mắt.
Đỉnh cao của html và css...Tuyệt vời, tất cả những gì bạn cần là cái này
5.0
강부열
100% đã tham gia
Cảm ơn bạn vì một bài giảng miễn phí tuyệt vời.
5.0
T parkkk
33% đã tham gia
Tôi rất ấn tượng trước nỗ lực giải thích chi tiết ngay cả những lời khuyên thiết thực của người hướng dẫn!
Bạn sẽ nhận được điều này sau khi học.
Các thẻ HTML cơ bản
Thuộc tính toàn cục và thuộc tính cục bộ
Thẻ ngữ nghĩa
Định dạng phông chữ, danh sách, màu sắc và bảng
Thiết kế bố cục
Web đáp ứng
Nền tảng để xây dựng trang web dễ đọc và tốc độ nhanh! Hãy học HTML & CSS một cách bài bản ✨
✅ Đây là loạt bài giảng nằm trong [Lộ trình trở thành nhà phát triển web Full-stack].
Khóa học này là khóa học cơ bản về HTML&CSS nằm trong chuỗi bài giảng [Khóa học Web Development Full-stack] nhằm đào tạo các nhà phát triển web full-stack.
Khóa học Web Development Full-stack bao gồm toàn bộ quá trình để trở thành nhà phát triển web full-stack, từ HTML&CSS → Vanilla JavaScript → Bootstrap → Vue.js → Cơ sở dữ liệu → Node.js → cho đến Portfolio.
Sau khi hoàn thành toàn bộ khóa học lập trình web full-stack, bạn sẽ không chỉ nắm vững nền tảng về phát triển web mà còn thành thạo các kỹ năng có thể áp dụng ngay vào thực tế công việc.
HTML/CSS là gì?
HTML và CSS, những công nghệ nền tảng tạo nên web, là những ngôn ngữ được ra đời để kết nối mọi thứ.
HTML là viết tắt của Hyper Text Markup Language. Nó được cấu thành từ bốn từ: Hyper, Text, Markup và Language. Trong số các từ này, từ quan trọng nhất là Hyper. Đó là bởi vì gợi ý quan trọng nhất để hiểu về HTML có thể tìm thấy từ siêu liên kết (Hyperlink).
Trong thời đại không còn là những ký tự trên giấy, thông qua tính năng được gọi là siêu liên kết (hyperlink) trong các trình duyệt web hoặc các công cụ soạn thảo văn bản như Word, bạn có thể kết nối đến các vị trí cụ thể của video, âm nhạc, hình ảnh, tệp tin và văn bản. Siêu liên kết là một vòng lặp tham chiếu có thể kết nối và chỉ đến mọi định dạng dữ liệu trong tài liệu. Việc web sơ khai đã có các thẻ thực hiện chức năng siêu liên kết như thẻ <a> quả thực là một điều đáng kinh ngạc. Có thể coi HTML, công nghệ nền tảng tạo nên web, cuối cùng được ra đời để kết nối mọi thứ.
Hyper có nghĩa là 'siêu việt' và Text có nghĩa là 'văn bản'. Nói cách khác, Hyper Text là một loại văn bản vượt xa các văn bản thông thường, nơi các ký tự với ký tự, câu với câu, và tài liệu với tài liệu được kết nối hữu cơ với nhau để có thể giao tiếp.
HTML là ngôn ngữ (Language) có thể đánh dấu (Markup) các Hyper Text như vậy. Ở đây, Markup là thông tin dùng để thể hiện định dạng, cấu trúc của văn bản bên cạnh nội dung văn bản đó. HTML là ngôn ngữ có thể biểu thị các thông tin markup này và đóng vai trò là khung xương của trang web.
Mặt khác, CSS (Cascading Style Sheets) là ngôn ngữ đảm nhận việc thiết kế, giống như khoác lên những bộ quần áo đẹp cho khung xương HTML. Thông qua CSS, bạn có thể áp dụng các thiết kế về bố cục, màu sắc, phông chữ, kích thước, v.v. cho trang web.
HTML&CSS, tại sao chúng ta nên học?
Bạn không thể trở thành nhà phát triển web nếu không học HTML/CSS.
Bạn đã bao giờ suy nghĩ về một trang web dễ đọc và một trang web không dễ đọc chưa? Chúng ta sống và đọc vô số văn bản mỗi ngày từ sách, TV, tạp chí cho đến blog. Tuy nhiên, có những bài viết rất dễ đọc nhưng cũng có những bài viết rất khó đọc. Mã nguồn do các nhà phát triển web viết ra cũng tương tự như vậy. Mặc dù mắt người không nhìn thấy, nhưng nó được đọc thông qua các phần mềm như công cụ tìm kiếm và trình đọc màn hình (screen reader). Các công cụ tìm kiếm và trình đọc màn hình sẽ thông qua trang web để giải mã các đoạn mã tạo nên phần không nhìn thấy được của web và diễn giải trang web mà chúng ta đã phát triển. Chúng ta phải làm thế nào để viết ra những đoạn mã mà phần mềm có thể đọc và hiểu rõ? Và tại sao điều đó lại quan trọng?
Cách để viết một văn bản dễ đọc là viết "đơn giản và rõ ràng". Mã nguồn do nhà phát triển viết cũng tương tự như vậy. Khi viết markup, cần loại bỏ các thẻ không cần thiết và phải làm cho cấu trúc trở nên đơn giản chỉ với những thẻ cần thiết để cấu thành trang web.
Ngày nay, web không chỉ cần được xây dựng tốt mà còn phải nhanh. Theo nghiên cứu của Google, nếu một trang web mất hơn 5 giây để tải, khả năng khách truy cập rời khỏi trang sẽ tăng lên 90%. Chúng ta cần hiểu quá trình render của trình duyệt và tối ưu hóa các tài nguyên được sử dụng trong trang để cung cấp một trang web không chỉ dễ đọc mà còn phải nhanh chóng. Chính vì vậy, để phát triển một trang web tốt, bạn cần xây dựng nền tảng vững chắc về HTML và CSS - những ngôn ngữ cơ bản tạo nên trang web.
Đặc điểm của khóa học này!
Dễ hiểu và chi tiết
Tập trung vào ứng dụng thực tế
Đến cả mã ví dụ!
Tôi sẽ hướng dẫn để bạn có thể hiểu được vòng đời phát triển web.
Hiểu HTML là gì.
Bạn sẽ nắm vững cách sử dụng chính xác của từng thẻ cấu thành nên HTML.
Bạn sẽ biết cách viết các thẻ (tag) có tính đến người dùng di động và người khiếm thị.
Bạn sẽ được học tất cả các cú pháp cơ bản của CSS.
Bạn sẽ được học CSS để tạo bố cục và có thể triển khai web đáp ứng (responsive web).
Tất cả mã ví dụ đều được cung cấp thông qua GitHub.
Bạn sẽ học được gì?
VSCode
HTML/CSS
Node.js
Chúng ta sẽ sử dụng Visual Studio Code làm công cụ IDE phát triển. Bạn sẽ được tìm hiểu về phương pháp phát triển bằng Visual Studio Code cũng như các chương trình mở rộng hữu ích.
Cài đặt Node.js và tìm hiểu Node.js là gì. and learn what Node.js is.
Bạn có thể hiểu được sự hiểu biết về web và toàn bộ quy trình từ lập kế hoạch đến phát triển và kiểm thử để phát triển web.
Học tất cả các thẻ HTML cơ bản.
Học về các thuộc tính toàn cục (global attributes) và thuộc tính cục bộ (local attributes) của thẻ HTML.
Bạn sẽ hiểu rõ về các thẻ semantic (thẻ ngữ nghĩa) và có thể sử dụng các thẻ phù hợp với ý nghĩa của chúng.
Thông qua CSS, bạn sẽ biết cách tạo kiểu cho màu sắc, phông chữ, danh sách, bảng biểu, v.v.
Bạn sẽ có thể triển khai web đáp ứng (responsive web) bằng cách học CSS để tạo bố cục.
Cấu trúc cơ bản và các thành phần cơ bản của HTML
CSS để tạo bố cục (layout)
Người tạo ra bài giảng này là ai?
Phẩm chất của nhà phát triển
Một nhà phát triển phần mềm với 24 năm kinh nghiệm, người muốn tạo ra tầm ảnh hưởng tích cực cho thế giới thông qua công nghệ phần mềm. Tôi thích chia sẻ kiến thức và luôn tận hưởng việc học hỏi những công nghệ mới.
Tôi đã hoạt động với tư cách là chuyên gia tư vấn và nhà phát triển xây dựng hệ thống ERP cho hơn 60 doanh nghiệp toàn cầu trong và ngoài nước, đồng thời cũng có kinh nghiệm trực tiếp bán các phần mềm do mình phát triển cho các doanh nghiệp hàng đầu cả trong nước lẫn quốc tế. Tôi cũng là Giám đốc điều hành (CEO) của một startup IT.
Làm việc không chỉ với tư cách là một nhà phát triển mà còn là một chuyên gia tư vấn UX và đôi khi là tư vấn kinh doanh, tôi đã tích lũy được vô số kinh nghiệm trong toàn bộ quá trình từ lập kế hoạch đến phát triển khi xây dựng các ứng dụng và dịch vụ. Giờ đây, dựa trên hơn 20 năm kinh nghiệm thực tế, tôi đang thực hiện công việc chia sẻ kiến thức với sứ mệnh truyền đạt những kỹ năng thực sự cần thiết và kiến thức chuẩn xác cho các thế hệ đàn em.
Là một nhà phát triển phần mềm với 24 năm kinh nghiệm, tôi luôn mong muốn mang lại tầm ảnh hưởng tích cực cho thế giới thông qua công nghệ phần mềm. Tôi yêu thích việc chia sẻ kiến thức và luôn tận hưởng việc học hỏi những công nghệ mới.
Tôi đã từng hoạt động với tư cách là nhà tư vấn và nhà phát triển xây dựng hệ thống ERP cho hơn 60 doanh nghiệp toàn cầu trong và ngoài nước, đồng thời cũng có kinh nghiệm trực tiếp bán các phần mềm do mình phát triển cho các doanh nghiệp hàng đầu cả trong nước lẫn quốc tế. Tôi cũng là Giám đốc điều hành (CEO) của một startup IT.
Không chỉ làm việc với tư cách là một nhà phát triển, mà còn là một chuyên gia tư vấn UX và đôi khi là tư vấn kinh doanh, tôi đã tích lũy được vô số kinh nghiệm trong toàn bộ quá trình từ lập kế hoạch đến phát triển ứng dụng và dịch vụ. Giờ đây, dựa trên hơn 20 năm kinh nghiệm thực tế, tôi đang thực hiện sứ mệnh chia sẻ kiến thức với mong muốn truyền đạt những kỹ năng thực sự cần thiết và kiến thức chuẩn chỉnh cho các thế hệ đàn em.