빌드 할 다른 웹 앱 프로젝트를 찾고 있습니까? 웹 사이트에 접근성을 통합하는 데 관심이 있습니까? 모바일 우선 앱을 만드는 방법에 대해 자세히 알고 싶으십니까?

이러한 질문 중 하나에 "예"라고 답했다면 freeCodeCamp.org YouTube 채널에서 방금 공개 한이 새로운 자습서가 마음에 들 것입니다.

이 자습서에서는 HTML, Sass 및 일반 바닐라 JavaScript를 사용하여 할 일 목록 앱을 빌드합니다. 모바일 우선을 염두에 두고 앱이 반응합니다.

이 앱은 키보드 탐색 및 스크린 리더를 위해 접근성 (A11y)을 염두에 두고 구축됩니다. 또한 Web Storage API를 사용하여 영구 데이터 저장소를 생성하여 웹 앱을 방문 할 때마다 목록 항목이 다시 표시되도록 합니다.

이 튜토리얼은 Dave Gray가 작성했습니다. Dave는 웹 개발을 가르치는 대학 강사입니다. 그는 또한 훌륭한 튜토리얼이 많은 YouTube 채널을 가지고 있습니다.

이 튜토리얼에서 Dave가 다루는 주제는 다음과 같습니다.

• HTML 기초
• SASS / CSS 스타일
• 자바 스크립트 클래스
• 자바 스크립트 함수
• 접근성 기능 테스트
• A11y에 대한 코드 정리 및 개선 사항
• 앱 수정 및 개선 사항 테스트
• 앱 개선

freeCodeCamp.org YouTube 채널 (2 시간 시청)에서 전체 자습서를 시청하세요.