Học Express.js một cách bài bản: Phần 1 Từ cơ bản đến nâng cao [Phần cơ bản]

Nhập môn Express.js mượt mà như dòng chảy, từ cơ bản đến thực chiến! Hành trình backend, tự tay xây dựng từ khái niệm cơ bản về server đến hoàn thành dự án CRUD, học hỏi một cách bài bản.

12 học viên đang tham gia khóa học này

nhcodingstudio

express.js

Node.js

routing

backend

REST API

Khóa học này dành cho Người học Cơ bản.

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

Hiểu các khái niệm cơ bản về cách một máy chủ web hoạt động
Tổng hợp kiến thức cơ bản về mạng như TCP, HTTP
Tự tạo web server thuần bằng Node.js
Thực hành hệ thống định tuyến của Express
Phục vụ các tệp tĩnh và tìm hiểu về middleware tĩnh
Thiết kế và cách sử dụng middleware tùy chỉnh
Xử lý Params URL, Query String
Thực hành cách xử lý dữ liệu biểu mẫu và JSON
Tạo trang web động bằng mẫu EJS
Hoàn thành dự án backend thực tế triển khai các chức năng CRUD
Các khái niệm cơ bản và nâng cao của Express: Tìm hiểu sâu sắc từ phương pháp cơ bản để xây dựng máy chủ web bằng Express đến các tính năng nâng cao.
Middleware và định tuyến: Tìm hiểu về khái niệm và cách sử dụng Middleware trong Express, phương pháp xử lý yêu cầu và phản hồi thông qua định tuyến.
Phát triển RESTful API: Tìm hiểu cách thiết kế và triển khai RESTful API bằng Express.
Cơ chế hoạt động bên trong của Express: Tìm hiểu cơ chế hoạt động bên trong của Express và hiểu nguyên tắc hoạt động của framework.
Xây dựng bộ máy Express của riêng bạn: Tham gia vào một dự án thiết kế và triển khai khung web của riêng bạn bằng Express để đạt được sự hiểu biết sâu sắc hơn.

💡 Học Express.js đúng cách: Phần 1 Từ cơ bản đến nâng cao

Đây là khóa học giới thiệu về Express.js sẽ giúp bạn tìm hiểu những bước đầu tiên của quá trình phát triển phần mềm dựa trên Node.js theo cách có hệ thống nhất .
Từ các khái niệm cơ bản về máy chủ đến phần mềm trung gian, định tuyến, mẫu, xử lý lỗi và các dự án CRUD thực tế.
Bạn sẽ học bằng cách tự viết mã, tập trung vào “lý do tại sao nó hoạt động theo cách này”.

✨ Bài giảng này được cấu trúc như thế này

🧭 Mục 1. Sự khởi đầu của cuộc hành trình

Giới thiệu về luồng bài giảng và thiết lập mục tiêu

🏗 Phần 2. Pre-Express: Xây dựng máy chủ từ đầu

Các nguyên tắc cơ bản của mạng như TCP, UDP và HTTP
Triển khai máy chủ HTTP thuần túy trực tiếp bằng Node.js
Hiểu khái niệm định tuyến
Phục vụ trực tiếp các tệp tĩnh (HTML, CSS, JS)
Hoàn toàn nắm vững khái niệm bằng cách triển khai trực tiếp các hàm trung gian tĩnh

⚙ Phần 3. Express 101: Cơ bản về xây dựng máy chủ web

Cấu trúc cơ bản của Express, thực hành định tuyến
Sử dụng phần mềm trung gian tĩnh
Tạo phần mềm trung gian tùy chỉnh của riêng bạn
Hiểu luồng của các đối tượng req và res
Xử lý JSON và dữ liệu biểu mẫu
Cách sử dụng Params và Query String
Một bộ sưu tập các ví dụ về phần mềm trung gian thường được sử dụng trong thực tế

🏛 Phần 4. Express 201: Cấu trúc View Engine và Router

Hiểu được sự khác biệt giữa CSR và SSR và luồng hoạt động
Kết xuất các trang động với các mẫu EJS
Thực hành ngữ pháp EJS như các câu lệnh điều kiện, vòng lặp và các câu lệnh include
Phân tách và mô-đun hóa bộ định tuyến theo đơn vị chức năng
Tổ chức nhiều phương thức phản hồi khác nhau (gửi, json, trạng thái, v.v.)
Kinh nghiệm thực tế trong việc quản lý trạng thái thông qua cookie

🚨 Mục 5. Express 301: Xử lý lỗi và xử lý ngoại lệ

Cách xử lý lỗi 404, 500
Thiết kế và ứng dụng phần mềm trung gian lỗi
Tìm hiểu các phương pháp xử lý ngoại lệ hữu ích trong thực tế

📝 Mục 6. Dự án ghi nhớ: Làm chủ Express với CRUD

