강의

멘토링

커뮤니티

Programming

/

Front-end

Phát triển blog công nghệ với Gatsby v2 dựa trên React

Khóa học này nói về việc phát triển blog công nghệ của riêng bạn bằng Gatsby v5.

(5.0) 5 đánh giá

59 học viên

  • ji5485
텍스트 강의
블로그
Gatsby
React
Blog
TypeScript

Đá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.

  • Cách sử dụng khung Gatsby

  • Phát triển front-end bằng React

  • tối ưu hóa công cụ tìm kiếm

  • Tự động phân phối blog

  • Quản lý bài đăng trên blog bằng CMS (Hệ thống quản lý nội dung)

Như nhiều người đã đến thăm,

Chúng tôi trở lại với nhiều nội dung hơn !



Tôi rất biết ơn vì nhiều bạn đã để lại những đánh giá tích cực cho khóa học trước đây của tôi , "Phát triển blog kỹ thuật với Gatsby dựa trên React".

Tuy nhiên, theo thời gian, nội dung bài giảng trở nên lỗi thời, sinh viên khó tiến bộ và cảm thấy nội dung còn thiếu sót vì chỉ có chức năng hiển thị văn bản.

Suy ngẫm về những điểm này, bài giảng này sẽ trở lại với phiên bản mới nhất được bổ sung thêm nhiều thông tin hơn.

Chúng tôi đã chuẩn bị một bài giảng hoàn chỉnh hơn bằng cách phản ánh những ý kiến quý báu của bạn, vì vậy hãy cho chúng tôi biết sự quan tâm của bạn.

Có gì mới trong bài giảng này


📌 Chúng tôi đã giới thiệu Contentful , một hệ thống quản lý nội dung giúp quản lý bài đăng dễ dàng hơn .

📌 Sử dụng tính năng Collection Routes của Gatsby để hiển thị trang bài đăng dễ dàng hơn .

📌 Chủ động sử dụng Gatsby Head API / Server Side Rendering API / Browser API .

📌 Đã thêm nhiều thành phần khác nhau như bố cục Masonry/mục lục, v.v.

📌 Đã thêm Google Analytics để phân tích và cải thiện hiệu suất blog trong tương lai.

💡 Lợi thế có thể trực tiếp trải nghiệm toàn bộ quá trình từ phát triển, phân phối và SEO vẫn được duy trì.

  • Chúng tôi đã bổ sung nhiều tính năng khác nhau để giúp bạn quản lý blog dễ dàng hơn sau khi triển khai.

  • Chúng tôi đã đơn giản hóa cơ sở mã để giúp bạn mở rộng chức năng của blog dễ dàng hơn.

Phát triển blog độc đáo của riêng bạn !


Bạn có muốn có một blog công nghệ độc đáo của riêng mình không?

Tuy nhiên, khi phát triển một blog kỹ thuật, có rất nhiều mối quan tâm và khó khăn , bắt đầu từ việc lựa chọn ngăn xếp phát triển, cách phát triển và triển khai, cũng như cách tối ưu hóa cho công cụ tìm kiếm.

Điều này có thể đặc biệt khó khăn đối với những người không quen với front-end hoặc chưa trải nghiệm quy trình phát triển từ đầu đến cuối.

Đối với những cá nhân này, khóa học này sẽ hướng dẫn bạn một cách có hệ thống trong toàn bộ quá trình để bạn có thể phát triển blog độc đáo của riêng mình một cách dễ dàng và thuận tiện hơn.

Đây là blog chúng ta sẽ tạo.

Trang chính (màn hình máy tính)

Trang bài viết (Màn hình máy tính)

Màn hình máy tính bảng và điện thoại di động tương tự như màn hình máy tính để bàn nên không được bao gồm.

Nội dung bài giảng như sau.

Phần 0 - Làm quen với Gatsby và thiết lập môi trường phát triển của bạn
Hãy cùng tìm hiểu về framework Gatsby và thiết lập môi trường phát triển blog.

Phần 1 - Truy vấn dữ liệu với GraphQL
Hãy cùng xem cách chúng ta có thể lấy dữ liệu bài đăng trên blog bằng GraphQL.

Phần 2 - Phát triển cấu trúc và bố cục dự án
Hãy thiết kế cấu trúc dự án và tạo bố cục chung cho tất cả các trang.

Phần 3 - Phát triển Trang chính để Hiển thị Danh sách Bài viết
Chúng ta hãy phát triển một trang chính để hiển thị danh sách các bài đăng.

