강의

N
챌린지

멘토링

로드맵

Inflearn brand logo image
Programming

/

Back-end

Tạo Node.js server engine – Thiết kế framework học qua việc nhân bản Express.js

Đây là khóa học không chỉ dừng lại ở việc sử dụng Express.js mà còn giúp bạn nắm vững nguyên lý hoạt động thực sự của server bằng cách tự tay triển khai toàn bộ engine nội bộ của nó từ đầu đến cuối. Khóa học mang đến trải nghiệm trở thành nhà phát triển server thông qua việc tự mình xây dựng từ đầu mọi thành phần của Express như router, middleware, đối tượng yêu cầu-phản hồi, xử lý tệp tĩnh và hiển thị template.

(4.0) 1 đánh giá

18 học viên

  • nhcodingstudio
실습 중심
백엔드이해하기
express.js클론
node.js백엔드
웹서버프레임워크구현
JavaScript
Node.js
Express
backend
software-design

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

  • Khi triển khai Express.js, làm thế nào để hiểu từ căn bản các nguyên tắc cốt lõi của kiến trúc máy chủ web.

  • Cách nắm vững hoàn toàn nguyên lý hoạt động thông qua việc tự tay triển khai toàn bộ kiến trúc của Express.js.

  • Cách chuỗi middleware và hàm next() truyền yêu cầu và tiếp tục luồng điều khiển

  • Phân tích cấu trúc về cách các đối tượng yêu cầu (req) và phản hồi (res) thực sự được cấu tạo và truyền tải.

  • Cách triển khai máy chủ file tĩnh an toàn bảo mật

  • Thực hiện logic luồng phân tích trực tiếp thân yêu cầu JSON và URL-Encoded.

  • Cách cấu hình toàn bộ CRUD API bằng cách tự thiết kế bộ định tuyến RESTful.

  • Triển khai cấu trúc tách router thành module và kết nối với ứng dụng chính, tương tự express.Router().

  • Cách kết xuất HTML động bằng cách tích hợp công cụ mẫu EJS

  • Triển khai cấu trúc xử lý an toàn lỗi đồng bộ/bất đồng bộ trong chuỗi middleware.

  • Cách xác minh và kiểm thử tích hợp toàn bộ chức năng máy chủ thông qua script test API tự động

🚀 Từ “Người dùng” đến “Người triển khai” – Tìm hiểu các nguyên tắc cốt lõi của Phát triển máy chủ bằng cách sao chép Express.js

Khóa học này sẽ đưa bạn vào hành trình sao chép công cụ Express.js, nền tảng máy chủ được sử dụng rộng rãi nhất trong hệ sinh thái web, và triển khai hoạt động bên trong của nó.

Tôi nhớ khi lần đầu tiên học Node.js và Express . Tôi thực sự ấn tượng về việc triển khai định tuyến, phần mềm trung gian, xử lý tệp tĩnh và kết xuất mẫu dễ dàng như thế nào chỉ bằng một dòng phương thức như app.get() hoặc app.use() . Nhưng đến một lúc nào đó, câu hỏi nảy sinh, " Tôi có phải là người có thể tạo ra điều này không, hay tôi chỉ là người sử dụng nó? "

Express là một công cụ rất tiện lợi, nhưng cấu trúc bên trong của nó lại bị ẩn đi nên thường khó hiểu cách thức hoạt động của nó. Khóa học này được tạo ra để giải tỏa cơn khát đó.

Hệ thống định tuyến được thiết kế như thế nào, tại sao phần mềm trung gian được thực thi theo thứ tự, loại MIME của các tệp tĩnh được thiết lập như thế nào? Quá trình tìm câu trả lời cho tất cả những câu hỏi này thông qua việc triển khai và thực hành thực tế là cốt lõi của bài giảng này.

Bằng cách tự mình triển khai Express, bạn sẽ có được hiểu biết cơ bản về phát triển máy chủ , không chỉ dừng lại ở việc biết về Express mà còn cho phép bạn hiểu một cách tự nhiên cấu trúc của các framework khác như Fastify, Flask, Django và Spring Boot .

Hãy bắt đầu quá trình phát triển thành người có thể thiết kế và triển khai cách thức hoạt động của máy chủ , thay vì chỉ biết 'cách sử dụng máy chủ'!

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

📌 Một khóa học dựa trên dự án sao chép công cụ triển khai tất cả các cấu trúc cốt lõi của Express.js.

📌 Hình dung và giải thích các nguyên tắc hoạt động theo từng dòng mã mà không cần khái niệm trừu tượng

📌 Triển khai chi tiết xử lý bảo mật và xử lý lỗi có thể sử dụng hiệu quả trong thực tế

📌 Cung cấp đầy đủ tài liệu khóa học và mã kiểm tra để bạn có thể tự học.

📌 Trở thành một nhà phát triển máy chủ biết cách sáng tạo , không chỉ là một nhà phát triển chỉ biết viết

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

