강의

멘토링

로드맵

BEST
Programming

/

Devops & Infra

Phát triển và triển khai dự án React + API Server (CI/CD)

Tạo môi trường phát triển React, đồng nghĩa với SPA và tự động tạo tài liệu API thông qua Máy chủ API và Swagger dựa trên Node.js. Bạn có thể hiểu sự khác biệt giữa môi trường phát triển cục bộ và máy chủ phát triển và sử dụng AWS một cách dễ dàng.

(4.6) 45 đánh giá

622 học viên

  • kenuheo
3시간 만에 완강할 수 있는 강의 ⏰
CI/CD
SPA

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

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

  • Môi trường phát triển React và cấu hình máy chủ

  • Tạo môi trường phát triển React dựa trên Vite

  • Máy chủ API dựa trên Node.js

  • Tự động hóa tài liệu API với Swagger

  • Sự khác biệt giữa môi trường phát triển cục bộ và máy chủ phát triển

  • Vấn đề CORS đã được giải quyết

  • Kiến thức cơ bản về xây dựng máy chủ AWS EC2

  • Cách sử dụng cơ bản của Nginx (máy chủ web)

  • Kết nối Nginx và Node.js

  • Cấp chứng chỉ HTTPS miễn phí

  • Tự động hóa CI/CD bằng GitHub Actions

Từ việc thiết lập môi trường phát triển cục bộ cho các dự án SPA
Hãy tự mình thử thách việc tự động triển khai máy chủ! ✌

📢 Vui lòng kiểm tra trước khi tham gia lớp học!

  • Bài giảng này không giải thích ngữ pháp của React và Node.js, nhưng sẽ đề cập đến cách thiết lập môi trường phát triển và triển khai.
  • Tài liệu bài giảng có thể được tải xuống từ lớp Phần 1 - Cấu hình Môi trường phát triển SPA (1).

Dự án React SPA,
Triển khai máy chủ + tự động hóa 💡

Bạn đã phát triển môi trường front-end và máy chủ API nhưng chưa biết cách triển khai? Bạn có muốn tìm hiểu về quy trình thiết lập môi trường phát triển và triển khai CI/CD không?

Trong khóa học này, bạn sẽ được trải nghiệm trực tiếp quy trình thiết lập môi trường phát triển cục bộ cho một dự án React và tự động hóa việc triển khai máy chủ. Chúng tôi sẽ đề cập đến môi trường phát triển cho ứng dụng một trang (SPA) bằng React , một sự thay đổi so với các phương pháp phát triển web truyền thống, đồng thời giới thiệu cách triển khai và vận hành ứng dụng này trên máy chủ . Chúng tôi cũng sẽ đề cập đến việc tự động hóa tài liệu API bằng Swagger, giúp bạn hiểu được sự khác biệt giữa môi trường phát triển cục bộ và môi trường máy chủ đã triển khai.

Mặc dù video này được tạo cho Windows, hầu hết các bước đều có thể được thực hiện trên Mac và Linux. Hãy xem video để tìm hiểu cách thiết lập, triển khai và tự động hóa môi trường phát triển của bạn.


Được đề xuất cho những người này 🎁

  • ✅ Những người thích phát triển theo hướng dịch vụ hơn là phát triển theo hướng ngữ pháp
  • ✅ Dành cho những ai chưa biết cách tải code lên server
  • ✅ Dành cho những ai muốn biết nó khác với web cổ điển như thế nào
  • ✅ Nếu bạn mới sử dụng AWS hoặc muốn tìm hiểu cách cấu hình máy chủ HTTPS

📌 Tổng hợp các kỹ năng được sử dụng trong bài giảng

Mã VS

Node.js

Git

GitHub

Hành động GitHub

AWS EC2

AWS Route53

Nginx + HTTPS
(Chứng chỉ SSL)


Xem trước nội dung học tập 📚

01. Chuẩn bị

Giới thiệu về các nền tảng phát triển thiết yếu, các công cụ phát triển và cách đăng ký tài khoản liên quan.

02. Cấu hình môi trường phát triển SPA

Thiết lập môi trường dự án cơ bản cho công việc front-end và back-end trên máy tính cục bộ

03. Quy trình phân phối

Giới thiệu về quy trình và phương pháp triển khai tới máy chủ để phục vụ

04. Đăng ký tên miền và thiết lập HTTPS

Cách kết nối tên miền và máy chủ và thiết lập kết nối HTTPS

05. Tự động hóa phân phối

Mô tả các tác vụ được triển khai tự động tới máy chủ phát triển khi mã thay đổi

06. Cài đặt CORS

Các vấn đề về CORS và xây dựng cấu hình biến môi trường trong môi trường phát triển cục bộ


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

Kenu (Heo Gwang-nam)

