Tạo và phân phối trang web danh mục đầu tư! : Giới thiệu về Phát triển Web

Nếu bạn đã học HTML&CSS và JavaScript, hãy sử dụng chúng để tự tạo và triển khai trang portfolio của riêng mình. Thực hành sẽ giúp bạn cải thiện kỹ năng của mình rất nhiều.

(5.0) 30 đánh giá

227 học viên

Độ khó Nhập môn

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

HTML/CSS
HTML/CSS
JavaScript
JavaScript
github-pages
github-pages
Portfolio
Portfolio
HTML/CSS
HTML/CSS
JavaScript
JavaScript
github-pages
github-pages
Portfolio
Portfolio

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

5.0

5.0

상은쓰

100% đã tham gia

Đó là Corinne, và tôi cảm thấy có một bức tường trong bài giảng. bức tường hoàn chỉnh Trước khi tham gia khóa học, tôi đã xem trang web hoàn chỉnh và tự hỏi làm thế nào để tạo ra nó. Nhưng bây giờ tôi bướng bỉnh nên tôi tự tin rằng mình có thể tạo ra bất kỳ trang web nào. (Tất nhiên là sẽ mất một thời gian!) Điều này là do bài giảng dạy cách chia các vấn đề lớn thành các vấn đề nhỏ hơn và giải quyết từng vấn đề một. Thông qua quá trình này, sự tự tin của tôi ngày càng tăng và bây giờ tôi nghĩ mình có thể tạo bất kỳ trang web nào. Tôi học được rằng ngay cả những vấn đề phức tạp cũng có thể được giải quyết từng bước thông qua sự giải thích và thực hành có hệ thống của người hướng dẫn. Tôi thường không viết đánh giá dài, nhưng tôi nghĩ một số người có thể lo ngại vì không có nhiều đánh giá nên tôi đã để lại đánh giá dài hơn một chút. Bây giờ đang là mùa hè nên muỗi rất nhiều, nghe giảng thì vỗ tay hào hứng, rồi chuẩn bị đi bắt muỗi.

5.0

JD

100% đã tham gia

Trong quá trình thực hiện dự án, khi gặp khó khăn trong việc bố trí màn hình, đây đúng là khóa học tôi đang tìm, và tôi đã học được nội dung tôi mong muốn một cách nhanh chóng! Nội dung khóa học rất đầy đủ và rất hữu ích! Mong rằng trong tương lai sẽ có thêm nhiều khóa học hay. Cảm ơn.

5.0

강유정

50% đã tham gia

Tôi mua vì cần làm gấp một trang web. Rất tiện lợi vì cứ làm theo thứ tự là được. Tốt!!!!!!!!

Bạn sẽ nhận được điều này sau khi học.

  • 웹 페이지를 HTML cấu trúc và cách suy nghĩ

  • HTML yếu tố bố trí và căn chỉnh theo chiều ngang hoặc chiều dọc

  • Quy tắc đặt tên lớp, Khởi tạo CSS, Cách sử dụng biến CSS trong thực tế

  • Cách tạo trang web phản hồi bằng cách sử dụng truy vấn phương tiện

  • Cách thực hiện SEO, xem trước chia sẻ trên SNS và triển khai Github Pages

Tạo một trang web danh mục đầu tư

Xin chào! Khóa học này hướng dẫn bạn tạo một trang web portfolio. Nếu bạn đã học HTML, CSS và JavaScript, tại sao không thử tạo và triển khai trang web portfolio của riêng mình bằng cách sử dụng chúng ?

  • Tìm hiểu cách phân chia cấu trúc HTML hiệu quả!

  • Tìm hiểu cách định vị và căn chỉnh các thành phần sang trái, phải hoặc giữa bằng CSS!

  • Chúng tôi sẽ trình bày chi tiết về cách sử dụng biến CSS, web đáp ứng, thư viện và nhiều thứ khác trong thực tế !


Ảnh chụp màn hình 2024-04-29 9:55.32 AM

Nhấp vào hình ảnh sẽ đưa bạn đến trang danh mục đầu tư.

Sau khi tham gia bài giảng, bạn sẽ có thể tạo ra những kết quả như thế này.

Hiệu ứng hoạt hình và gõ chữ

Bạn có thể tạo ra nhiều kết quả khác nhau bằng thư viện, bao gồm cả hoạt ảnh và hiệu ứng gõ chữ.

trang web đáp ứng