Bất kỳ ai đã sử dụng Node.js và Express nhưng tò mò về các nguyên tắc bên trong

Điều này phù hợp với những ai muốn hiểu các khái niệm như app.use , app.get , req và res từ góc độ triển khai thay vì cách sử dụng đơn giản.

Các nhà phát triển muốn thiết lập máy chủ trực tiếp mà không cần khuôn khổ

Khóa học này dành cho những người muốn tìm hiểu cách máy chủ thực sự hoạt động bằng cách triển khai bộ định tuyến, phần mềm trung gian, xử lý tệp tĩnh và trình phân tích cú pháp nội dung.

Bất kỳ ai muốn trở thành nhà phát triển máy chủ có tư duy cấu trúc

Điều này hữu ích cho những ai muốn hiểu về mặt cấu trúc toàn bộ luồng xử lý yêu cầu từ yêu cầu → chuỗi phần mềm trung gian → bộ định tuyến → phản hồi.

Đối với những người muốn tiến xa hơn việc chỉ biết cách sử dụng chức năng

Điều này phù hợp với những người muốn hiểu sâu sắc các khái niệm bằng cách tự tạo ra chúng thay vì ghi nhớ và sử dụng các chức năng của Express.js .

Bất kỳ ai muốn tạo cầu nối với nhiều khung máy chủ khác nhau

Lý thuyết bạn học được thông qua Express.js cũng sẽ giúp ích rất nhiều trong việc hiểu các nền tảng web khác như Spring, Flask, Fastify và ASP.NET Core .

Sinh viên chuyên ngành khoa học máy tính và người tìm việc muốn củng cố cả danh mục đầu tư và kỹ năng thực tế của mình

Thích hợp cho bất kỳ ai muốn xây dựng danh mục đầu tư của mình bằng bản sao Express.js tùy chỉnh và xây dựng nền tảng kiến ​​thức vững chắc về máy chủ từ cơ bản đến ứng dụng thực tế .

Sau giờ học

  • Bạn sẽ có được kỹ năng tự thiết kế và triển khai toàn bộ quy trình máy chủ web mà không cần Express.js.

  • Bạn sẽ hiểu rõ hơn về luồng HTTP từ yêu cầu đến phản hồi trong Node.js, theo từng mã.

  • Bạn sẽ học những kiến ​​thức cơ bản về phát triển máy chủ bằng cách triển khai từng chức năng cốt lõi thiết thực, chẳng hạn như định tuyến, nối kết phần mềm trung gian, phân tích yêu cầu và phục vụ tệp tĩnh.

  • Bằng cách hiểu được cách thức hoạt động bên trong của các khung máy chủ, triết lý thiết kế của các khung khác như Fastify, NestJS, Django và Spring Boot có thể được kết nối một cách tự nhiên.


  • Bạn sẽ có khả năng phân chia các chức năng phức tạp thành các đơn vị nhỏ hơn và cấu trúc lại chúng thành các cấu trúc dễ bảo trì.

  • Ngoài Express.js, bạn sẽ có thể hiểu và giải thích cấu trúc về cách một công cụ máy chủ web tiếp nhận yêu cầu và xử lý phản hồi ở cấp độ thiết kế.

  • Bản thân các bài giảng sẽ đóng vai trò như một danh mục đầu tư và bạn có thể nêu trong đơn đăng ký rằng bạn đã đích thân triển khai 'dự án sao chép Express.js'.

Tìm hiểu về những điều này.

24

Thiết kế hàm createApplication
Chúng tôi thiết kế một cấu trúc bộ điều khiển lõi cấu hình điểm bắt đầu của đối tượng app và bao gồm các chức năng lưu trữ cài đặt, bộ định tuyến và đăng ký phần mềm trung gian. Điều này cho phép một phiên bản ứng dụng duy nhất điều khiển toàn bộ máy chủ.

53

Triển khai chuỗi phần mềm trung gian

Bạn sẽ trực tiếp triển khai luồng thực thi liên tục của phần mềm trung gian bằng cách sử dụng next() , trực quan hóa cấu trúc mà mỗi phần mềm trung gian chặn và xử lý các yêu cầu, và tiếp thu các khái niệm cơ bản. Nó được thiết kế để giúp bạn hiểu một cách có hệ thống bằng cách so sánh nó với luồng điều trị của bệnh viện.

37

Triển khai máy chủ tập tin tĩnh

Nó triển khai một máy chủ tĩnh hoàn chỉnh truyền phát các tệp bằng fs.createReadStream() , tự động xác định loại MIME cho Content-Type và bao gồm logic bảo mật để ngăn chặn các cuộc tấn công vượt đường dẫn.

11

Tạo JSON, URL-Encoded Body Parser

Chúng tôi sẽ triển khai một phần mềm trung gian hoàn chỉnh nhận nội dung yêu cầu HTTP dưới dạng luồng, tích lũy dữ liệu dần dần bằng cách sử dụng data và sự kiện end , sau đó thực hiện phân tích cú pháp JSON hoặc giải mã URL.