Tôi thường phát sóng chương trình trên YouTube .

  • OKJSP ra mắt vào tháng 12 năm 2000 → Hiện đang hoạt động với tên gọi okky.kr
    • Một cộng đồng nhà phát triển trong nước hàng đầu với 50.000 lượt truy cập mỗi ngày
  • Chương trình phát sóng hiện tại của okdevtv.com BJ
  • Cựu giám đốc công nghệ của Pet Friends (18-19)
  • Cựu giám đốc công nghệ của Hello Nature (17-18)
  • Cựu thành viên CoE của Đội đầu tư mạo hiểm GS SHOP, '15~'17
  • Cựu chuyên gia truyền bá Khung tiêu chuẩn Chính phủ điện tử '12~'16

Rất vui được gặp bạn, tôi là Kenu!

Sau khi tạo xong "Hello World", bạn đã sẵn sàng để phát triển! Không chỉ đơn thuần là có chút kinh nghiệm viết mã, bạn sẽ tự tin tải mã lên máy chủ và bảo trì để mọi người có thể sử dụng các ứng dụng bạn đã tạo.


Hãy xem phần Hỏi & Đáp! 💬

H. Đây có phải là khóa học mà sinh viên không chuyên ngành cũng có thể tham gia không?

Vâng, ngay cả những người không chuyên cũng có thể dễ dàng theo dõi. Chúng tôi sẽ cung cấp giải thích chi tiết, bắt đầu bằng việc cài đặt các chương trình liên quan!
(Bạn phải biết JavaScript như một điều kiện tiên quyết!)

H. Nội dung bài học được trình bày ở mức độ nào?

Tài liệu này không đề cập đến ngữ pháp của React và Node.js, nhưng giải thích cách thiết lập môi trường phát triển, triển khai và tự động hóa nó.

H. Các bài giảng có được cập nhật khi phiên bản công nghệ được sử dụng trong bài giảng được nâng cấp không?

Nếu việc nâng cấp phiên bản chính trở nên quá quan trọng đến mức cản trở tiến độ của khóa học, việc cập nhật nội dung khóa học sẽ là cần thiết. Do đó, các bản cập nhật được lên kế hoạch cho đến năm 2025.

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

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

  • Một người tham gia startup với vai trò là lập trình viên nhưng không thành công

  • Nếu bạn chưa quen với môi trường phát triển SPA và triển khai máy chủ

  • Nếu bạn chưa quen với AWS

  • Bất cứ ai muốn tìm hiểu cấu hình máy chủ HTTPS

  • CI/CD Người mới bắt đầu

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

  • JavaScript

Xin chào
Đây là

758

Học viên

50

Đánh giá

43

Trả lời

4.6

Xếp hạng

3

Các khóa học

https://okky.kr 창립자이며, https://github.com/kenu/okdevtv 에서 배운 것을 공유하고 있습니다.

https://mp4.okdevtv.com 에 개발관련 채널의 최신 영상을 모으고 있습니다.

KenuHeo 유튜브에서 프로그래밍 방송을 500회 이상 진행하고 있습니다.

 

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

Tất cả