Bắt đầu bằng cách thiết lập toàn bộ cấu trúc thư mục.
Triển khai chức năng đăng ký thành viên, đăng nhập và đăng xuất
Tạo API danh sách ghi chú dựa trên trạng thái đăng nhập
Thực hành toàn bộ quy trình CRUD từ việc tạo, sửa đổi đến xóa ghi chú
Phần mềm trung gian tùy chỉnh và logic xử lý ngoại lệ xuất hiện không thường xuyên cũng được cấu hình.

📌 Các tính năng chính của khóa học này

🔍 Thiết kế nơi tất cả các giai đoạn được kết nối, từ khái niệm → sơ đồ quy trình → thực hành → dự án

Đây không phải là khóa học chỉ dạy ngữ pháp và chức năng.
Máy chủ hoạt động như thế nào và dữ liệu được truyền theo thứ tự nào.
Mỗi luồng được hình dung trong một sơ đồ ,
Khóa học được thiết kế sao cho bạn có thể trực tiếp kết nối các khái niệm với thực hành và biến chúng thành của riêng bạn.

“Tại sao tôi cần mã này?” Học bằng cách làm theo đến cùng.

👀 Bài giảng tập trung vào hình ảnh, nơi bạn có thể thấy và hiểu tất cả các khái niệm

Tất cả các khái niệm xuất hiện trong bài giảng này—
Định tuyến, chuỗi phần mềm trung gian, luồng yêu cầu HTTP, cấu trúc SSR/CSR, xử lý lỗi, logic CRUD—
Được hình dung và giải thích đầy đủ bằng sơ đồ và biểu đồ tự tạo .

 📷 Sơ đồ + Giải thích khái niệm + Thực hành mã = Hiểu biết đầy đủ

Giảm thiểu các giải thích trừu tượng, “Dữ liệu đến từ đâu, đi đâu và được xử lý như thế nào?” Chúng tôi sẽ làm cho nó hiển thị rõ ràng ngay từ cái nhìn đầu tiên.

`🛠 Trải nghiệm thực tế, thực hành về phần backend thông qua mã`

Đây không phải là bài giảng mà bạn có thể nghe rồi bỏ qua. Phần lớn bài giảng được xây dựng dựa trên việc thực hành viết mã . Bạn có thể xây dựng các kỹ năng thực tế và sự tự tin bằng cách thực hiện từng bước những gì bạn đã học.

Không chỉ là "mã hoạt động", Nó được thiết kế với mục đích viết mã trong khi hiểu “tại sao nó được viết theo cách này”.

`🧱 Chúng tôi đi sâu vào hoạt động bên trong của Express mà không lướt qua cấu trúc bề mặt của nó.`

Express.js không chỉ là một công cụ định tuyến. Trong bài giảng này , chúng ta sẽ tìm hiểu về thứ tự thực thi nội bộ của Express.js khi nhận được yêu cầu. Cách req và res được truyền và xử lý , Hiểu sâu hơn về cách lỗi thay đổi luồng bằng cách trực tiếp triển khai hoặc trực quan hóa chúng .

Thay vì chỉ học “cách sử dụng nó,” Tại sao framework có tên Express.js lại được thiết kế theo cách này ? Chúng tôi tập trung vào việc học tư duy cấu trúc bằng cách tự tay thực hiện các chức năng cốt lõi .

📌 Và bài giảng này không kết thúc ở đây. Trong Phần 2 của loạt bài này, chúng ta sẽ xây dựng dựa trên cấu trúc Express.js mà chúng ta đã học cho đến nay. Thiết kế và triển khai công cụ xây dựng web của riêng bạn theo phong cách Express.js . Nó đưa bạn từ một “ nhà phát triển biết cách sử dụng một khuôn khổ” trở thành một “ nhà phát triển biết cách tạo ra ”.

`🧭 Một dự án thực tế theo đúng dòng chảy thực tế`

Trong dự án Notepad ở Phần 6, Đăng ký → Đăng nhập → Lưu dữ liệu → Sửa/xóa Chúng tôi sẽ cấu hình cấu trúc của một máy chủ web từ đầu đến cuối . Nó bao gồm tất cả các yếu tố cần thiết cho mục đích sử dụng thực tế, bao gồm phân tách bộ định tuyến, thiết kế phần mềm trung gian, xác thực yêu cầu và xử lý CRUD .

`🧠 Một bài giảng "vẽ một bức tranh" trong đầu thay vì một khái niệm trừu tượng`

Tương tác phức tạp giữa máy chủ và máy khách, Sự khác biệt về thứ tự của chuỗi phần mềm trung gian, cấu trúc hiển thị, v.v. Tất cả các khái niệm trước đây có vẻ mơ hồ đều được sắp xếp thành một câu chuyện trực quan và lưu lại trong đầu bạn như một bức tranh.