36

Thiết kế bộ định tuyến và xử lý định tuyến động

Bạn sẽ học cách khớp trực tiếp các mẫu URL như GET /users/:id , triển khai logic để đưa các giá trị khớp vào req.params và hiểu đầy đủ luồng thực thi trình xử lý dựa trên đường dẫn, đây là chức năng cốt lõi của bộ định tuyến.

21

Triển khai phần mềm trung gian xử lý lỗi

Chúng tôi triển khai phần mềm trung gian 4 tham số với function(err, req, res, next) và xây dựng luồng xử lý lỗi chung bằng cách bắt lỗi đồng bộ một cách an toàn với try...catch và lỗi không đồng bộ với Promise.reject() .

30

Xử lý kết xuất mẫu

Trải nghiệm toàn bộ quy trình kết xuất phía máy chủ từ đầu đến cuối, từ việc triển khai phương thức res.render() trực tiếp bằng cách tích hợp công cụ mẫu EJS cho đến việc tạo HTML động trên máy chủ.

10

Triển khai hàm express.Router()

Chúng tôi tạo các phiên bản bộ định tuyến phụ thông qua hàm createRouter() và kết nối chúng theo thứ bậc với ứng dụng chính để có thể quản lý chúng theo mô-đun ngay cả trong các cấu trúc API quy mô lớn.

04

Cải thiện kiến ​​trúc

Chúng tôi triển khai cấu trúc kiến ​​trúc ngăn chặn việc chia sẻ trạng thái toàn cục, ẩn cài đặt và mô-đun nội bộ, đồng thời tăng cường bảo mật bằng cách sử dụng mẫu Singleton và IIFE . Chúng tôi cũng cải thiện công cụ để có khả năng bảo trì và mở rộng thực tế thông qua tích hợp phần mềm trung gian và tách biệt cấu trúc.

37

Tự động hóa thử nghiệm API

Đảm bảo tính ổn định của thử nghiệm bằng cách tạo các tập lệnh thử nghiệm tự động gửi yêu cầu đến máy chủ thực bằng http.request() phân tích nội dung phản hồi và xuất kết quả cùng với mã trạng thái.

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

Tài liệu học tập

  • Cung cấp tài liệu bao gồm mã nguồn, tập lệnh kiểm tra và mẫu EJS được sử dụng trong tất cả các lớp học

  • Chúng tôi cũng cung cấp mã hướng dẫn từng bước để bạn có thể thực hành cùng với các bài tập.


Kiến thức và ghi chú của người chơi

  • Bạn nên quen thuộc với cú pháp JavaScript cơ bản . Bạn cần hiểu về khai báo biến, định nghĩa hàm, thao tác mảng/đối tượng và xử lý không đồng bộ (Promises, v.v.).

  • Sẽ rất hữu ích nếu bạn có hiểu biết cơ bản về thiết lập môi trường Node.js và hệ thống module (ví dụ: CommonJS). Sẽ dễ dàng hơn nếu bạn biết cách chạy máy chủ cục bộ, require và module.exports thực hiện những gì, v.v.

  • Nếu bạn có kinh nghiệm sử dụng Express.js , bạn sẽ hiểu cốt lõi nhanh hơn nhiều. Khóa học này tập trung vào việc triển khai nguyên lý hoạt động trực tiếp thay vì chỉ sử dụng nó.

  • Khóa học này tập trung vào quá trình triển khai từ đầu , thay vì cung cấp mã hoặc gói hoàn chỉnh. Bạn sẽ học cấu trúc và nguyên tắc bằng cách tự viết mã.

  • Chúng tôi khuyên bạn nên tham gia khóa học 'Học Express.js đúng cách: Phần 1 [Cơ bản] từ Cơ bản đến Nâng cao'. Trong khóa học đó, cấu trúc cơ bản và cách sử dụng Express.js được đề cập trước tiên và khóa học này là khóa học nâng cao triển khai cấu trúc bên trong dựa trên cấu trúc đó.

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

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

  • Developer muốn nâng cao hơn mức chỉ dùng Express.js cơ bản.

  • Lập trình viên backend tương lai mong muốn hiểu rõ nguyên lý hoạt động nội bộ của máy chủ.

  • Học viên muốn học hỏi bằng cách tự tay triển khai các khái niệm cấu trúc của web framework.

  • Người chuẩn bị tìm việc đang tìm dự án clone ý nghĩa để đưa vào portfolio.

  • Những nhà phát triển có kinh nghiệm với các framework khác như Django, Flask, Spring Boot, muốn tìm hiểu cấu trúc máy chủ Node.js.

  • Dành cho những ai muốn trở thành lập trình viên có thể giải thích cách thức hoạt động, chứ không phải chỉ biết sử dụng.

  • Lập trình viên frontend muốn hiểu rõ hơn luồng giữa server và client khi làm web.

  • Người nhập môn muốn trải nghiệm cấu trúc backend do chính mình xây dựng, thoát khỏi việc 'lập trình chỉ dùng hàm học thuộc lòng'.

  • Người có nguyện vọng chuyển ngành, dù không chuyên ngành Khoa học máy tính, nhưng mong muốn xây dựng nền tảng vững chắc khi thử sức với phát triển web.

  • Lập trình viên frontend hoặc fullstack mong muốn vận dụng JavaScript chuyên sâu hơn trong thực tế công việc

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

  • Cú pháp JavaScript cơ bản

  • Kinh nghiệm sử dụng Node.js

  • Kinh nghiệm sử dụng Express.js (Tùy chọn)

  • Mạng và Khái niệm HTTP (Tùy chọn)

