강의

멘토링

로드맵

Inflearn brand logo image
Programming

/

Web Development

[Giới thiệu về Phát triển Web] Tự phát triển HTML và CSS với Carrot Market

Đây là bài giảng giúp bạn tự mình sử dụng tốt HTML/CSS cùng với các khái niệm cơ bản.

(4.7) 3 đánh giá

46 học viên

  • mjcoding
웹개발
웹퍼블리싱
html
css
HTML/CSS

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

  • Củng cố kiến ​​thức cơ bản về HTML/CSS

  • Cách tạo một trang web

  • Phát huy thế mạnh để phát triển kỹ năng của bản thân và trưởng thành

  • Tạo trang web Carrot Market

Cốt lõi của việc tạo ra các trang web, HTML và CSS!
Học với các bài giảng có tính ứng dụng thực tế 📖

Chủ đề bài giảng 📖

Khi nghĩ đến thẻ div, bạn nghĩ đến điều gì? Khái niệm phân chia bố cục có xuất hiện trong đầu bạn không? Đây là tất cả những gì chúng ta đã học trong khóa học cơ bản. Tuy nhiên, mức độ hiểu biết này là chưa đủ để sử dụng thẻ div một cách trọn vẹn. Thẻ div là thẻ khối, vì vậy thuộc tính khối của nó quan trọng hơn .

Tôi muốn tạo trang web của riêng mình. Tôi đã tham gia một số khóa học HTML/CSS và các lớp học thực hành, rồi cố gắng tự tạo một trang web, nhưng tôi thấy mình không thể tạo ra trang web mình muốn. Tôi tự hỏi vấn đề là gì.

Và tôi nhận ra rằng chỉ biết một chút về HTML/CSS là không đủ để thực sự áp dụng nó . Việc nắm vững tất cả các tính năng của HTML/CSS là rất khó khăn và không cần thiết. Ít nhất, bạn cần tạo một bản thiết kế vững chắc trước khi phát triển để tạo và áp dụng các trang bạn muốn.

Tôi đã trải qua những khó khăn này và, trong sự thất vọng, đã tạo ra khóa học HTML/CSS này. Mặc dù ban đầu có thể hơi nhàm chán so với một khóa học mà bạn vừa học vừa thực hành, tôi nghĩ bạn sẽ thấy nó thú vị hơn sau khi hoàn thành khóa học, vì bạn sẽ có thể tự tạo ra khóa học của riêng mình. Mục tiêu là giúp bạn có thể sử dụng HTML/CSS một cách độc lập và, bằng cách tham khảo kinh thánh phát triển web, MDN, để phát triển khả năng tự giải quyết vấn đề .

3 bước để sử dụng HTML và CSS hiệu quả 📌

HTML/CSS
Tóm tắt nội dung cần thiết

Phát triển trang web
Các khái niệm cốt lõi thiết yếu

Trang web Carrot Market
Thực hành mã hóa bản sao


Tôi giới thiệu điều này cho những người này 🙋

Những người đang cân nhắc bắt đầu phát triển web

Bất kỳ ai muốn tạo một trang web

Bất kỳ ai muốn học HTML và CSS

Những người đã học HTML/CSS nhưng gặp khó khăn khi sử dụng

Hãy tham gia cùng chúng tôi trong bài giảng này! 😁

  • Nếu bạn đang học React hoặc JavaScript mà không có kiến thức nền tảng về HTML/CSS, bạn chắc chắn sẽ quay lại học HTML/CSS. Chúng tôi sẽ hướng dẫn bạn từng bước để bạn có thể xây dựng và sử dụng website của riêng mình .
  • Nếu bạn đang gặp khó khăn trong việc học và sử dụng HTML/CSS, có thể là do bạn chưa nắm vững các khái niệm cơ bản hoặc chưa có đủ kinh nghiệm để xây dựng website. Ngay cả sau khi hoàn thành các khái niệm và bài giảng thiết yếu, chúng tôi vẫn sẽ hỗ trợ bạn duy trì việc học tập . Sau này, nếu gặp bất kỳ câu hỏi hoặc vấn đề nào, bạn có thể sử dụng các công cụ dành cho nhà phát triển và tài liệu MDN để tự mình tìm ra chúng.
  • Mặc dù các khóa học theo phương pháp học qua thực hành rất thú vị vì mang lại kết quả tức thì, nhưng việc tổ chức chúng có thể khá khó khăn. Trong lĩnh vực HTML/CSS vốn rất linh hoạt, việc hiểu và thực hành các khái niệm thiết yếu là điều cần thiết. Hãy bắt đầu bằng việc nắm vững các khái niệm.

Tính năng bài giảng ✨

#1.
Những nguyên tắc cơ bản cốt lõi
Vững chắc

Khóa học này không hướng đến việc học bằng thực hành. Nó bao gồm các khái niệm thiết yếu cần thiết để tạo trang web, cho phép bạn sử dụng trực tiếp HTML và CSS. Nếu bạn không nắm vững các khái niệm trong khóa học này, thì cũng giống như bạn đang xây lâu đài trên cát vậy.

#2.
Tất cả các quá trình
Xác nhận bằng mắt của bạn

Khi học, bạn sẽ học trực quan trên trình duyệt thực tế. Cuối cùng, chúng ta sẽ cần tạo các trang web để hiển thị trên trình duyệt.

#3.
Với đào tạo thực tế
hoàn thành

Sau khi học các khái niệm, bạn sẽ tích lũy kinh nghiệm thực tế bằng cách tạo một dự án thực tế, Carrot Market. Trải nghiệm thực hành này sẽ giúp bạn làm quen với việc tạo trang web và sau khóa học, bạn sẽ có thể tự tạo trang web của riêng mình bằng HTML và CSS.