Phần 4 - Triển khai Trang bài viết
Hãy tạo một trang nơi nội dung blog thực tế sẽ được hiển thị.

Phần 5 - Triển khai Trang lỗi 404
Hãy thêm trang 404, một yếu tố rất quan trọng nhưng dễ bị bỏ qua.

Phần 6 - Tối ưu hóa công cụ tìm kiếm
Hãy cùng thực hiện SEO (tối ưu hóa công cụ tìm kiếm) để blog của tôi xuất hiện ở đầu kết quả tìm kiếm.

Phần 7 - Tự động triển khai, cấu hình Google Analytics và đăng ký với Google Search Console
Hãy tự động hóa quy trình triển khai để những thay đổi được tự động phản ánh khi bạn sửa đổi mã nguồn hoặc bài đăng.
Hãy kết nối Analytics để quản lý blog của bạn và đăng ký blog với Webmaster Tools.

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


H. Tôi có thể tham gia buổi thuyết trình miễn phí được không?

Phát triển blog công nghệ với React-Based Gatsby

Mặc dù đây là khóa học miễn phí nhưng nó sử dụng phiên bản cũ hơn là Gatsby v3.
Vì API tương đối khó sử dụng nên mức độ khó có thể cao hơn dự kiến và có thể xảy ra nhiều lỗi trong quá trình này.

H. Người chơi có cần biết gì không?

TypeScript và React

Nội dung HTML và CSS cơ bản


H. Bạn không cung cấp video riêng sao?

Xin lưu ý rằng bài giảng này, giống như các bài giảng trước, đều ở dạng văn bản và không cung cấp video riêng!

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

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

  • Bất cứ ai muốn phát triển blog công nghệ của riêng mình

  • Những người muốn trải nghiệm toàn bộ quá trình từ phát triển đến phân phối và SEO

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

  • Bản đánh máy

  • Phản ứng

Xin chào
Đây là

3,043

Học viên

120

Đánh giá

94

Trả lời

4.9

Xếp hạng

2

Các khóa học

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

Tất cả

33 bài giảng

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

Đánh giá

Tất cả

5 đánh giá

5.0

5 đánh giá

  • ffff님의 프로필 이미지
    ffff

    Đánh giá 2

    Đánh giá trung bình 5.0

    5

    97% đã tham gia

    Tôi đã vận hành blog GitHub bằng Gatsby nhưng tôi muốn tự mình tạo nó!! Tôi nghĩ rằng tôi đang học được rất nhiều nhờ bài giảng này!! Ngoài ra, sẽ rất tốt nếu có nội dung về chức năng tìm kiếm trong blog và vị trí quảng cáo của Google!!

    • gunny6026님의 프로필 이미지
      gunny6026

      Đánh giá 21

      Đánh giá trung bình 5.0

      5

      30% đã tham gia

      Tôi đã tạo một blog sau khi nghe bài giảng trước đó và tôi đã lấy nó ngay để cập nhật!

      • dnfkwld125995님의 프로필 이미지
        dnfkwld125995

        Đánh giá 1

        Đánh giá trung bình 5.0

        5

        24% đã tham gia

        Tôi nghĩ việc học sẽ nhanh hơn nhiều nếu bạn chỉ định tên thành phần ở đầu hộp logic.

        • ji5485
          Giảng viên

          Xin chào, Jang Ki Cheol! Trước hết mình xin cảm ơn bạn đã tham gia khóa học :) Tên tệp và vị trí được chỉ định ở đầu mỗi vùng mã. Điều này có thể khác không?

      • iqeq1226님의 프로필 이미지
        iqeq1226

        Đánh giá 4

        Đánh giá trung bình 5.0

        5

        15% đã tham gia

        Nếu bạn muốn nhanh chóng đăng ký và học Getby, tôi khuyên bạn nên tham gia khóa học này!

        • jdy8739님의 프로필 이미지
          jdy8739

          Đánh giá 17

          Đánh giá trung bình 4.9

          Đã chỉnh sửa

          5

          100% đã tham gia

          Đây là một bài giảng bằng văn bản nhưng rất rõ ràng. Nhờ đó, tôi đã tạo một blog bằng Gatsby một cách dễ dàng và nhanh chóng. Tuy nhiên, bài giảng có đề cập đến styled-components, và vì thư viện này đã lỗi thời, người học cần có năng lực và ý chí để thay đổi sang một công cụ tạo kiểu khác trong khi xem bài giảng. (Tôi đã sử dụng vanilla-extract.)

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

          15.400 ₫

          30%

          476.993 ₫

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

          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!