Xin chào
Đây là

182

Học viên

7

Đánh giá

4.4

Xếp hạng

10

Các khóa học

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

우리동네코딩 스튜디오는 카네기 멜론, 워싱턴, 토론토, 워터루 등 북미의 주요 대학에서 컴퓨터공학을 전공하고, 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ả

53 bài giảng ∙ (5giờ 30phú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ả

1 đánh giá

4.0

1 đánh giá

  • 손정만님의 프로필 이미지
    손정만

    Đánh giá 41

    ∙

    Đánh giá trung bình 4.6

    4

    100% đã tham gia

    • nhcodingstudio
      Giảng viên

      감사합니다, 손정만님, 소중한 수강평과 좋은 평가 남겨주셔서 진심으로 감사드립니다! 🙏 여러분의 응원 덕분에 강의를 준비하는 큰 힘이 됩니다. 이번 강의를 통해 Express.js의 구조와 서버 엔진 설계 원리를 깊이 이해하셨다면, 앞으로는 백엔드 아키텍처, 데이터베이스, 서버 운영 등 더욱 실무적인 주제와 확장된 컨텐츠로 찾아뵐 수 있도록 계속 준비하겠습니다. 🚀 또한 감사와 응원의 마음을 전하며, 언제든 궁금한 점이 생기시거나 개발 관련해서 도움이 필요하실 때는 아래 오픈채팅방을 자유롭게 이용해 주세요. 함께 공부하시는 분들과도 소통 가능하고, 저도 자주 들러서 고민을 나누고 있습니다! 📮 오픈채팅방: [https://open.kakao.com/o/gC10Fnoh] 개발 여정을 언제나 진심으로 응원드리며, 다음 강의에서도 꼭 다시 뵐 수 있기를 기대합니다! 🌟

1.046.297 ₫

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

Hãy khám phá các khóa học khác của giảng viên!

Vanilla JavaScript로 직접 구현하는 Notion강의 썸네일

Vanilla JavaScript로 직접 구현하는 Notion

nhcodingstudio

이 강의는 Vanilla JavaScript로 Notion을 처음부터 끝까지 직접 구현하며, 단순한 UI 클론을 넘어서 내부 동작 원리를 깊이 이해하는 데 초점을 맞춘 풀스택 수준의 프런트엔드 프로젝트 과정입니다. 사이드바 트리, 중첩 문서 생성, 자동 저장, 라우팅, 휴지통, 즐겨찾기, 검색 모달, 설정 모달, 테마 전환, Export/Import, 키보드 단축키, 반응형 레이아웃, 드래그 리사이즈 등 실제 노트 앱의 핵심 기능을 모두 바닐라 JS로 직접 구현합니다. React, Vue 같은 프레임워크 이전에 반드시 알아야 할 브라우저 표준 동작(이벤트 버블링, DOM 트리, 로컬 스토리지, Blob, FileReader, 해시 라우팅 등)을 탄탄하게 학습해, “왜 이렇게 동작하는가”를 완전히 이해하고 디버깅할 수 있는 내공을 쌓는 것이 목표입니다.

초급

초급

JavaScript, React, 웹앱

Vanilla JavaScript로 직접 구현하는 Notion강의 썸네일

Vanilla JavaScript로 직접 구현하는 Notion

nhcodingstudio

DOM에서 픽셀까지, 브라우저 렌더링과 CRP 완전 정복 - [DOM 완전 정복 Part 3]강의 썸네일

DOM에서 픽셀까지, 브라우저 렌더링과 CRP 완전 정복 - [DOM 완전 정복 Part 3]

nhcodingstudio

이 강의는 브라우저가 HTML을 받아 DOM을 만들고, CSSOM과 결합해 화면에 픽셀을 그려내는 Critical Rendering Path(CRP) 과정을 처음부터 끝까지 다룹니다. 단순한 DOM 조작을 넘어, CSS와 JS가 성능에 어떤 영향을 주는지, 이미지·폰트 최적화, Lazy Loading, Intersection Observer, 가상 리스트, 그리고 DevTools 실습까지 이어지며 실제 웹 성능을 눈에 띄게 개선할 수 있는 실전 전략을 배울 수 있습니다.

초급

초급

HTML/CSS, JavaScript, React

DOM에서 픽셀까지, 브라우저 렌더링과 CRP 완전 정복 - [DOM 완전 정복 Part 3]강의 썸네일

DOM에서 픽셀까지, 브라우저 렌더링과 CRP 완전 정복 - [DOM 완전 정복 Part 3]

nhcodingstudio

제대로 배우는 Express.js: Part1 기초부터 심화까지 [기초편]강의 썸네일

제대로 배우는 Express.js: Part1 기초부터 심화까지 [기초편]

nhcodingstudio

물 흐르듯 따라가는 Express.js 입문부터 실전까지! 서버 기초 개념부터 CRUD 프로젝트 완성까지 직접 구현하며 제대로 익히는 백엔드 여정.

초급

초급

express.js, Node.js, routing

제대로 배우는 Express.js: Part1 기초부터 심화까지 [기초편]강의 썸네일

제대로 배우는 Express.js: Part1 기초부터 심화까지 [기초편]

nhcodingstudio

이벤트부터 SPA까지, 상호작용 웹의 필수 엔진 - [DOM 완전 정복 Part 2]강의 썸네일

이벤트부터 SPA까지, 상호작용 웹의 필수 엔진 - [DOM 완전 정복 Part 2]

nhcodingstudio

이 강의는 단순한 DOM 조작을 넘어서, 실제 사용자와의 상호작용 속에서 웹 UI를 동적으로 구성하고 반응하는 방법을 깊이 있게 학습합니다. 이벤트 시스템의 본질, 버블링과 캡처링, 이벤트 위임, 실시간 UX 피드백, 그리고 throttle & debounce를 활용한 성능 최적화까지, 실무에서 자주 마주치는 문제들을 직접 구현하며 익힐 수 있도록 구성했습니다. DOM 트리의 구조 이해를 바탕으로, 이벤트 흐름과 상태 변경을 유연하게 연결하는 능력을 기르게 됩니다.

초급

초급

HTML/CSS, JavaScript, React

이벤트부터 SPA까지, 상호작용 웹의 필수 엔진 - [DOM 완전 정복 Part 2]강의 썸네일

이벤트부터 SPA까지, 상호작용 웹의 필수 엔진 - [DOM 완전 정복 Part 2]

nhcodingstudio

구조 탐색과 조작의 모든 것 - [DOM 완전 정복 Part 1]강의 썸네일

구조 탐색과 조작의 모든 것 - [DOM 완전 정복 Part 1]

nhcodingstudio

React, Next.js, Vue를 아무리 공부해도 코드가 추상적으로 느껴지고, 구조가 확실히 이해되지 않는다면, 그 근본 원인은 DOM에 대한 이해 부족일 수 있습니다. DOM은 모든 프론트엔드 프레임워크의 기반이며, 웹 페이지의 구조와 동작을 연결해주는 실체입니다. 이 강의는 단순한 선택자나 조작법을 넘어, HTML이 어떻게 DOM 객체로 바뀌고, 이 구조를 어떻게 선택하고 탐색하며, 조작할 수 있는지를 처음부터 차근차근 알려주는 DOM 완전 정복의 Part 1 입문 강의입니다. HTML 태그는 구조일 뿐이고, 자바스크립트는 행동일 뿐이지만, 그 둘을 연결하는 핵심이 DOM입니다. 이 연결고리를 명확히 이해하면, 어떤 프레임워크를 쓰든 그 안의 진짜 구조와 흐름을 정확히 꿰뚫어볼 수 있게 됩니다.

입문

입문

HTML/CSS, JavaScript, React

구조 탐색과 조작의 모든 것 - [DOM 완전 정복 Part 1]강의 썸네일

구조 탐색과 조작의 모든 것 - [DOM 완전 정복 Part 1]

nhcodingstudio

제대로 배우는 JavaScript: 객체지향 프로그래밍 완성 & 전략형 AI 틱택토 실전 Part2 [중급편]강의 썸네일

제대로 배우는 JavaScript: 객체지향 프로그래밍 완성 & 전략형 AI 틱택토 실전 Part2 [중급편]

nhcodingstudio

📌 이 강의는 전략형 AI 틱택토 프로젝트로 시작해, 객체지향 프로그래밍의 핵심 개념까지 실전 예제로 완성하는 커리큘럼입니다. 게임 구현으로 로직 설계와 AI 전략 사고를 훈련하고, 이어서 상속, 조합, 위임, 캡슐화 같은 OOP 설계 기술을 직접 코드로 경험합니다. 실제 프로젝트로 문법을 넘어서 ‘설계하는 개발자’로 성장하고 싶은 분께 추천드립니다.

초급

초급

JavaScript, HTML/CSS, 객체지향

제대로 배우는 JavaScript: 객체지향 프로그래밍 완성 & 전략형 AI 틱택토 실전 Part2 [중급편]강의 썸네일

제대로 배우는 JavaScript: 객체지향 프로그래밍 완성 & 전략형 AI 틱택토 실전 Part2 [중급편]

nhcodingstudio

제대로 배우는 JavaScript: 초보자부터 실무자까지 완벽 정복 Part1 - [기초편]강의 썸네일

제대로 배우는 JavaScript: 초보자부터 실무자까지 완벽 정복 Part1 - [기초편]

nhcodingstudio

이 강의를 통해 수강생은 개발 환경 설정부터 변수, 조건문, 함수, 객체, 배열 등 JavaScript의 기초와 심화 개념을 폭넓게 학습합니다. 실습과 퀴즈로 꼼꼼히 복습하여, 웹·모바일 실무에 바로 적용 가능한 문제 해결 능력을 갖출 수 있습니다.

입문

입문

JavaScript, HTML/CSS, 웹앱

제대로 배우는 JavaScript: 초보자부터 실무자까지 완벽 정복 Part1 - [기초편]강의 썸네일

제대로 배우는 JavaScript: 초보자부터 실무자까지 완벽 정복 Part1 - [기초편]

nhcodingstudio

제대로 배우는 HTML + CSS: 입문부터 실전까지 완벽 정복 Part2 - [중급편]강의 썸네일

제대로 배우는 HTML + CSS: 입문부터 실전까지 완벽 정복 Part2 - [중급편]

nhcodingstudio

“CSS Position, Transition, Transform, Animation, Flexbox, Grid, 반응형 웹” 등 중급 이상의 CSS 기술을 체계적으로 마스터하고, 다양한 실습 프로젝트를 통해 실무에서 즉시 적용 가능한 스킬을 습득할 수 있는 강의입니다.

초급

초급

HTML/CSS

제대로 배우는 HTML + CSS: 입문부터 실전까지 완벽 정복 Part2 - [중급편]강의 썸네일

제대로 배우는 HTML + CSS: 입문부터 실전까지 완벽 정복 Part2 - [중급편]

nhcodingstudio

제대로 배우는 HTML + CSS: 입문부터 실전까지 완벽 정복 Part1 - [기초편]강의 썸네일

제대로 배우는 HTML + CSS: 입문부터 실전까지 완벽 정복 Part1 - [기초편]

nhcodingstudio

“제대로 배우는 HTML + CSS: 입문부터 실전까지 완벽 정복 Part1” 강의는 인터넷과 웹의 작동 원리를 깊이 이해하고, 실습 위주의 커리큘럼을 통해 HTML/CSS 기초를 탄탄하게 익히는 과정입니다. 이 강의만 들으면 웹 개발의 필수 개념을 확실히 잡고, 바로 프로젝트에 적용할 수 있게 됩니다.

입문

입문

HTML/CSS

제대로 배우는 HTML + CSS: 입문부터 실전까지 완벽 정복 Part1 - [기초편]강의 썸네일

제대로 배우는 HTML + CSS: 입문부터 실전까지 완벽 정복 Part1 - [기초편]

nhcodingstudio

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!

코로나맵 개발자와 함께하는 지도서비스 만들기 2강의 썸네일

코로나맵 개발자와 함께하는 지도서비스 만들기 2

이동훈

코로나맵 개발자가 알려주는 지도 서비스 제작 심화 강의입니다.

중급이상

중급이상

Node.js, MongoDB, Express

코로나맵 개발자와 함께하는 지도서비스 만들기 2강의 썸네일

코로나맵 개발자와 함께하는 지도서비스 만들기 2

이동훈

따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]강의 썸네일

따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]

