강의

멘토링

커뮤니티

BEST
Programming

/

Front-end

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

201 học viên

  • gymcoding
포트폴리오
포트폴리오홈페이지만들기
HTML/CSS
JavaScript
github-pages
Portfolio

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

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à

25,891

Học viên

1,548

Đánh giá

649

Trả lời

4.9

Xếp hạng

18

Các khóa học

안녕하세요.

코딩 교육 크리에이터 짐코딩 입니다 🙂

유튜브에서 코딩 교육 "짐코딩 GYM CODING"채널을 운영하고 있으며,

인프런 교육 플랫폼에서 프로그래밍 지식을 공유하고 있습니다.

제 강의의 특징은 이제 막 시작하시는 분들을 위하여

설명하고자 할 때는 최대한 쉽게,

알려드리고자 할 때는 최대한 알차게 설명드립니다.

항상 수강생 입장에서 생각하는 코딩 교육 크리에이터가 되겠습니다.

감사합니다.

📹짐코딩 유튜브 채널 운영 | 구독자 25,000+

💻 짐코딩 클럽 | gymcoding.co

🔗 GitHub: https://github.com/gymcoding

🧑‍💻 인스타그램 @gymcoding

📨 이메일 bruce.lean17@gmail.com

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ả

27 đánh giá

5.0

27 đánh giá

  • sanggusseu2599님의 프로필 이미지
    sanggusseu2599

    Đánh giá 7

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    コリンですが、講義で壁が感じられます。 Wan.Wall 受講前に完成したサイトを見て、これをどのように作りたいと思いました。しかし、頑強な今はどんなサイトでも作れるという自信ができました。 (もちろん時間は少しかかりますが!) なぜなら、講義で大きな問題を小さな問題に分けて一つずつ解決する方法を教えてくれるからです。このような過程で自信がますます大きくなっていき、今はどんなサイトでも作れると思います。講師の体系的な説明と実習を通じて、複雑な問題もじっくり解決していくことができることを学びました。 もともとレビュー長くうまくいかないのに受講評があまりなくて悩んでいる方がいるようで、すっかり長く残してみました。 もう夏だから蚊も多いけど、講義を聞きながら感動の拍手をして蚊を捕まえる準備をしましょう

    • gymcoding
      Giảng viên

      うわー! 👏👏👏👏👏 受講評を読みながら私も知らずに口が耳にかかりましたね😁 その講義では、小さくはポートフォリオというサイトを作ることだが、 大きくは、これから始める方々に大きな問題を小さく分けて一つずつ解決していく方法とこれを解決し、"自分でできる力"を乗せてあげることが目的がありました。 知っておきましょう。 ありがとうございます。言語化法も優れていてどんなポジションでも上手くいくんです。おやすみなさい👍

  • 12345678님의 프로필 이미지
    12345678

    Đánh giá 43

    Đánh giá trung bình 4.0

    5

    33% đã tham gia

    • gymcoding
      Giảng viên

      ありがとうございます!👍

  • mactoy1116님의 프로필 이미지
    mactoy1116

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    31% đã tham gia

    • gymcoding
      Giảng viên

      ありがとうございます~!👍

  • tkaqkr1231706님의 프로필 이미지
    tkaqkr1231706

    Đánh giá 14

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    プロジェクト進行中に画面配置で難しさを感じていた時、まさに求めていた講座で、求めていた内容を素早く学習することができました! 講座内容も充実していて、とても助かりました! 今後も良い講座をたくさんお願いいたします。 ありがとうございました。

    • gymcoding
      Giảng viên

      こんにちは!貴重なレビュー、本当にありがとうございます~!🎉 プロジェクト進行中に画面配置で苦労されていたとのこと、弊社の講義がまさに望んでいた内容だったとのこと、本当に良かったです! 素早く学習できるよう構成した甲斐がありました。これでポートフォリオサイトまで完成されたとのこと、実力も一段とアップグレードされたことでしょう!💻 今後も実務に役立つ良い講義を提供してまいります。最後までご受講いただき、心より感謝申し上げます!🚀 ありがとうございます!

  • jeong46966001님의 프로필 이미지
    jeong46966001

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    50% đã tham gia

    急ぎでホームページを作る必要があったので購入しました。 順番通りに作れば良いので便利です。 グッド!!!!!!!

    • gymcoding
      Giảng viên

      こんにちは!貴重なレビューをいただき、本当にありがとうございます。😊 急ぎでホームページを作成される状況で、当講座がお役に立てたようで何よりです! もし進める上で追加のご質問や難しい部分がありましたら、いつでもご質問ください。 今後もより良い講座でお返しできるよう努めます。 ありがとうございます!👍

1.851.685 ₫

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!