Bạn sẽ học được gì 📚

1. Từ những khái niệm cơ bản cần thiết

  • Bạn sẽ học các khái niệm HTML/CSS thiết yếu với những giải thích dễ hiểu dựa trên MDN, được sử dụng làm tài liệu chính thức cho phát triển web trên toàn thế giới.
  • Tìm hiểu các khái niệm dễ bị bỏ qua nhưng cần thiết khi phát triển (các tính năng cấp khối, luồng thông thường, v.v.).
  • Vì bạn học dựa trên MDN nên bạn có thể mở tài liệu bất cứ khi nào bạn cần trong quá trình phát triển thực tế.

2. Mọi hoạt động học tập đều được thực hiện bằng mắt thật.

  • Mục tiêu của việc học HTML/CSS là tạo ra các trang web có thể xem được trên trình duyệt web. Trong suốt khóa học, bạn sẽ học bằng cách quan sát các hành vi thực tế trong mã và trên trình duyệt.
  • Mã mẫu cũng được cung cấp để bạn có thể thử nhiều bài tập khác nhau ngay trên máy tính của mình.

3. Với một dự án thực tế

  • Sau khi nắm vững tất cả các khái niệm cần thiết, bạn sẽ có được kinh nghiệm từ các dự án thực tế.

  • Như thể hiện trong ảnh, chúng tôi sẽ phân phối nó để bạn có thể tạo Carrot Market của riêng mình và tạo URL.


Câu hỏi dự kiến Hỏi & Đáp 💬

H. Tôi có thể thực hành trên máy Mac không?

Bạn có thể thực hành trên bất kỳ hệ điều hành nào miễn là bạn sử dụng trình duyệt Chrome (hoặc Safari, Firefox).

H. Sinh viên không chuyên ngành cũng có thể tham gia khóa học này không?

Đây là khóa học cơ bản về phát triển web mà ngay cả những người không chuyên ngành cũng có thể tham gia :)

H. Tôi có cần cài đặt chương trình riêng để thực hành không?

Chúng ta sẽ sử dụng trình duyệt internet hiện tại của bạn và một công cụ lập trình có tên là VSC. Tôi sẽ hướng dẫn bạn cài đặt VSC trong bài giảng.

H. Tôi có thể làm gì sau khi học khóa học này?

Bạn có thể tạo một trang web bằng HTML/CSS! Bạn sẽ học cách triển khai nó và thậm chí tạo một URL để chia sẻ với người khác.

H. Nó có bao gồm nội dung thiết kế đáp ứng không?

Tôi không đưa nội dung về thiết kế đáp ứng. Đối với những người mới bắt đầu phát triển web hoặc người mới bắt đầu với HTML/CSS, tôi nghĩ thiết kế đáp ứng có thể hơi quá. Điều bạn cần bây giờ là học các khái niệm thiết yếu, chứ không chỉ thiết kế đáp ứng. Khi bạn thực hành qua các bài giảng và sử dụng HTML/CSS, bạn sẽ tự nhiên học được khi cần.


Giới thiệu Người chia sẻ kiến thức ✒️

Lịch sử

  • Người cam kết mã nguồn mở hiện tại của Mozilla
  • Cựu nhà phát triển khởi nghiệp Fintech
  • Cựu Chuyên gia phát triển toàn cầu tại Bộ Khoa học và Công nghệ
  • Cựu) Nhóm phát triển thanh toán Hyosung (Phát triển cơ sở dữ liệu thanh toán)

Những điều cần lưu ý trước khi tham gia khóa học 📢

Môi trường thực hành

  • Hệ điều hành và Phiên bản (OS) : Windows 10 (có thể thực hành trên bất kỳ hệ điều hành nào, macOS hoặc Linux)
  • Công cụ được sử dụng: Trình duyệt Firefox/Chrom (bạn có thể thực hành với Firefox, Chrom và Safari), Visual Studio Code

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

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

  • Nếu bạn chưa quen với việc viết mã

  • Nếu bạn là người mới bắt đầu phát triển web

  • Những người gặp khó khăn khi sử dụng HTML/CSS

Xin chào
Đây là

3,751

Học viên

152

Đánh giá

33

Trả lời

4.7

Xếp hạng

3

Các khóa học

안녕하세요. MJ코딩입니다😀

강의에 관심과 수강을 해주셔서 감사합니다 :)

강의 내용은 처음 접할 때는 가볍지만은 않은 내용이지만, 이해를 하실 수 있고 실제로 사용하실 수 있도록 준비를 하였습니다.

커리어와 실무에 도움이 되셨으면 하는 마음입니다.

프로그래밍 학습을 위한 유튜브 채널도 함께 운영을 하고 있습니다. (유튜브 링크 클릭)

필요한 내용을 보시고 참고 하여 도움이 되셨으면 좋겠습니다.

감사합니다^^

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

Tất cả

37 bài giảng ∙ (8giờ 19phút)

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

Đánh giá

Tất cả

3 đánh giá

4.7

3 đánh giá

  • 시골햄스터님의 프로필 이미지
    시골햄스터

    Đánh giá 10

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    클론코딩 재밌어요

    • MJ코딩
      Giảng viên

      시골햄스터님 안녕하세요 :) 도움이 되신 것 같아 기쁜 마음이며 강의를 수강해주셔서 감사합니다 😀 강의 내용을 기반으로 다른 사이트도 "직접" 만들어 보시면서 더욱더 훌륭한 실력을 쌓으셨으면 좋겠습니다. 감사합니다 ^^

  • 임채성님의 프로필 이미지
    임채성

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    62% đã tham gia

    • choisy030님의 프로필 이미지
      choisy030

      Đánh giá 1

      Đánh giá trung bình 4.0

      4

      97% đã tham gia

      597.884 ₫

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

      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!