John Ahn

이 강의를 통해서 쇼핑몰 웹사이트를 처음부터 하나하나 만들어 보실 수 있습니다.

중급이상

중급이상

React, Redux, Node.js

따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]강의 썸네일

따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]

John Ahn

처음하는 파이썬 백엔드 FastAPI 입문 (FastAPI부터 비동기 SQLAlchemy까지) [풀스택 Part1-2]강의 썸네일

처음하는 파이썬 백엔드 FastAPI 입문 (FastAPI부터 비동기 SQLAlchemy까지) [풀스택 Part1-2]

잔재미코딩 DaveLee

최신 풀스택과 백엔드를 위해 쉽고 성능도 빠른 FastAPI, 쉽게 차근차근 백엔드 개념부터 FastAPI 핵심 문법과 비동기 데이터베이스 활용까지 깔끔한 자료와 프로젝트로 정리할 수 있는 강의입니다.

초급

초급

FastAPI, Python, backend

처음하는 파이썬 백엔드 FastAPI 입문 (FastAPI부터 비동기 SQLAlchemy까지) [풀스택 Part1-2]강의 썸네일

처음하는 파이썬 백엔드 FastAPI 입문 (FastAPI부터 비동기 SQLAlchemy까지) [풀스택 Part1-2]

잔재미코딩 DaveLee