8 bài giảng ∙ (1giờ 48phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

45 đánh giá

4.6

45 đánh giá

  • meltep00님의 프로필 이미지
    meltep00

    Đánh giá 9

    Đánh giá trung bình 4.4

    5

    100% đã tham gia

    Mặc dù nó được đề cập trong bài giảng nhưng nó không phải là bài giảng đề cập đến React hay Node.js. Bài giảng này tập trung vào quá trình phân phối, đăng ký tên miền và thiết lập CI/CD. Đối với các nhà phát triển cấp dưới, rất dễ bỏ qua các yếu tố như CI/CD so với quá trình phát triển, nhưng CI/CD là một quá trình thiết yếu cho sự phát triển liên tục của chương trình. Thông qua bài giảng này, tôi có thể dễ dàng tìm hiểu cách hoạt động thực sự của CI/CD. Tôi rất thích bài giảng hay :)

    • kenuheo
      Giảng viên

      Cảm ơn bạn đã đánh giá tốt. hãy hạnh phúc. 😊

  • ew2io3ogji23님의 프로필 이미지
    ew2io3ogji23

    Đánh giá 4

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Tôi mới bắt đầu lập trình và có thể phát triển cục bộ và tạo một dự án đơn giản, nhưng việc thiết lập môi trường phát triển và phân phối CI/CD còn lạ và khó hiểu nên rất khó tiếp cận. Đặc biệt, rất khó để hiểu phải làm gì trên máy chủ, nhưng họ đã giải thích mọi thứ từ hướng dẫn trang cài đặt đến cài đặt môi trường và bao quát toàn bộ quá trình tạo - cài đặt - giải quyết lỗi đơn giản - triển khai, vì vậy tôi đã có thể chạy chu trình. Điều khó khăn nhất khi học là bạn không có kinh nghiệm và không có lựa chọn nào khác ngoài việc chuyển sang hiểu trừu tượng, nhưng sau khi trải qua một vòng như thế này và nhìn lại tài liệu bài giảng, dựa trên kinh nghiệm, bạn có thể nói, "À, việc đó tôi đã làm trước đó!" Tôi cảm thấy như mình đạt được nhiều hơn khi làm việc đó. Thay vì những người muốn nhận được lời giải thích chi tiết hoặc một dự án (React, v.v.) được sử dụng từ khi thiết lập môi trường phát triển đến triển khai, chúng tôi đang giải quyết các câu hỏi về 'Làm thế quái nào bạn tạo một dự án, thiết lập nó , triển khai và tự động hóa nó?' Tôi nghĩ sẽ rất tuyệt nếu những người không thể làm được điều đó nghe được. Tôi chưa có kinh nghiệm làm việc trong lĩnh vực này nên chưa biết mình có thể vận dụng kiến ​​thức thu được qua bài giảng đến mức nào nhưng tôi tin chắc rằng mình sẽ nhớ lại được những kinh nghiệm đã học được qua bài giảng và đặt nền móng cho mình. để học hỏi khi thực hiện các dự án hoặc trong lĩnh vực này sau này. Tôi hy vọng bài giảng này sẽ được biết đến rộng rãi với những người mới bắt đầu như tôi! Cảm ơn bạn vì bài giảng tuyệt vời.

    • kenuheo
      Giảng viên

      Cảm ơn bạn đã xem xét của bạn. Tôi rất vui vì nó đã giúp ích. Xây dựng môi trường phát triển + phân phối là cơ bản. Việc tạo ra dịch vụ mong muốn ở đây đòi hỏi nhiều nỗ lực hơn. Tôi hy vọng bạn cung cấp dịch vụ tốt. Chúc mừng!

  • yeslee님의 프로필 이미지
    yeslee

    Đánh giá 3

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Đó là một bài giảng hữu ích vì nó cho phép tôi tập hợp tất cả các khái niệm rải rác liên quan đến phân phối vào một nơi. Sau khi hoàn thành khóa học, tôi cảm thấy mình cần phải học tập chuyên sâu hơn.

    • mike2ox님의 프로필 이미지
      mike2ox

      Đánh giá 1

      Đánh giá trung bình 5.0

      5

      75% đã tham gia

      dành cho sinh viên quan tâm đến việc thanh toán - Lần nào tôi cũng chỉ vận hành cục bộ và chưa xây dựng môi trường phát triển ban đầu có tính đến CI/CD, nhưng qua bài giảng này, tuy đơn giản nhưng thật tốt khi biết toàn bộ quá trình nên tiến hành như thế nào. - Vì vậy, bạn nên nhớ rằng mã viết để thiết lập môi trường và mô tả về các gói/framework được cài đặt đã bị bỏ qua. - Có lẽ nhiều người mới bắt đầu tham gia khóa học đã nghĩ rằng “CI/CD ngày nay rất cần thiết nên mình nên học nó thôi,” mặc dù đây là lần đầu tiên họ phát triển web. Đối với những bạn đã học bài này, sau này sẽ có lúc cần tùy chỉnh CI/CD cho phù hợp với dự án của mình, lúc đó hãy tham khảo ý nghĩa các mã đi kèm trong bài giảng và nghiên cứu cơ bản. khuôn khổ đã học trong bài giảng này để hiểu đúng về CI/CD. Tôi không nghĩ mình có thể làm được. Phần kết luận - Được khuyến nghị cho các nhà phát triển muốn nghe khung CI/CD - Khi bạn cần tùy chỉnh chuyên sâu, dự kiến ​​sẽ rất hữu ích trong việc nâng cao kỹ năng của bạn nếu bạn học thêm những phần cần thiết bằng cách phân tích mã của khóa học này. - Cảm ơn bạn đã tổ chức một bài giảng tuyệt vời!

      • kenuheo
        Giảng viên

        Cảm ơn bạn đã xem xét của bạn. Như bạn đã nói, có nhiều tính năng tốt hơn nên tôi mong bạn tận dụng chúng. Hãy là một lập trình viên hạnh phúc.

    • saokm50392님의 프로필 이미지
      saokm50392

      Đánh giá 4

      Đánh giá trung bình 4.5

      5

      100% đã tham gia

      Cảm ơn bạn vì bài giảng tuyệt vời! Rất hữu ích khi tìm hiểu chi tiết không chỉ về tự động hóa triển khai mà còn cả cách sử dụng các công cụ cơ bản. Vì mới dùng PHP nên chưa tách được túi trước đúng cách, nhưng sau khi xem bài giảng hay, lần đầu tiên tôi thử tách nó ra và thậm chí còn tự mình triển khai. Ngoài ra, tôi còn có cơ hội học cách sử dụng GitHub, điều này rất hữu ích. Cảm ơn

      • kenuheo
        Giảng viên

        Cảm ơn bạn đã đánh giá tốt. SPA còn một giao diện người dùng nữa cần xử lý nên chúng tôi tập trung vào đó. Hãy là một lập trình viên hạnh phúc.

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

    1.225.662 ₫

    24%

    1.614.287 ₫

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

    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!