Responsive_Portfolio 다운로드 - Responsive_Portfolio 소스 코드 다운로드

Responsive_Portfolio

기타 소스코드

1.0.0

다운로드

단위 02 CSS 및 부트 스트랩 숙제 : 반응 형 포트폴리오

반응 형 디자인을 통해 웹 애플리케이션은 다양한 장치와 창 또는 화면 크기에서 잘 렌더링되도록합니다. 개발자는 모바일 우선 응용 프로그램을 만들거나 기존 애플리케이션에 반응 형 디자인을 추가하라는 요청을받을 수 있습니다.

지도

부트 스트랩 CSS 프레임 워크를 사용하여 모바일 응답 포트폴리오를 만듭니다. 이것을 어떻게 전달합니까?
다음 파일 파일 생성 :

부트 스트랩을 사용하여 다음 항목으로 포트폴리오 사이트를 개발하십시오. NAVBAR b. 반응 형 레이아웃 c. 반응 형 이미지 부트 스트랩 포트폴리오는 미디어 쿼리 사용을 최소화해야합니다.

힌트

- 부트 스트랩의 그리드 시스템 (컨테이너, 행 및 열)을 사용하십시오.
- xs 화면에서 컨텐츠는 전체 화면을 차지해야합니다. sm 과 더 큰 화면에서는 화면의 왼쪽과 오른쪽에 약간의 여백이 있어야합니다. 모바일 장치와 컴퓨터의 다양한 사이트를 확인하여 이러한 차이점의 예를 확인하십시오.
HTML 유효성 검사 서비스를 사용하여 각 페이지에 유효한 HTML이 있는지 확인하십시오. 여분의 작은 <576px 소형 ≥576px 중간 ≥768px 큰 ≥992px 추가 대규모 ≥1200px. Container 100% 540px 720px 960px 1140px. 1140px. Container-LG 100% 100% 100% 960px 1140px .Container-XL 100% 100% 100% 100% 1140px.

최소 요구 사항

o 기능적, 배포 된 응용 프로그램 O Github 리포지토리는 프로젝트를 설명하는 readme를 사용하여 각 페이지에서 일관성이 있어야합니다. o 각 페이지의 Navbar에는 Home/About, Contact 및 포트폴리오 페이지에 대한 링크가 포함되어야합니다. o 모든 링크가 작동해야합니다. o Semantic HTML을 사용해야합니다. o 각 페이지에는 유효하고 올바른 HTML이 있어야합니다. (유효성 검사 서비스 사용) o 개인화 된 정보를 포함해야합니다. (바이오, 이름, 이미지, 소셜 미디어 링크 등) o 부트 스트랩 구성 요소 및 그리드 시스템을 올바르게 활용해야합니다.

보너스

부트 스트랩을 사용하여 끈적 끈적한 바닥 글을 만들고 포트폴리오 사이트에서 하위 줄과 하위 열을 사용하십시오 ( 힌트 : 부트 스트랩 문서를 확인하십시오).
일찍 그리고 자주 커밋합니다
웹 개발자로서 마스터하는 가장 중요한 기술 중 하나는 버전 제어입니다. Git을 통해 커밋하는 습관 구축은 두 가지 이유로 중요합니다.
프로젝트를 적극적으로 노력하고 새로운 기술을 배우고 있다는 고용주에게 신호입니다.
이전 상태로 돌아 가야하는 경우 코드베이스를 되돌릴 수 있습니다.

커밋을 위해 다음과 같은 지침을 따르십시오.

- 깨끗하고 관리하기 쉬운 역사를 보장하기 위해 관련 변경을 위해 단일 목적을 제공합니다. 두 가지 문제를 해결하는 경우 두 번의 커밋을하십시오.
- 당신과 당신의 저장소를 보는 다른 사람이 그 역사를 쉽게 이해할 수 있도록 설명적이고 의미있는 커밋 메시지를 작성하십시오.
- 공동 작업자 (및 미래의 자아)를 위해 반쯤 일하는 일을하지 마십시오.
- 개발 프로세스의 모든 단계에서 기능을 보장하기 전에 응용 프로그램을 테스트하십시오.
우리는 당신이 졸업식으로 200 명 이상의 커밋을 받기를 바랍니다. 그래서 일찍 그리고 자주 커밋하십시오!