Bạn có thể tạo các trang web đáp ứng được tối ưu hóa cho nhiều màn hình khác nhau, bao gồm điện thoại di động, máy tính bảng và máy tính để bàn.

SEO, chia sẻ SNS

Bạn có thể sử dụng Thẻ OG để tạo bản xem trước để chia sẻ trên các nền tảng mạng xã hội như KakaoTalk.

Triển khai Github Pages

Github Pages giúp việc triển khai trang web chúng ta tạo ra trở nên thực sự dễ dàng.

  • Chúng ta sẽ thực hành cụ thể cách phân chia cấu trúc HTML .


  • Chúng ta sẽ tìm hiểu cụ thể cách định vị các thành phần bằng cách sử dụng CSS Position, Flexbox và Grid.

Nội dung học tập

Bây giờ bạn đã học được những kiến thức cơ bản về HTML, CSS và JavaScript, đã đến lúc thực hành cách sử dụng chúng đúng cách .

Thiết lập môi trường phát triển

Chúng tôi sẽ đề cập đến môi trường phát triển, tạo dự án và cài đặt phông chữ và biểu tượng cho các lớp học đầy đủ.

Đánh dấu HTML

Ngay cả những trang web phức tạp cũng có thể dễ dàng được giải quyết bằng cách chia nhỏ cấu trúc của chúng thành các phần nhỏ hơn. Bạn sẽ được thực hành chia nhỏ các vấn đề lớn thành các phần nhỏ hơn và giải quyết từng phần một.

Kiểu CSS

Vấn đề thường gặp nhất của học viên là định vị và căn chỉnh các phần tử HTML. Trong phần này, chúng ta sẽ thực hành sử dụng Position, Flexbox và Grid.

Web đáp ứng

Bắt đầu với khái niệm về điểm dừng, chúng ta sẽ đi sâu vào cách cấu hình màn hình được tối ưu hóa cho thiết bị di động, máy tính bảng và máy tính để bàn.

JavaScript & Sử dụng thư viện

Bạn sẽ tạo một trang chủ với các hiệu ứng thú vị như hoạt hình và gõ văn bản bằng cách sử dụng nhiều thư viện khác nhau.

SEO, chia sẻ SNS xem trước, phân phối

Tìm hiểu cách thiết lập bản xem trước để chia sẻ trên mạng xã hội bằng thẻ OG cùng với tối ưu hóa công cụ tìm kiếm (SEO) và tận dụng Github Pages để triển khai trực tiếp trang web của bạn.

Sự kiện Đánh giá Khóa học Inflearn đang diễn ra 🎉

Xin chào 🙂 Chúng tôi đang tổ chức sự kiện đánh giá cho khóa học “ Tạo và phân phối trang web danh mục đầu tư ”.
Nếu bạn tham gia khóa học này và viết bài đánh giá chi tiết , bạn sẽ nhận được một phiếu giảm giá khóa học .
(20 người đầu tiên, đường link đăng ký có trong chương trình giảng dạy)

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

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

  • HTML yếu tố bố trí và sắp xếp khó khăn!

  • Bất kỳ ai muốn tạo trang chủ riêng của mình!

  • Bạn đã học HTML, CSS, JS nhưng không biết cách sử dụng chúng!

Cần biết trước khi bắt đầu?

  • HTML

  • CSS

Xin chào
Đây là gymcoding

Xác minh Inflearn

Xác minh sự nghiệp

36,925

Học viên

2,911

Đánh giá

1,682

Trả lời

4.9

Xếp hạng

18

Các khóa học

Xin chào! 👋
Tôi là Gym Coding, người sáng tạo nội dung giáo dục lập trình đây 😊

Tôi dạy một cách dễ hiểu nhất có thể để ngay cả những người không chuyên về lập trình cũng có thể theo kịp, đồng thời vẫn đảm bảo độ sâu để làm hài lòng cả những người đang làm trong ngành.
Hiện tại, tôi là nhà phát triển Full-stack với 13 năm kinh nghiệm và là đại diện trực tiếp điều hành một startup IT.

Tôi đã trực tiếp thiết kế và xây dựng mọi thứ từ phát triển dịch vụ cho các tập đoàn lớn như KT và Kia, nền tảng thương mại điện tử Cafe24, nền tảng dữ liệu IoT Smart City,
cho đến các dịch vụ tự vận hành, bao gồm cả Front-end, Back-end và hạ tầng AWS.

