강의

멘토링

커뮤니티

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 - biểu tượng của SPA, API Server dựa trên Node.js và tự động tạo tài liệu API thông qua Swagger. Hiểu được sự khác biệt giữa môi trường phát triển local và development server, có thể dễ dàng sử dụng AWS theo hướng dẫn. Tài liệu bài giảng: https://bit.ly/okreactapi

(4.6) 46 đánh giá

624 học viên

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

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

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

  • 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 thông qua 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

  • Giải quyết vấn đề CORS

  • Xây dựng cơ bản máy chủ AWS EC2

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

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

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

  • GitHub Actions를 이용한 CI/CD tự động hóa

Dự án SPA từ việc xây dựng môi trường phát triển local
đến tự động hóa triển khai server, hãy thử thách trực tiếp! ✌

📢 Vui lòng kiểm tra trước khi đăng ký khóa học!

  • Khóa học này không giải thích cú pháp của React và Node.js mà tập trung vào việc xây dựng môi trường phát triển và triển khai.
  • Tài liệu bài giảng có thể tải xuống từ bài học Phần 1 - Cấu hình môi trường phát triển SPA (1).

Dự án React SPA,
triển khai server + tự động hóa 💡

Bạn đã phát triển môi trường frontend và API server nhưng lại bối rối không biết phải triển khai như thế nào? Bạn có muốn làm quen với việc thiết lập môi trường phát triển xa lạ và quy trình CI/CD để triển khai không?

Trong khóa học này, bạn sẽ trực tiếp trải nghiệm quá trình xây dựng môi trường phát triển cục bộ cho dự án React và tự động hóa việc triển khai lên server. Khóa học sẽ đề cập đến môi trường phát triển ứng dụng đơn trang (SPA) sử dụng React - khác biệt so với phương thức phát triển web truyền thống, và giới thiệu về cách triển khai lên server để cung cấp dịch vụ. Ngoài ra, khóa học cũng đề 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 server triển khai.

Video được tạo dựa trên Windows, nhưng bạn có thể làm theo gần như hoàn toàn tương tự trên Mac và Linux. Hãy trực tiếp xem trong khóa học cách thiết lập môi trường phát triển, triển khai và tự động hóa được thực hiện như thế nào!


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

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

📌 Tổng hợp các kỹ năng được sử dụng trong khóa học

VSCode

Node.js

Git

GitHub

GitHub Actions

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 các nền tảng phát triển và công cụ phát triển cần thiết, cùng với việc đăng ký các tài khoản liên quan

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

Cấu hình môi trường dự án cơ bản cho frontend và backend để làm việc trên máy tính cục bộ

03. Quy trình triển khai

Giới thiệu quy trình và phương pháp triển khai lên server cho dịch vụ

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

Giới thiệu về cách kết nối domain với server và phương pháp thiết lập kết nối HTTPS

05. Tự động hóa triển khai

Khi mã nguồn thay đổi, công việc tự động triển khai lên máy chủ phát triển sẽ được mô tả

06. Cấu hình CORS

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


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

Kenu (허광남)

Thỉnh thoảng tôi làm chương trình phát sóng lập trình trên YouTube.

  • 2000.12 Bắt đầu OKJSP → Hiện tại đang vận hành với tên okky.kr
    • Cộng đồng phát triển chính của Hàn Quốc với 50,000 lượt truy cập mỗi ngày
  • Hiện tại là BJ phát sóng lập trình của okdevtv.com
  • Cựu CTO của PetFriends từ '18~'19
  • Cựu CTO của Hello Nature từ '17~'18
  • Trước đây '15~'17 GS SHOP đội đầu tư mạo hiểm CoE part
  • Cựu Evangelist của Khung tiêu chuẩn Chính phủ điện tử từ '12~'16

Xin chào, tôi là Kenu!

In ra Hello World thì việc chuẩn bị phát triển đã hoàn tất! Không chỉ dừng lại ở mức độ đã từng có kinh nghiệm viết code đơn thuần, mà còn có được sự tự tin có thể đưa code mình tạo ra lên server để phục vụ ứng dụng mà mình đã tạo cho mọi người sử dụng.


Hãy kiểm tra Q&A! 💬

Q. Người không chuyên ngành có thể nghe được bài giảng này không?

Vâng, những người không chuyên ngành cũng có thể học được. Chúng tôi sẽ giải thích chi tiết từ việc cài đặt các chương trình liên quan!
(Bạn cần có kiến thức tiên quyết về JavaScript!)

Q. Nội dung bài học được đề cập đến mức độ nào?

React và Node.js không đề cập đến cú pháp, mà giải thích về việc xây dựng môi trường phát triển, triển khai và tự động hóa.

Q. Khi phiên bản của các công nghệ được sử dụng trong khóa học được nâng cấp, liệu khóa học có được cập nhật không?

Khi phiên bản chính được nâng cấp đến mức khó có thể tiếp tục khóa học, việc cập nhật nội dung bài giảng là cần thiết. Do đó, tôi đang có kế hoạch cập nhật đến năm 2025.

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

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

  • Người vào làm với tư cách là developer startup nhưng không có mentor

  • Người mới bắt đầu với môi trường phát triển SPA và triển khai server

  • Những người mới sử dụng AWS lần đầu

  • Dành cho những ai muốn học cách cấu hình máy chủ HTTPS

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

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

  • JavaScript

Xin chào
Đây là

768

Học viên

52

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

46 đánh giá

4.6

46 đá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á 4

    Đá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 8 ngày ngày

    30.800 ₫

    30%

    924.174 ₫

    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!