`✅ Những thay đổi của bạn sau khi tham gia khóa học`

Bạn có thể hiểu ngay cách thức hoạt động của Express.js. Quá trình yêu cầu gửi đến và phản hồi gửi đi, cũng như phần mềm trung gian thực hiện những gì ở giữa, đều được hiểu một cách tự nhiên thông qua luồng trực quan và thực hành .
Bạn có thể tự tạo một máy chủ có cấu trúc tốt, phân chia theo chức năng. Bạn sẽ có thể phân chia bộ định tuyến thành các chức năng, thiết kế phần mềm trung gian và triển khai trực tiếp cấu trúc cơ bản được sử dụng trong phát triển phần mềm phụ trợ thực tế .
Bạn có thể tự do kiểm soát luồng dữ liệu thực tế được máy chủ xử lý, chẳng hạn như gửi biểu mẫu, xử lý JSON, tham số URL, cookie, v.v. Không chỉ là "mã hoạt động" mà bạn còn có thể tự mình đánh giá lý do tại sao mã chạy theo cách đó và cách phản hồi khi xảy ra lỗi .
Bạn có thể hoàn thành dự án CRUD của riêng mình và sử dụng nó như một danh mục đầu tư. Thay vì một ví dụ đơn giản, chúng tôi sẽ tạo một cấu trúc dịch vụ thực tế đi từ đăng ký thành viên → đăng nhập → xử lý dữ liệu → sửa đổi/xóa .
Bạn sẽ có được cảm giác như đang sử dụng full stack, có thể xử lý cả front-end và back-end bằng JavaScript. Bằng cách tạo màn hình máy khách bằng HTML/CSS/JS và thiết kế cũng như kết nối máy chủ bằng Express, bạn sẽ có được cái nhìn tổng thể về toàn bộ luồng web.
Nỗi lo sợ mơ hồ rằng “máy chủ khó sử dụng” sẽ biến mất và sự tự tin vào phát triển web sẽ tăng lên. Bạn có thể tự nhiên tăng cấp bằng cách rèn luyện dần dần thông qua việc học tập theo hướng thực hành và trải nghiệm việc tạo mã và tự mình tìm ra hướng đi .

`💡 Hãy học những điều này`

Khóa học này không chỉ đơn thuần là tuân theo quy tắc. Hiểu được luồng hoạt động của phần phụ trợ một cách 'trực quan' , Chúng tôi tập trung vào quá trình trực quan xem từng khái niệm thực sự được sử dụng ở đâu và như thế nào cũng như triển khai nó bằng chính đôi tay của bạn. Tất cả các chủ đề dưới đây đều được giải thích bằng sơ đồ và biểu đồ do chính tôi vẽ , và chúng hoàn toàn trở thành của tôi sau khi thực hành.

 [Yêu cầu của người dùng] ──▶ "/style.css"
                   │
                   ▼
    con đường. tham gia ( "public" , "/style.css" )
                   │
                   ▼
          câu trả lời đọcFile ( "public/style.css" )
                   │
        ┌──────────┴───────────┐
        ▼ ▼
  [Tệp đã tồn tại] [Đã xảy ra lỗi]
        │ │
        ▼ ▼
[ Xác định loại MIME ] ┌────────────┐
        │ │ ENOENT ( 404 )│
        ▼ └────┬───────┘