제대로 배우는 Express.js: Part1 기초부터 심화까지 [기초편]강의 썸네일

제대로 배우는 Express.js: Part1 기초부터 심화까지 [기초편]

nhcodingstudio

물 흐르듯 따라가는 Express.js 입문부터 실전까지! 서버 기초 개념부터 CRUD 프로젝트 완성까지 직접 구현하며 제대로 익히는 백엔드 여정.

초급

초급

express.js, Node.js, routing

제대로 배우는 Express.js: Part1 기초부터 심화까지 [기초편]강의 썸네일

제대로 배우는 Express.js: Part1 기초부터 심화까지 [기초편]

nhcodingstudio

따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기강의 썸네일

따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기

John Ahn

이 강의를 통해 리액트와 노드등의 개념만이 아닌, 실질적으로 어떻게 웹 사이트를 만드는지를 배울 수 있습니다.

초급

초급

React, Node.js, 웹앱

따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기강의 썸네일

따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기

John Ahn

시스템 디자인 첫걸음: 면접에서 돋보이는 백엔드 아키텍처 설계하기강의 썸네일

시스템 디자인 첫걸음: 면접에서 돋보이는 백엔드 아키텍처 설계하기

성장랜턴

API 설계, CRUD 구현, JWT 인증 같은 기초를 넘어 백엔드 아키텍처 설계까지! 면접에서 설계 경험을 자신 있게 말할 수 있는 ‘나만의 백엔드 아키텍처’를 만들기 위한 시스템 디자인 입문 강의입니다.

