대부분의 웹 사이트에는 랜딩 페이지가 있으며 누군가는 모든 랜딩 페이지를 만들어야 합니다.

HTML, SCSS 및 JavaScript를 사용하여 반응형 웹 사이트를 처음부터 구축하는 방법을 알려주는 freeCodeCamp.org YouTube 채널에서 5 시간 과정을 출시했습니다.

Jessica Chan이이 과정을 만들었습니다. 그녀는 인기 있는 Coder Coder YouTube 채널을 운영하며 많은 소프트웨어 과정을 만들었습니다. 이 과정에서 Jessica는 작업을 수행하는 방법 뿐만 아니라 특정 방식으로 작업을 수행하는 이유를 설명합니다.

이 과정의 첫 번째 부분에서는 프로젝트를 설정하고 데스크톱 탐색 모음을 만드는 방법을 배웁니다. 2 부에서는 햄버거 및 오버레이 애니메이션 제작을 다룹니다. 코드 작성 및 문제 해결을 포함한 전체 프로세스를 볼 수 있습니다. 그런 다음 3 부에서는 오프 캔버스 모바일 메뉴를 만드는 방법과 오버레이를 조정하는 방법을 배웁니다.

https://www.freecodecamp.org/news/how-to-make-a-landing-page-using-html-scss-and-javascript/

다음 몇 부분에서는 배경 이미지로 반응형 히어로를 빌드하고 flexbox 및 CSS 그리드를 사용하여 기능 및 블로그 기사 섹션에 대해 4 열 반응형 레이아웃을 빌드하는 방법을 배웁니다. 마지막으로 CSS 그리드 템플릿 영역을 사용하여 랜딩 페이지의 바닥 글을 만드는 방법을 배웁니다.

freeCodeCamp.org YouTube 채널에서 전체 과정을 시청하십시오 (5 시간 시청).