파이차트HTML와 JavaScript를 사용하여 원형 차트를 만들 수 있습니다. 수학교과의 통계 학습을 통해 얻은 결과값을 항목에 넣어 JavaScript 배열을 사용해 코딩하여 산출물을 만들 수 있습니다.

디지털 일기HTML과 CSS를 사용하여 디지털 일기를 만듭니다. 국어/영어 교과를 통해 학습하고 기록한 작문을 CSS로 배경 색상을 커스터마이징하고, HTML로 자신의 글을 표현하여 디지털 일기장을 만듭니다.

블로그 메이커HTML을 이용하여 블로그를 만들어 봅니다. 사회 등 교과시간에 학습하고 조사한 2개의 기사, 2-3개의 이미지, 이미지에 대한 캡션, 2개의 단락과 3개의 문단으로 작성합니다. 독자의 편의를 위해 상단으로 이동하는 버튼을 추가하여 블로그를 완성합니다.

디지털 어시스턴트HTML, CSS, JS를 사용하여 디지털 비서를 만듭니다. 영어회화 교과 시간에 학습한 대화 및 다양한 주제의 대화를 입력하여 자동화된 응답을 받을 수 있는 산출물을 만들어 보세요. JS의 onclick이라는 함수를 호출하는 속성을 추가하여 디지털 어시스턴스의 응답을 형성합니다.

타임라인HTML과 CSS를 사용하여 교과시간에 학습한 연대기를 정리한 타임라인을 제작합니다. HTML로 섹션을 나누어 이벤트, 일정, 이미지를 추가하여 연대기를 완성합니다.

앱 리뷰HTML과 CSS를 사용하여 도서리뷰앱을 만들어 봅니다. 교과시간에 읽은 도서의 간략한 요약과 저자, 평가를 이미지가 있는 카드에 넣어 앱을 만듭니다.

퀴즈 메이커다양한 교과로 학습한 개념을 퀴즈로 만들어 학습 기억력을 향상시키고 디지털 역량을 강화할 수 있습니다. HTML와 JavaScript 의 배열, 식별, 변수를 활용하여 퀴즈를 만들어 학급에 공유하여 사용해 보세요.

매드립스영어 단어를 채워 창의적인 이야기를 만들어 낼 수 있는 코드를 설정합니다. JavaScript의 문자열 제시하는 키워드에 해당하는 단어를 통해 창의적이고 흥미로운 이야기가 산출됩니다.