초급

초급

아키텍처, backend, 소프트웨어 설계

시스템 디자인 첫걸음: 면접에서 돋보이는 백엔드 아키텍처 설계하기강의 썸네일

시스템 디자인 첫걸음: 면접에서 돋보이는 백엔드 아키텍처 설계하기

성장랜턴

프로젝트로 쉽게 배우는 TypeScript 기초강의 썸네일

프로젝트로 쉽게 배우는 TypeScript 기초

Michael Kwon

타입스크립트의 핵심 개념을 기초부터 실습까지 한 번에! 프로젝트를 통해 실무 활용까지

초급

초급

JavaScript, TypeScript, TailwindCSS

프로젝트로 쉽게 배우는 TypeScript 기초강의 썸네일

프로젝트로 쉽게 배우는 TypeScript 기초

Michael Kwon

시나브로 자바스크립트강의 썸네일

시나브로 자바스크립트

이은재

자바스크립트로 다양한 주제를 바닥부터 개발해 보며 튼튼한 실력의 기반과 자신감을 쌓아보세요.

중급이상

중급이상

JavaScript, vanilla-js

시나브로 자바스크립트강의 썸네일

시나브로 자바스크립트

이은재

내 마음대로 되지 않는 백엔드 테스트코드 - 희망편 & 현실편강의 썸네일

내 마음대로 되지 않는 백엔드 테스트코드 - 희망편 & 현실편

인프런

초급

초급

소프트웨어 테스트, backend, Node.js

내 마음대로 되지 않는 백엔드 테스트코드 - 희망편 & 현실편강의 썸네일

내 마음대로 되지 않는 백엔드 테스트코드 - 희망편 & 현실편

인프런

Vue로 Nodebird SNS 만들기강의 썸네일

Vue로 Nodebird SNS 만들기

제로초(조현영)

Vue와 Nuxt 프레임워크를 사용해 SNS 서비스를 만듭니다. 서비스에 필요한 풀스택 지식을 학습합니다.

중급이상

중급이상

Vue.js, Node.js, AWS

Vue로 Nodebird SNS 만들기강의 썸네일

Vue로 Nodebird SNS 만들기

제로초(조현영)

코어 자바스크립트강의 썸네일

코어 자바스크립트

정재남

ES6 이전까지의 자바스크립트 전체를 관통하는 핵심 개념들에 대하여, 전반적인 흐름을 살펴보는 강의입니다.

초급

초급

JavaScript

코어 자바스크립트강의 썸네일

코어 자바스크립트

정재남

절대강좌! 유니티6 - UGS를 활용한 백엔드 시스템 구축강의 썸네일

절대강좌! 유니티6 - UGS를 활용한 백엔드 시스템 구축

이재현

UGS(Unity Gaming Service)를 활용하여 게임 백엔드 시스템을 손쉽게 구현하는 방법을 다루는 강의입니다. Guest 인증 및 Username/Password 인증, 게임 데이터 저장, 리더보드, Remote Config 등 필수적인 기능을 실습합니다. UGS는 유니티와 완벽한 에코시스템을 구축해 진입 장벽없이 쉽게 학습하고 여러분의 프로젝트에 바로 적용할 수 있는 실전 강의를 준비했습니다.

초급

초급

Unity, backend, authentication