Hiện tại, tôi tập trung vào giáo dục nhưng vẫn trực tiếp phát triển các dịch vụ riêng để duy trì cảm giác thực tế trong nghề.

Việc tôi làm thông qua các bài giảng chính là diễn đạt những kinh nghiệm thực tế đó bằng ngôn ngữ mà ngay cả những người mới bắt đầu cũng có thể hiểu được.


🏆 Thành tích đã được kiểm chứng

🥇 Khóa học Claude Code BEST 1 trên Inflearn 2026 - Làm chủ hoàn toàn Claude Code

🏆 Bán chạy nhất Inflearn Awards 2025 - Làm chủ hoàn toàn React

🔥 Inflearn 2025 'Khóa học HOT nhất hiện nay' - Làm chủ hoàn toàn Claude Code

🎬 Hơn 49 nghìn người đăng ký YouTube · Tổng số lượt xem hơn 3,6 triệu+


👨‍💻 Kinh nghiệm làm việc

  • Lập trình viên Full-stack 13 năm kinh nghiệm · Hiện là đại diện startup IT

  • Frontend: React · Vue · TypeScript

  • Backend: Node.js · Java · Spring · Python

  • Cơ sở hạ tầng: AWS · Serverless · Thiết kế kiến trúc Lambda

  • Người chia sẻ kiến thức trên Inflearn

     

Startup (Người sáng lập)

  • Kinh nghiệm nộp đơn và đăng ký bằng sáng chế, nhãn hiệu hiệu quả

  • Được lựa chọn cho nhiều dự án hỗ trợ khởi nghiệp của chính phủ (Xếp loại 'Tối ưu' tại Smart Venture Campus, v.v.)

Đào tạo doanh nghiệp (B2B)

  • Multi-campus - Đào tạo offline về 'Claude Code' dành cho nhân viên doanh nghiệp

  • Đào tạo nhà phát triển Shinhan Card - Do Multicampus tổ chức, trực tuyến (Live)

  • Bài giảng đặc biệt tại Viện Phát triển Tài năng Phần mềm Hàn Quốc · Cố vấn IT cho cơ quan nhà nước


🙋‍♂️ Xem thêm

Thêm

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

Tất cả

36 bài giảng ∙ (4giờ 30phút)

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

Đánh giá

Tất cả

30 đánh giá

5.0

