강의

멘토링

로드맵

Inflearn brand logo image
BEST
Programming

/

Web Development

Tạo website công ty của riêng bạn với React, Node.js, MongoDB: Hướng dẫn hoàn hảo

Đây là khóa học thực hành nơi bạn có thể học quy trình tự tay xây dựng website công ty sử dụng React, Node.js, MongoDB. Với kiến thức cơ bản về React, Node.js, hãy cùng nhau xây dựng một dự án full-stack!

(5.0) 19 đánh giá

229 học viên

  • dakgangjung123
프로젝트
React
Node.js
MongoDB
HTML/CSS
JavaScript

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

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

  • Thiết kế, triển khai UI hiện đại bằng React & Tailwind CSS

  • Xây dựng máy chủ backend bằng Node.js và Express

  • Thiết kế và quản lý cơ sở dữ liệu bằng MongoDB và Express Router

  • Hiểu về truyền thông dữ liệu giữa Frontend và Backend

  • Hoàn thành dự án mức website công ty

2025-03-23 Cập nhật

Website công ty của riêng tôi cuối cùng đã được triển khai trên tên miền chính thức! 🎉
https://my-company.site
Hãy truy cập trực tiếp và trải nghiệm trước khi mua khóa học.


🔐 Hướng dẫn truy cập trang quản trị
https://my-company.site/admin
ID: admin / Mật khẩu: test123

  • AWS S3 và trình soạn thảo TinyMCE hiện đang bị vô hiệu hóa do vấn đề chi phí.

  • Chỉ cần xem nhẹ nhàng để kiểm tra cấu trúc chức năng thôi, cảm ơn bạn :)

Website của công ty ảnh hưởng đến ấn tượng đầu tiên với khách hàng như thế nào?

Câu trả lời nằm ở stack công nghệ mạnh mẽ sử dụng React, Node.js, MongoDB, HTML/CSS, JavaScript. Nhiều người dùng đang trải nghiệm Interaction thông qua UI trendy và quản lý dữ liệu hiệu quả của các website doanh nghiệp.

Trong khóa học này, chúng ta sẽ thiết kế frontend bằng React và backend bằng Node.js cùng MongoDB để hoàn thành một dự án ở mức độ website công ty thực tế. Khóa học sẽ đi sâu vào các kỹ thuật cốt lõi được yêu cầu trong thực tế như quản lý state hiệu quả, tích hợp RESTful API, thiết kế cơ sở dữ liệu.

Không chỉ là hướng dẫn đơn thuần để làm theo, mà thông qua việc học tập có hệ thống để tạo ra website ở mức độ Production Ready và rèn luyện cảm giác của một developer thực chiến!

Đặc điểm của khóa học này

[[SPAN_1]]📌[[/SPAN_2]]Chúng tôi tiết lộ bí quyết tạo ra website quyết định ấn tượng đầu tiên của công ty. Truyền đạt phương pháp phát triển hiệu quả và thực tế có được thông qua kinh nghiệm dự án trong 3 năm.

📌Từ frontend đến backend cung cấp các kỹ thuật và insight cần thiết trong thực tế như thiết kế schema, quản lý state, tối ưu hóa database.

📌Lý thuyết 20%, thực hành 80%. Viết và kiểm tra trực tiếp tất cả mã nguồn, tạo ra những trang web hoàn chỉnh và hoạt động thực tế với độ hoàn thiện cao.

📌Khóa học dành cho những ai muốn bước từ trình độ trung cấp lên cao cấp. Bất kỳ ai có kiến thức cơ bản về HTML, CSS, JavaScript và hiểu biết đơn giản về React & Node.js đều có thể theo học được.

Tạo website công ty riêng với React, Node.js, MongoDB: Hướng dẫn hoàn hảo - Video giới thiệu

Bạn sẽ học những nội dung như thế này.

Thiết kế và triển khai UI với React, Tailwind CSS
Sử dụng các component để thiết kế UI hiện đại có thể tái sử dụng và triển khai website responsive với quản lý state hiệu quả.