절대강좌! 유니티6 - UGS를 활용한 백엔드 시스템 구축강의 썸네일

절대강좌! 유니티6 - UGS를 활용한 백엔드 시스템 구축

이재현

하루만에 배우는 AWS OpenSearch강의 썸네일

하루만에 배우는 AWS OpenSearch

양동준

AWS 서비스에 OpenSearch 및 ElasticSearch를 도입하고 싶은 분들에게 AWS OpenSearch 소프트웨어를 중심으로 빠른 결과물을 보여드립니다.

초급

초급

AWS, amazon-opensearch, amazon-cloudsearch

하루만에 배우는 AWS OpenSearch강의 썸네일

하루만에 배우는 AWS OpenSearch

양동준

모르면 승진 안되는 시스템 디자인강의 썸네일

모르면 승진 안되는 시스템 디자인

실리콘밸리 아저씨들

실리콘 밸리 엔지니어 아저씨들이 가르치는 소프트웨어 시스템 디자인 강의에서는 대규모 시스템의 설계 원칙과 아키텍처 패턴을 학습하며, 안정적이고 확장 가능한 소프트웨어 솔루션을 구축하는 방법을 배웁니다. 또한, 실무 사례를 통해 성능 최적화 및 장애 대응 전략을 다룹니다.

중급이상

중급이상

소프트웨어 설계, 소프트웨어 공학, 시스템 디자인

모르면 승진 안되는 시스템 디자인강의 썸네일

모르면 승진 안되는 시스템 디자인

실리콘밸리 아저씨들

진짜! 자바스크립트(Javascript) - 기초부터 고급까지강의 썸네일

진짜! 자바스크립트(Javascript) - 기초부터 고급까지

코딩맥스 CodingMax

🌟 자바스크립트의 기초부터 고급까지, 진짜! 자바스크립트 강의에서 시작하세요! 🌟

입문

입문

JavaScript, ES6, es5

진짜! 자바스크립트(Javascript) - 기초부터 고급까지강의 썸네일

진짜! 자바스크립트(Javascript) - 기초부터 고급까지

코딩맥스 CodingMax

자바스크립트 머신러닝 TensorFlow.js강의 썸네일

자바스크립트 머신러닝 TensorFlow.js

김영보

자바스크립트 환경에서 머신러닝 개념을 다룹니다. 자바스크립트와 TensorFlow.js로 머신러닝을 구현하는 형태와 코드를 다룹니다.

중급이상

중급이상

Tensorflow, JavaScript, 머신러닝

자바스크립트 머신러닝 TensorFlow.js강의 썸네일

자바스크립트 머신러닝 TensorFlow.js

김영보

Node.js로 데이터베이스 다루고 웹 애플리케이션 만들기강의 썸네일

Node.js로 데이터베이스 다루고 웹 애플리케이션 만들기

Egoing Lee

서버측 자바스크립트 언어인 Nodejs 와 데이터베이스의 관계를 소개하고 NodeJs 와 데이터베이스를 통해 웹어플리케이션을 제작하는 방법을 알려줍니다.

초급

초급

Node.js

Node.js로 데이터베이스 다루고 웹 애플리케이션 만들기강의 썸네일

Node.js로 데이터베이스 다루고 웹 애플리케이션 만들기

Egoing Lee

[7일완성]생각하는 데이터베이스모델링강의 썸네일

[7일완성]생각하는 데이터베이스모델링

박매일

[TPC DB!] 생각하면서 배우는 데이터베이스모델링,단계별로 배우는 데이터베이스모델링, 데이터베이스모델링에서부터 웹프로그래밍 구현까지 한번에 마스터 할 수 있는 강의입니다.

초급

초급

DBMS/RDBMS, SQL, ERD

[7일완성]생각하는 데이터베이스모델링강의 썸네일

[7일완성]생각하는 데이터베이스모델링

박매일

모바일, 태블릿, pc 반응형 인스타그램 클론코딩강의 썸네일

모바일, 태블릿, pc 반응형 인스타그램 클론코딩

더코딩클럽

이 강의를 통해 수강생은 HTML, CSS, JS로 인스타그램과 비슷한 웹서비스를 만들 수있습니다. ( 프론트만 구현했습니다! 백엔드 서버 구축은 차후 강의 촬영 예정입니다.)

초급

초급

HTML/CSS, JavaScript, 클론코딩

모바일, 태블릿, pc 반응형 인스타그램 클론코딩강의 썸네일

모바일, 태블릿, pc 반응형 인스타그램 클론코딩

더코딩클럽

뉴비를 위한 자바스크립트강의 썸네일

뉴비를 위한 자바스크립트

얄팍한 코딩사전

코딩을 자바스크립트로 시작하시는 분들을 위한, 가장 쉬운 자바스크립트 강의입니다.

입문

입문

JavaScript

뉴비를 위한 자바스크립트강의 썸네일

뉴비를 위한 자바스크립트

얄팍한 코딩사전