Repolode
microsoft

microsoft/Web-Dev-For-Beginners

테라리움, 타이핑 게임, 우주 게임 등 실습 프로젝트를 통해 HTML, CSS, JavaScript를 배우는 12주·24강 초보자 커리큘럼입니다.

스타
97,003
포크
16,043
열린 이슈
145
마지막 커밋
14시간 전

어떤 프로젝트인가요?

Web Development for Beginners는 웹 개발을 처음 시작하는 사람들을 위해 Microsoft Cloud Advocates가 만든 무료 프로젝트 기반 커리큘럼입니다. 약 12주 동안 진행되는 24개 강의로 구성되어 있으며 JavaScript, CSS, HTML의 기초를 다룹니다.

각 강의는 드래그 앤 드롭 기능이 있는 온라인 테라리움, 타이핑 게임, 친환경 브라우저 확장 프로그램, Canvas API를 사용하는 우주 게임, 여러 페이지로 구성된 뱅킹 앱 등 실습 프로젝트를 중심으로 진행됩니다. 강의에는 강의 전후 퀴즈, 이해도 점검, 도전 과제와 과제가 포함됩니다. 저장소에는 각각 세 문항으로 구성된 퀴즈 48개를 제공하는 별도의 퀴즈 앱도 포함되어 있습니다.

이 과정은 50개 이상의 언어로 제공되며, GitHub Codespaces나 로컬 환경의 Visual Studio Code에서 진행할 수 있습니다. Docsify로 오프라인에서 읽거나 PDF로 볼 수도 있습니다. 저장소에는 JavaScript용 Generative AI 과정과 AI assistant 프로젝트도 포함되어 있습니다.

핵심 기능

  • 01약 12주 과정으로 구성된 24개 강의
  • 02테라리움, 타이핑 게임, 브라우저 확장 프로그램, 우주 게임, 뱅킹 앱 프로젝트 포함
  • 03각 강의에 강의 전후 퀴즈, 이해도 점검, 과제 포함
  • 0450개 이상의 언어로 제공되며 빠른 클론을 위한 sparse checkout 지원
  • 05GitHub Codespaces 또는 로컬 환경의 Visual Studio Code에서 실행 가능

활용 사례

  • HTML, CSS, JavaScript를 체계적으로 배우고 싶은 완전 초보자
  • 프로젝트 기반 강의로 웹 개발 수업을 진행하는 교사
  • 이론을 읽기보다 작은 게임과 확장 프로그램을 직접 만들며 배우고 싶은 학습자

빠른 시작

  1. 1

    GitHub에서 저장소를 포크합니다

  2. 2

    포크한 저장소를 컴퓨터에 클론합니다

    git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
  3. 3

    Visual Studio Code에서 폴더를 열고 「1-getting-started-lessons」 폴더의 Lesson 1부터 시작합니다

사용 전 알아둘 점

  • 레슨은 실행 가능한 애플리케이션이 아니라 학습 자료이므로 실행할 단일 프로그램이 없습니다.
  • 대부분의 콘텐츠는 영어이며, 자동 번역 과정을 거친 번역이 제공됩니다.

토픽

자주 묻는 질문

Web-Dev-For-Beginners은(는) 무엇인가요?
테라리움, 타이핑 게임, 우주 게임 등 실습 프로젝트를 통해 HTML, CSS, JavaScript를 배우는 12주·24강 초보자 커리큘럼입니다. Web Development for Beginners는 웹 개발을 처음 시작하는 사람들을 위해 Microsoft Cloud Advocates가 만든 무료 프로젝트 기반 커리큘럼입니다. 약 12주 동안 진행되는 24개 강의로 구성되어 있으며 JavaScript, CSS, HTML의 기초를 다룹니다.
Web-Dev-For-Beginners은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
Web-Dev-For-Beginners은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
Web-Dev-For-Beginners은(는) 아직 유지보수되고 있나요?
활발히 유지보수 중. Web-Dev-For-Beginners의 마지막 커밋은 2026년 10월 20일입니다.
Web-Dev-For-Beginners은(는) 어디에 사용할 수 있나요?
HTML, CSS, JavaScript를 체계적으로 배우고 싶은 완전 초보자 프로젝트 기반 강의로 웹 개발 수업을 진행하는 교사 이론을 읽기보다 작은 게임과 확장 프로그램을 직접 만들며 배우고 싶은 학습자
Web-Dev-For-Beginners는 어떻게 설치하나요?
GitHub에서 저장소를 포크합니다 포크한 저장소를 컴퓨터에 클론합니다: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git Visual Studio Code에서 폴더를 열고 「1-getting-started-lessons」 폴더의 Lesson 1부터 시작합니다
Web-Dev-For-Beginners은(는) 어디서 받을 수 있나요?
소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/microsoft/Web-Dev-For-Beginners

요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.

관련 프로젝트