Xây dựng backend với Node.js và Express
Thiết kế RESTful API và học các kỹ thuật backend để giao tiếp dữ liệu ổn định giữa client và server.

Quản lý dữ liệu với MongoDB
Thiết kế cấu trúc dữ liệu bằng schema và model của MongoDB, triển khai RESTful API linh hoạt với Express Router để tạo ra ứng dụng web tập trung vào dữ liệu thời gian thực.

Dự án thực tế: Xây dựng website công ty
Tích hợp React, Node.js, MongoDB để hoàn thành website Production Ready!

Nền tảng cộng đồng bình chọn được xây dựng bằng React & FastAPI: Từ phát triển đến kiếm tiền với hệ thống thanh toán!

Từ các tính năng xã hội cốt lõi như bình chọn thời gian thực, bình luận, thích cho đến hệ thống thanh toán thông qua tích hợp KakaoPay·TossPay!
Hãy học cách xây dựng nền tảng cộng đồng và chiến lược kiếm tiền một cách toàn diện thông qua thực hành từng bước.

[Phát triển GUI JavaScript #1] Ứng dụng hẹn giờ được tạo bằng Electron + React (+ Zustand)

Thực hành với React, Electron, Zustand và trải nghiệm từ tạo ứng dụng timer desktop đến triển khai trên Windows·Mac·Linux.
Học quản lý trạng thái toàn cục với Zustand và quy trình triển khai GUI, có thể học toàn bộ quy trình phát triển ứng dụng desktop một lần.

Nếu tôi đã lên tàu Titanic?! Tạo dịch vụ web AI dự đoán xác suất sống sót với PyTorch & Next.js

"Nếu tôi đã lên tàu Titanic thì liệu có thể sống sót không?" - chúng ta sẽ giải quyết câu hỏi thú vị này bằng dữ liệu thực tế.
Tạo mô hình AI với PyTorch, xây dựng server backend với FastAPI, triển khai giao diện web với Next.js, và hoàn thiện dự án fullstack bao trùm cả AI và phát triển web.

Những lưu ý trước khi học

Môi trường thực hành

  • Khóa học được thiết kế để có thể thực hành trên môi trường WindowsmacOS. Người dùng Linux cũng có thể theo dõi khóa học.

  • Trong khóa học này, chúng ta sử dụng Visual Studio Code (VS Code) làm trình soạn thảo mã cơ bản, có thể cài đặt và sử dụng miễn phí.

  • Cần có phiên bản mới nhất của Node.jsMongoDB. Phương pháp cài đặt sẽ được hướng dẫn chi tiết trong bài giảng.


Tài liệu cung cấp: Source code, tài liệu bài giảng PDF, file dự án mẫu

  • Tài liệu học tập được cung cấp cùng với bài gi강 thông qua GitHub Repository, bạn có thể dễ dàng tải xuống và thực hành.

  • Bạn có thể thực hành code một cách dễ dàng cùng với basic code được tải lên từ Notion.

Kiến thức tiên quyết và lưu ý

  • Nếu bạn đã biết những kiến thức cơ bản về HTML, CSS, JavaScript, React, Node.js thì sẽ có thể học khóa học này một cách dễ dàng hơn.

  • Tailwind CSS, MongoDB được giải thích từ cơ bản một cách từng bước để những người mới sử dụng lần đầu cũng có thể theo kịp một cách đầy đủ.

  • Có kinh nghiệm sử dụng Git cơ bản sẽ giúp việc thực hành trở nên thuận tiện hơn.

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

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

  • Những ai muốn thử sức với phát triển web full-stack bằng React, Node.js, MongoDB

  • Những người muốn hoàn thành dự án ở mức độ website công ty

  • Người mới học web, muốn học bài bản

  • Ứng viên và người đi làm muốn thêm dự án vào portfolio

  • Ai muốn vững nền tảng, học kỹ năng phát triển thực tế.

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

  • React

  • Node.js

  • HTML

  • CSS

  • JavaScript

Xin chào
Đây là

460

Học viên

25

Đánh giá

46

Trả lời

5.0

Xếp hạng

6

Các khóa học

안녕하세요! 서강대학교 컴공과를 졸업하고 현재 대학원 진학을 준비 중인 학생입니다.

고등학교 때 우연히 풀스택 웹 개발과 파이썬을 활용한 자동 매매를 시작하면서 프로그래밍에 빠지게 되었습니다.

그 후 다양한 프로젝트와 프로그래밍 과외활동을 경험하며 실력과 노하우를 공유했습니다. 이러한 경험을 통해 프로그래밍을 처음 접하는 분들에게도 "이렇게 쉬울 수 있구나!"라는 느낌을 줄 수 있는 강의를 만들고자 노력하고 있습니다.

 

실용적인 예제와 친근한 설명으로 여러분의 학습을 돕고 싶습니다. 감사합니다.

 

GitHub 저장소 바로가기 (클릭!)

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

Tất cả

76 bài giảng ∙ (15giờ 13phú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ả

19 đánh giá

5.0

19 đánh giá

  • JIWOO KIM님의 프로필 이미지
    JIWOO KIM

    Đánh giá 8

    Đánh giá trung bình 5.0

    5

    30% đã tham gia

    • 닭강정
      Giảng viên

      안녕하세요. JIWOO KIM님. 소중한 별점 남겨주셔서 감사합니다. 덕분에 다음 강의를 준비하는 데 큰 힘이 됩니다. 앞으로도 학습에 많은 도움이 되길 바랍니다!

  • JMK님의 프로필 이미지
    JMK

    Đánh giá 8

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    덕분에 MERN 스택 전체를 맛 볼 수 있었습니다!

    • 닭강정
      Giảng viên

      안녕하세요. JMK 수강생님. 소중한 후기 감사합니다! MERN 스택 전체를 한 번에 경험해보셨다니 정말 기쁘네요. 앞으로도 학습에 도움이 되길 바랍니다! 감사합니다.

  • 김진우님의 프로필 이미지
    김진우

    Đánh giá 2

    Đánh giá trung bình 5.0

    5

    61% đã tham gia

    어느정도 지식이 있는 상태에서 보면 도움되는 강의. 빠르게 진행되지만 기초지식(node의 미들웨어나 json의 데이터를 옮기는 구조 등)이 조금 있다면 프로세스를 알기 쉬운 강의라고 생각됩니다. 저는 모르는부분은 열심히 찾아보면서 하고 있는데 도움이 됩니다. 감사합니다!

    • 닭강정
      Giảng viên

      안녕하세요. 김진우 수강생님. 좋은 피드백 남겨주셔서 감사합니다! 이미 기초 지식이 있으신 분들에게 도움이 되었다니 기쁩니다. 앞으로도 더 좋은 강의로 찾아 뵙도록 하겠습니다. 응원합니다!

  • 윈터님의 프로필 이미지
    윈터

    Đánh giá 2

    Đánh giá trung bình 5.0

    5

    38% đã tham gia

    자세하게 알려주셔서 너무 좋아요 :) 좋은 강의 감사합니다!

    • 닭강정
      Giảng viên

      별 5개와 소중한 후기, 정말 감사합니다! 저희 회사 웹사이트 강의를 들어주셔서 감사드리고, 다음 강의에서도 또 뵙길 기대하겠습니다!

  • 김진규님의 프로필 이미지
    김진규

    Đánh giá 3

    Đánh giá trung bình 4.7

    5

    30% đã tham gia

    • 닭강정
      Giảng viên

      소중한 리뷰와 별점 5점을 남겨주셔서 진심으로 감사합니다. 저희 회사 웹사이트 강의 과정을 함께해 주신 덕분에 큰 힘이 되었습니다. 앞으로도 더욱 알찬 강의로 보답드리겠습니다.

926.720 ₫

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

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!