30 đánh giá

  • sanggusseu2599님의 프로필 이미지
    sanggusseu2599

    Đánh giá 7

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Đó là Corinne, và tôi cảm thấy có một bức tường trong bài giảng. bức tường hoàn chỉnh Trước khi tham gia khóa học, tôi đã xem trang web hoàn chỉnh và tự hỏi làm thế nào để tạo ra nó. Nhưng bây giờ tôi bướng bỉnh nên tôi tự tin rằng mình có thể tạo ra bất kỳ trang web nào. (Tất nhiên là sẽ mất một thời gian!) Điều này là do bài giảng dạy cách chia các vấn đề lớn thành các vấn đề nhỏ hơn và giải quyết từng vấn đề một. Thông qua quá trình này, sự tự tin của tôi ngày càng tăng và bây giờ tôi nghĩ mình có thể tạo bất kỳ trang web nào. Tôi học được rằng ngay cả những vấn đề phức tạp cũng có thể được giải quyết từng bước thông qua sự giải thích và thực hành có hệ thống của người hướng dẫn. Tôi thường không viết đánh giá dài, nhưng tôi nghĩ một số người có thể lo ngại vì không có nhiều đánh giá nên tôi đã để lại đánh giá dài hơn một chút. Bây giờ đang là mùa hè nên muỗi rất nhiều, nghe giảng thì vỗ tay hào hứng, rồi chuẩn bị đi bắt muỗi.

    • gymcoding
      Giảng viên

      Ôi~! 👏👏👏👏👏 Khi đọc phần đánh giá khóa học, tôi không thể không thắc mắc 😁 Trong bài giảng này, bạn sẽ tạo một trang web nhỏ gọi là portfolio. Nói rộng ra, mục đích là dạy cho những người mới bắt đầu cách chia các vấn đề lớn thành từng phần nhỏ hơn và giải quyết từng vấn đề một, đồng thời trao cho họ “sức mạnh để tự mình giải quyết” trong khi giải quyết chúng. Tôi rất cảm động bạn biết đấy 🥹 Cảm ơn Anh ấy có kỹ năng ăn nói xuất sắc và sẽ làm tốt ở bất kỳ vị trí nào. Chúc may mắn 👍

  • jeong46966001님의 프로필 이미지
    jeong46966001

    Đánh giá 2

    Đánh giá trung bình 5.0

    5

    50% đã tham gia

    Tôi mua vì cần làm gấp một trang web. Rất tiện lợi vì cứ làm theo thứ tự là được. Tốt!!!!!!!!

    • gymcoding
      Giảng viên

      Xin chào! Chân thành cảm ơn đánh giá quý báu về khóa học của bạn. 😊 Thật may mắn quá vì khóa học của chúng tôi đã giúp ích cho bạn trong tình huống cần tạo website gấp! Nếu trong quá trình thực hiện bạn có thêm câu hỏi hay gặp khó khăn, hãy cứ đặt câu hỏi bất cứ lúc nào nhé. Trong tương lai, chúng tôi sẽ đền đáp bằng những khóa học tốt hơn. Cảm ơn! 👍

  • tkaqkr1231706님의 프로필 이미지
    tkaqkr1231706

    Đánh giá 14

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Trong quá trình thực hiện dự án, khi gặp khó khăn trong việc bố trí màn hình, đây đúng là khóa học tôi đang tìm, và tôi đã học được nội dung tôi mong muốn một cách nhanh chóng! Nội dung khóa học rất đầy đủ và rất hữu ích! Mong rằng trong tương lai sẽ có thêm nhiều khóa học hay. Cảm ơn.

    • gymcoding
      Giảng viên

      Xin chào! Rất cảm ơn bạn vì đánh giá quý báu về khóa học~! 🎉 Trong quá trình làm dự án, bạn gặp khó khăn trong việc bố trí màn hình, thật may mắn quá vì khóa học của chúng tôi lại đúng nội dung bạn mong muốn! Thật đáng công sức cấu trúc khóa học để bạn có thể học nhanh chóng. Giờ bạn đã hoàn thành cả trang web portfolio, trình độ của bạn chắc chắn đã được nâng cấp lên một bậc rồi! 💻 Sắp tới, chúng tôi sẽ lại gặp bạn với những khóa học hay giúp ích cho công việc thực tế. Chân thành cảm ơn bạn đã hoàn thành khóa học! 🚀 Xin cảm ơn!

  • ourgony8435님의 프로필 이미지
    ourgony8435

    Đánh giá 3

    Đánh giá trung bình 5.0

    5

    31% đã tham gia

    Dễ hiểu, ngắn gọn và dễ hiểu. Cảm ơn bạn.

    • gymcoding
      Giảng viên

      Tôi rất vui vì đã giúp được bạn :) Cảm ơn bạn~!

  • neo05310009님의 프로필 이미지
    neo05310009

    Đánh giá 3

    Đánh giá trung bình 5.0

    5

    31% đã tham gia

    Ah.. Tất cả đều là những bài giảng quý giá.. Nếu biết sớm có gói giảm giá thì tôi đã đăng ký rồi. Tôi bắt đầu với React và giờ đang học ngược lại toàn bộ quá trình. Thầy thực sự tối ưu hóa cho việc giảng dạy. Mọi người đừng học từng cái như tôi mà hãy đăng ký theo gói nhé!

    • gymcoding
      Giảng viên

      Chào bạn, cảm ơn bạn rất nhiều vì đã để lại đánh giá thứ hai! Tôi rất được động viên bởi cụm từ "những bài giảng quý giá". Tôi thực sự cảm động trước sự nhiệt huyết của bạn khi bắt đầu với React và học ngược lại toàn bộ quá trình~! 🥹 Dù thứ tự học có khác nhau, cuối cùng thì tất cả các bài giảng đều liên kết với nhau, vì vậy dù bạn học theo thứ tự nào, khả năng lập trình của bạn cũng sẽ được nâng cao thôi ạ 🙂 Tôi sẽ cố gắng hết sức để đáp ứng bạn bằng những nội dung tốt hơn trong tương lai. Tôi luôn ủng hộ hành trình học tập đầy nhiệt huyết của bạn! (Tôi sẽ sớm ra mắt khóa học ""Làm chủ Next.js mới nhất: Xây dựng blog dành cho nhà phát triển dựa trên Notion (với Cursor AI)" 😀)

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

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!

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

61.600 ₫

30%

1.849.928 ₫