[giải quyết. writeHead ( 200 )] ▼
[giải quyết. [ kết thúc (dữ liệu)] res. writeHead ( 404 hoặc 500 )
                         độ phân giải kết thúc ( " lỗi " )

 tự động
💻 Yêu cầu của khách hàng → GET /giao hàng

┌────────────────────── ───────────────────────┐
│ [Bước 1] Sản phẩm đã đến nơi. │
└────────────┬───────── ───────────────────────┘
             ▼
┌────────────────────── ───────────────────────┐
│ [Bước 2] Sản phẩm đã đến nơi. │
└────────────┬───────── ───────────────────────┘
             ▼
┌────────────────────── ───────────────────────┐
│ [Bước 3] Quản lý hàng tồn kho đã bắt đầu. │
└────────────┬───────── ───────────────────────┘
             ▼
┌────────────────────── ───────────────────────┐
│ [Bước 4] Đơn hàng của bạn đã được xử lý. │
└────────────┬───────── ───────────────────────┘
             ▼
┌────────────────────── ───────────────────────┐
│ [Bước 5] Quá trình giao hàng hậu cần đã bắt đầu. │
│ Đi tới bộ định tuyến. │
└────────────┬───────── ───────────────────────┘
             ▼
┌────────────────────── ───────────────────────┐
│ [Bộ định tuyến] NHẬN /giao hàng │
│ → console .log ("🚚 Bắt đầu giao hàng hậu cần") │
│ → gửi lại (" Bắt đầu giao hàng hậu cần ") │
└────────────────────── ───────────────────────┘

 [ 1 ] Trang web này có tập trung vào nội dung không? (Tin tức, tài liệu, v.v.)
        → CÓ → Khuyến nghị SSR
        → KHÔNG ↓
[ 2 ] Bạn có thường xuyên tương tác với người dùng không? (bình luận, trò chuyện, cập nhật thời gian thực, v.v.)
        → CÓ → Khuyến nghị CSR
        → KHÔNG ↓
[ 3 ] Việc tiếp xúc với công cụ tìm kiếm có quan trọng không?
        → CÓ → Khuyến nghị SSR
        → KHÔNG → CSR cũng được

 🧍 Người dùng: /wrong-page request → Trang sai
───────────────────────────────────────
↓
📦 Máy chủ:
  - Đã xảy ra lỗi 404
  - Hiển thị trang 404 (404.ejs)
  - Cung cấp URL và thông báo hướng dẫn không chính xác

🧍 Người dùng: Quay lại trang chủ từ trang 404
───────────────────────────────────────
↓
📦 Máy chủ:
  - Chuyển hướng đến trang chủ của người dùng

 POST /người dùng/đăng ký
  - Đầu vào: tên người dùng, mật khẩu
  - Hành động: Đăng ký người dùng mới
  - Đầu ra: Thông báo thành công/thất bại

POST /người dùng/đăng nhập
  - Đầu vào: tên người dùng, mật khẩu
  - Hành động: Đăng nhập, phát hành JWT
  - Đầu ra: Mã thông báo JWT (được lưu trữ trong cookie)

NHẬN /người dùng/đăng xuất
  - Đầu vào: Không có
  - Hành động: Xóa JWT (Xử lý đăng xuất)
  - Đầu ra: Chuyển hướng đến trang đăng nhập

[ Cài đặt máy chủ Express ]
  - Máy chủ chạy trên cổng 3000 theo mặc định.
  - Phục vụ các tệp tĩnh thông qua phần mềm trung gian \`express.static\`
  - Phần mềm trung gian xác thực JWT : \`authenticateUser\` (chỉ cho phép người dùng đã đăng nhập truy cập)
  - Phần mềm trung gian xác thực tệp: \`ensureDataFileExists\` (tạo tệp dữ liệu nếu nó không tồn tại)

[Kết nối bộ định tuyến]
  - Các tuyến liên quan đến người dùng: \`/users\`
  - Các tuyến đường liên quan đến ghi nhớ: \`/memos\`

`Xin chào, chào mừng đến với studio viết mã địa phương của chúng tôi !`

Neighborhood Coding Studio của chúng tôi là một nhóm giáo dục được thành lập bởi các nhà phát triển chuyên ngành kỹ thuật máy tính tại các trường đại học lớn ở Bắc Mỹ, chẳng hạn như Carnegie Mellon, Washington, Toronto và Waterloo , và có được kinh nghiệm thực tế tại các công ty CNTT toàn cầu như Google, Microsoft và Meta .

Nó bắt đầu là một nhóm nghiên cứu dành cho các chuyên ngành kỹ thuật máy tính từ Hoa Kỳ và Canada để cùng nhau học tập và phát triển . Mặc dù chúng tôi học ở những trường đại học khác nhau và ở những múi giờ khác nhau, nhưng khoảng thời gian chúng tôi cùng nhau giải quyết vấn đề và học hỏi lẫn nhau là rất đặc biệt, và tự nhiên, tôi nảy ra ý nghĩ này.

“Sẽ thế nào nếu chúng ta có thể dạy người khác theo cách chúng ta đã học?”

Câu hỏi đó chính là điểm khởi đầu cho studio viết mã của chúng tôi .

Hiện nay, có khoảng 40 nhà phát triển và sinh viên cao đẳng kỹ thuật máy tính phụ trách lĩnh vực chuyên môn của mình và họ trực tiếp thiết kế và giảng dạy chương trình giảng dạy bao gồm mọi thứ từ cơ bản đến ứng dụng thực tế. Không chỉ đơn thuần là chuyển giao kiến thức, chúng tôi còn cung cấp môi trường nơi bạn có thể học hỏi và cùng nhau phát triển từ góc nhìn của một nhà phát triển thực thụ .

“Các nhà phát triển thực thụ phải học hỏi từ các nhà phát triển thực thụ.”

Chúng tôi sẽ hướng dẫn toàn bộ quy trình phát triển web một cách có hệ thống từ đầu đến cuối, nhưng không dừng lại ở lý thuyết mà còn phát triển kỹ năng của bạn thông qua thực hành và phản hồi thực tế . Triết lý của chúng tôi là suy nghĩ và hướng dẫn sự phát triển của từng học sinh.

Triết lý của chúng tôi rất rõ ràng: "Việc học thực sự đến từ thực hành, và sự phát triển sẽ đạt được khi chúng ta cùng nhau thực hiện."

Dành cho những người mới bắt đầu phát triển sự nghiệp, người tìm việc muốn phát triển các kỹ năng thực tế, cho đến những người trẻ đang khám phá con đường sự nghiệp của mình. Studio lập trình khu phố của chúng tôi mong muốn trở thành điểm khởi đầu và là người bạn đồng hành mạnh mẽ của mọi người khi chúng ta cùng nhau bước đi.

Bây giờ, đừng lo lắng một mình nữa. Studio lập trình của chúng tôi sẽ phát triển cùng bạn.

Chào mừng đến với Neighborhood Coding Studio !

Neighborhood Coding Studio được thành lập bởi một nhóm các nhà phát triển từng học ngành khoa học máy tính tại các trường đại học hàng đầu Bắc Mỹ như Carnegie Mellon, Đại học Washington, Đại học Toronto và Đại học Waterloo , và sau đó tích lũy kinh nghiệm thực tế tại các công ty công nghệ toàn cầu như Google, Microsoft và Meta .

Mọi chuyện bắt đầu từ một nhóm nghiên cứu được thành lập bởi các sinh viên khoa học máy tính trên khắp Hoa Kỳ và Canada , nhằm mục đích cùng nhau phát triển bằng cách chia sẻ kiến thức, giải quyết vấn đề và học hỏi lẫn nhau. Mặc dù chúng tôi học ở những trường khác nhau, ở những múi giờ khác nhau, nhưng trải nghiệm này có ý nghĩa đến mức khiến chúng tôi nảy ra một suy nghĩ đơn giản:

“Sẽ thế nào nếu chúng ta chia sẻ cách học này với người khác?”

Ý tưởng đó đã trở thành nền tảng cho Neighborhood Coding Studio .

Ngày nay, chúng tôi là một nhóm gồm khoảng 30 nhà phát triển và sinh viên khoa học máy tính năng động , mỗi người chịu trách nhiệm về lĩnh vực chuyên môn của mình—thiết kế và cung cấp chương trình giảng dạy trải dài từ kiến thức cơ bản đến phát triển thực tế. Chúng tôi không chỉ ở đây để giảng dạy mà còn giúp bạn nhìn nhận vấn đề qua góc nhìn của một nhà phát triển thực thụ và cùng nhau phát triển .

“Để trở thành một nhà phát triển thực thụ, bạn phải học hỏi từ những nhà phát triển thực thụ.”

Các khóa học của chúng tôi sẽ hướng dẫn bạn toàn bộ hành trình phát triển web - từ đầu đến cuối - tập trung vào thực hành, các dự án thực tế và phản hồi thiết thực . Chúng tôi rất quan tâm đến sự phát triển của từng học viên và cam kết hỗ trợ bạn trên mọi bước đường.

Triết lý của chúng tôi đơn giản nhưng mạnh mẽ: “Học tập thực sự đến từ hành động và sự phát triển thực sự diễn ra cùng nhau.”

Cho dù bạn mới bắt đầu, đang chuẩn bị cho công việc đầu tiên hay đang khám phá tương lai của mình trong lĩnh vực công nghệ, Neighborhood Coding Studio sẽ là bệ phóng và là người bạn đồng hành đáng tin cậy của bạn trên hành trình này.

Bạn không cần phải làm điều đó một mình. Hãy để Neighborhood Coding Studio đồng hành cùng bạn trên con đường phát triển tương lai.

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

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

Người mới bắt đầu muốn phát triển backend.
Dành cho các nhà phát triển frontend tò mò về Express.js
Người ngoài ngành muốn trải nghiệm quy trình backend thực tế.
Dành cho những ai cảm thấy cách thức hoạt động của máy chủ web còn trừu tượng
Dành cho những người đã dùng Node.js nhưng đây là lần đầu làm server thực tế
Dành cho những ai muốn trải nghiệm toàn bộ quy trình phát triển web bằng JavaScript
Những ai muốn tìm hiểu về cấu trúc tách router theo chức năng
Dành cho những ai muốn trau dồi khả năng thiết kế RESTful API

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

Các cú pháp cơ bản của JavaScript như biến, hàm, câu lệnh điều kiện
Có kinh nghiệm sử dụng CLI đơn giản ở mức cài đặt npm, chạy Node.js.
Các khái niệm cấu trúc của HTML/CSS (không cần kiến thức chuyên sâu)
Mức độ quan tâm hoặc mong muốn học hỏi về các khái niệm như API, máy chủ, v.v.

`Xin chào Đây là`

안녕하세요, 우리동네코딩 스튜디오에 오신 것을 환영합니다!

우리동네코딩 스튜디오는 카네기 멜론, 워싱턴, 토론토, 워터루 등 북미의 주요 대학에서 컴퓨터공학을 전공하고, Google, Microsoft, Meta 등 글로벌 IT 기업에서 실무 경험을 쌓은 개발자들이 함께 만든 교육 그룹입니다.

처음에는 미국과 캐나다의 컴퓨터공학 전공자들끼리 함께 공부하며 성장하고자 만든 스터디 모임에서 시작되었습니다. 각기 다른 대학, 다른 시간대에 있었지만 함께 문제를 해결하고 서로에게 배운 그 시간은 매우 특별했고, 자연스럽게 이런 생각이 들었습니다.

“우리가 공부하던 이 방식, 그대로 다른 사람에게도 전하면 어떨까?”

그 물음이 바로 우리동네코딩 스튜디오의 출발점이었습니다.

현재는 약 30명의 현직 개발자와 컴퓨터공학 전공 대학생들이 각자의 전문 분야를 맡아, 입문부터 실전까지 아우르는 커리큘럼을 직접 설계하고 강의합니다. 단순한 지식 전달을 넘어, 진짜 개발자의 시선으로 배우고 함께 성장할 수 있는 환경을 제공합니다.

“진짜 개발자는, 진짜 개발자에게 배워야 합니다.”

저희는 웹 개발의 전 과정을 처음부터 끝까지 체계적으로 다루되, 이론에 머무르지 않고 실습과 실전 중심의 피드백을 통해 실력을 키워드립니다. 수강생 한 사람, 한 사람의 성장을 함께 고민하고 이끌어가는 것이 우리의 철학입니다.

🎯 우리의 철학은 분명합니다. "진정한 배움은 실천에서 오고, 성장은 함께할 때 완성된다."

개발을 처음 시작하는 입문자부터, 실무 능력을 키우고 싶은 취업 준비생, 진로를 탐색 중인 청소년까지. 우리동네코딩 스튜디오는 모두의 출발점이자, 함께 걷는 든든한 동반자가 되고자 합니다.

이제, 혼자 고민하지 마세요. 우리동네코딩 스튜디오가 여러분의 성장을 함께하겠습니다.

Welcome to Neighborhood Coding Studio!

Neighborhood Coding Studio was founded by a team of developers who studied computer science at top North American universities such as Carnegie Mellon, the University of Washington, the University of Toronto, and the University of Waterloo, and went on to gain hands-on experience at global tech companies like Google, Microsoft, and Meta.

It all began as a study group formed by computer science students across the U.S. and Canada, created to grow together by sharing knowledge, solving problems, and learning from one another. Though we were attending different schools in different time zones, the experience was so meaningful that it led us to one simple thought:

“What if we shared this way of learning with others?”

That thought became the foundation of Neighborhood Coding Studio.

Today, we are a team of around 30 active developers and computer science students, each taking responsibility for their area of expertise—designing and delivering a curriculum that spans from foundational knowledge to real-world development. We’re not just here to teach—we’re here to help you see through the lens of real developers and grow together.

“To become a real developer, you must learn from real developers.”

Our courses take you through the entire web development journey—from start to finish—focused on hands-on practice, real-world projects, and practical feedback. We care deeply about each learner’s growth and are committed to supporting your path every step of the way.

🎯 Our philosophy is simple but powerful: "True learning comes from doing, and true growth happens together."

Whether you're just getting started, preparing for your first job, or exploring your future in tech, Neighborhood Coding Studio is here to be your launchpad—and your trusted companion on the journey.

You don’t have to do it alone. Let Neighborhood Coding Studio walk with you toward your future in development.

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

Tất cả

47 bài giảng ∙ (2giờ 31phút)

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

Tài liệu bài giảng

1. Học Express.js đúng cách: Phần 1 Từ cơ bản đến nâng cao - Giới thiệu
01:45

2. Bước đầu kết nối server và Express - Giới thiệu
01:49
3. TCP so với UDP - Tìm hiểu hai phương pháp phân phối internet
07:30
4. HTTP Cơ Bản Toàn Tập - Tìm hiểu ngôn ngữ chung của web
03:13
5. Tạo máy chủ Node.js đầu tiên - Xin chào Máy chủ!
07:30
6. Định tuyến là gì? - Tạo đường dẫn trên máy chủ
03:33
7. Tệp tĩnh là gì? - Phục vụ trực tiếp HTML, CSS, JS
03:41
8. Tự hiện thực hóa các tệp tĩnh - Tự hiện thực hóa chức năng Static của ExpressJS
10:06

9. Bắt đầu với những kiến thức cơ bản về Express - Routing Phần 1
04:34
10. Bắt đầu với các kiến thức cơ bản về Express - Routing Phần 2
03:14
11. Quản lý tệp tĩnh bằng middleware Static
03:15
12. Middleware là gì? - Vũ khí bí mật của Express04:24
13. [Thực hành] Tự mình xử lý Static Middleware
02:33
14. Chia sẻ req, res - Cách sử dụng middleware tùy chỉnh
03:08
15. Xây dựng một máy chủ Express xử lý dữ liệu JSON03:42
16. Xử lý dữ liệu biểu mẫu - Tìm hiểu về urlencoded
05:04
17. Đọc biến trong URL - Cơ bản về Params
02:38
18. Sử dụng middleware với Params
02:06
19. Hiện thực hóa tìm kiếm và lọc bằng Query String02:50
20. Tuyển tập các middleware hữu ích thường được sử dụng trong thực tế.

21. [Mã thực hành] Chuẩn bị trước khi bắt đầu Express 201
22. CSR là gì? - Tìm hiểu về cấu trúc hiển thị phía máy khách
05:06
23. SSR là gì? - Trang web do máy chủ trực tiếp vẽ.
03:22
24. CSR so với SSR - Khi nào và tại sao nên sử dụng?
25. Bắt đầu công cụ hiển thị chế độ xem bằng EJS
06:16
26. Nắm vững cú pháp cơ bản của EJS - if, for, include
27. [Thực hành] Tạo Todolist bằng EJS
03:15
28. Router là gì? - Cơ bản về phân tách router theo chức năng04:27
29. Xây dựng trung tâm bách hóa Router - Mô đun hóa theo đơn vị chức năng
02:57
30. Tổng hợp các phương pháp phản hồi đa dạng - send, json, status, v.v.
03:25
31. Tìm hiểu về HTTP Header - Giao ước giữa trình duyệt và máy chủ
32. Lưu trạng thái người dùng bằng Cookie

33. [Mã thực hành] Những thứ cần chuẩn bị trước khi bắt đầu Express 301
34. Xử lý lỗi 404 - Tạo nên sự khác biệt ngay cả ở những trang không tồn tại
03:23
35. Đối phó lỗi 500 Phần 1 - Cách ngăn chặn lỗi máy chủ (Khuyến nghị học tiếp Phần 2)
03:24
36. Phần 2 của ứng phó lỗi 500 - Thiết kế xử lý ngoại lệ thực tế
04:23

37. [Mã thực hành] Chuẩn bị khởi động dự án Memo
38. Cài đặt cơ bản của dự án - Cấu trúc thư mục và cài đặt gói
02:53
39. Tự động tạo nếu không có tệp! Tạo middleware ensureDataFileExists
02:47
40. Tạo Users Route Phần 1 - Cài đặt cơ bản05:02
41. Tạo Route cho Users Phần 2 - Thực hiện chức năng đăng ký thành viên
03:40
42. Tạo Route Người dùng Phần 3 - Xử lý đăng nhập và đăng xuất
03:12
43. Memos Route - Tạo API để truy vấn danh sách ghi nhớ
03:39
44. Memos Route - Triển khai API tạo memo mới
05:53
45. Memos Route - Hiện thực hóa chức năng sửa memo05:16
46. Memos Route - Triển khai chức năng xóa memo
01:47
47. Học Express.js đúng cách - Kết thúc hành trình00:45

Ngày đăng:

Cập nhật lần cuối:

`Đánh giá`

Chưa có đủ đánh giá.

Hãy trở thành tác giả của một đánh giá giúp mọi người!

Học Express.js một cách bài bản: Phần 1 Từ cơ bản đến nâng cao [Phần cơ bản]

Khóa học này dành cho Người học Cơ bản.

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

💡 Học Express.js đúng cách: Phần 1 Từ cơ bản đến nâng cao

✨ Bài giảng này được cấu trúc như thế này

🧭 Mục 1. Sự khởi đầu của cuộc hành trình

🏗 Phần 2. Pre-Express: Xây dựng máy chủ từ đầu

⚙ Phần 3. Express 101: Cơ bản về xây dựng máy chủ web

🏛 Phần 4. Express 201: Cấu trúc View Engine và Router

🚨 Mục 5. Express 301: Xử lý lỗi và xử lý ngoại lệ

📝 Mục 6. Dự án ghi nhớ: Làm chủ Express với CRUD

📌 Các tính năng chính của khóa học này

🔍 Thiết kế nơi tất cả các giai đoạn được kết nối, từ khái niệm → sơ đồ quy trình → thực hành → dự án

👀 Bài giảng tập trung vào hình ảnh, nơi bạn có thể thấy và hiểu tất cả các khái niệm

`🛠 Trải nghiệm thực tế, thực hành về phần backend thông qua mã`

`🧱 Chúng tôi đi sâu vào hoạt động bên trong của Express mà không lướt qua cấu trúc bề mặt của nó.`

`🧭 Một dự án thực tế theo đúng dòng chảy thực tế`

`🧠 Một bài giảng "vẽ một bức tranh" trong đầu thay vì một khái niệm trừu tượng`

`Tôi giới thiệu điều này cho những người này`

`✅ Những thay đổi của bạn sau khi tham gia khóa học`

`💡 Hãy học những điều này`

`🏗 Pre-Express: Máy chủ sẽ hoạt động như thế nào?`

`⚙ Express 101: Quá trình định tuyến và phần mềm trung gian diễn ra như thế nào?`

Bắt đầu giao hàng hậu cần

`🏛 Express 201: Công cụ tạo mẫu và bộ định tuyến được cấu trúc như thế nào?`

`🚨 Express 301: Xử lý lỗi, khi nào và hoạt động như thế nào?`

`📝 Dự án ghi nhớ: Theo dõi luồng CRUD thực tế từ đầu đến cuối`

`Xin chào, chào mừng đến với studio viết mã địa phương của chúng tôi !`

`🛠 Hướng dẫn về môi trường thực hành`

`📘 Kiến thức tiên quyết cần có để tham gia khóa học`

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

`Xin chào Đây là`

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

`Đánh giá`

Học Express.js một cách bài bản: Phần 1 Từ cơ bản đến nâng cao [Phần cơ bản]

Khóa học này dành cho Người học Cơ bản.

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

💡 Học Express.js đúng cách: Phần 1 Từ cơ bản đến nâng cao

✨ Bài giảng này được cấu trúc như thế này

🧭 Mục 1. Sự khởi đầu của cuộc hành trình

🏗 Phần 2. Pre-Express: Xây dựng máy chủ từ đầu

⚙ Phần 3. Express 101: Cơ bản về xây dựng máy chủ web

🏛 Phần 4. Express 201: Cấu trúc View Engine và Router

🚨 Mục 5. Express 301: Xử lý lỗi và xử lý ngoại lệ

📝 Mục 6. Dự án ghi nhớ: Làm chủ Express với CRUD

📌 Các tính năng chính của khóa học này

🔍 Thiết kế nơi tất cả các giai đoạn được kết nối, từ khái niệm → sơ đồ quy trình → thực hành → dự án

👀 Bài giảng tập trung vào hình ảnh, nơi bạn có thể thấy và hiểu tất cả các khái niệm

🛠 Trải nghiệm thực tế, thực hành về phần backend thông qua mã

🧱 Chúng tôi đi sâu vào hoạt động bên trong của Express mà không lướt qua cấu trúc bề mặt của nó.

🧭 Một dự án thực tế theo đúng dòng chảy thực tế

🧠 Một bài giảng "vẽ một bức tranh" trong đầu thay vì một khái niệm trừu tượng

Tôi giới thiệu điều này cho những người này

✅ Những thay đổi của bạn sau khi tham gia khóa học

💡 Hãy học những điều này

🏗 Pre-Express: Máy chủ sẽ hoạt động như thế nào?

⚙ Express 101: Quá trình định tuyến và phần mềm trung gian diễn ra như thế nào?

Bắt đầu giao hàng hậu cần

🏛 Express 201: Công cụ tạo mẫu và bộ định tuyến được cấu trúc như thế nào?

🚨 Express 301: Xử lý lỗi, khi nào và hoạt động như thế nào?

📝 Dự án ghi nhớ: Theo dõi luồng CRUD thực tế từ đầu đến cuối

Xin chào, chào mừng đến với studio viết mã địa phương của chúng tôi !

🛠 Hướng dẫn về môi trường thực hành

📘 Kiến thức tiên quyết cần có để tham gia khóa học

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

Xin chàoĐây là .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

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

Đánh giá

`🛠 Trải nghiệm thực tế, thực hành về phần backend thông qua mã`

`🧱 Chúng tôi đi sâu vào hoạt động bên trong của Express mà không lướt qua cấu trúc bề mặt của nó.`

`🧭 Một dự án thực tế theo đúng dòng chảy thực tế`

`🧠 Một bài giảng "vẽ một bức tranh" trong đầu thay vì một khái niệm trừu tượng`

`Tôi giới thiệu điều này cho những người này`

`✅ Những thay đổi của bạn sau khi tham gia khóa học`

`💡 Hãy học những điều này`

`🏗 Pre-Express: Máy chủ sẽ hoạt động như thế nào?`

`⚙ Express 101: Quá trình định tuyến và phần mềm trung gian diễn ra như thế nào?`

`🏛 Express 201: Công cụ tạo mẫu và bộ định tuyến được cấu trúc như thế nào?`

`🚨 Express 301: Xử lý lỗi, khi nào và hoạt động như thế nào?`

`📝 Dự án ghi nhớ: Theo dõi luồng CRUD thực tế từ đầu đến cuối`

`Xin chào, chào mừng đến với studio viết mã địa phương của chúng tôi !`

`🛠 Hướng dẫn về môi trường thực hành`

`📘 Kiến thức tiên quyết cần có để tham gia khóa học`

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

`Xin chào Đây là`

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

`Đánh giá`