freeCodeCamp.org의 무료 자기 주도형 프로그래밍·수학 커리큘럼과 학습 플랫폼을 구동하는 오픈 소스 코드베이스입니다.
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
GitHub에서 저장소를 포크합니다
- 2
포크한 저장소를 컴퓨터에 클론합니다
git clone https://github.com/microsoft/Web-Dev-For-Beginners.git - 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 통계는 매일 갱신됩니다.
관련 프로젝트
일상적인 프로그래밍 패턴을 30초 이내에 익힐 수 있도록 짧고 독립적으로 읽을 수 있는 JavaScript 글과 코드 스니펫을 모았습니다.
Scikit-learn을 활용한 12주·26강 입문자용 고전 머신러닝 커리큘럼으로, Python 및 R 강의와 퀴즈를 제공합니다.
초보자를 위한 무료 30일 JavaScript 단계별 강의로, 매일 학습 자료와 연습 문제, 미니 프로젝트를 제공합니다.
Microsoft가 Python, 퀴즈, 프로젝트를 활용해 데이터 과학 핵심 주제를 다루는 10주·20강 초보자 커리큘럼입니다.
JavaScript 기초부터 hooks, 라우팅, 상태 관리까지 단계별로 배우는 30일 React 강의입니다.