bootstrap exercises tutorial

Bootstrap은 4geeks Academy에서 튜토리얼을 연습합니다

안녕! 저는 Alejandro Sanchez @alesanchezr입니다. ? ? 코드를 배우는 것은 어렵습니다. 코칭이 필요합니다! 질문이 있으면 트위터에서 DM Me. 당신은 다음과 같은 개념을 배울 것입니다.

당신은 다음과 같은 개념을 배울 것입니다.

1. 웹 사이트에 부트 스트랩을 적용하는 방법.

2. 웹 사이트에서 HTML 요소를 선택하여 부트 스트랩 스타일을 적용합니다.

3. 해당 요소에 부트 스트랩 클래스를 적용하십시오.

4. 가장 인기있는 부트 스트랩 규칙을 사용하십시오.

5. 가장 인기있는 부트 스트랩 트릭을 배우십시오.

시작하기 전에 ... 기타 관련 튜토리얼

1. HTML을 배우십시오
2. HTML 양식을 배우십시오
3. CSS를 배우십시오
4. CSS 레이아웃을 배우십시오
5. Bootstrap을 배우십시오 ← 당신은 지금 여기 있습니다

자가 그레이드 CSS 운동의 완전한 선택, CSS 학습에 관심이있는 사람!

한 번의 클릭 설치 (권장) :

Codespace (권장)에서 열거 나 GITPOD에서 열면 몇 초만 에이 연습을 열 수 있습니다.

VSCODE가 열리면 LearnPack 연습이 자동으로 시작해야합니다. 연습이 자동으로 실행되지 않으면 터미널에서 입력을 시도 할 수 있습니다 : $ learnpack start

로컬 설치 :

지역 환경에서 저장소를 복제하고 아래 단계를 따르십시오.

1. Learnpack, Learn Pack 튜토리얼의 패키지 관리자 및 LearnPack의 노드 컴파일러 플러그인을 설치하십시오. Node.js 14+도 있는지 확인하십시오.

$ npm i learnpack -g
$ learnpack plugins:install learnpack-html

2. LearnPack과 cd 사용 하여이 특정 연습을 폴더로 다운로드하십시오.

$ learnpack download bootstrap-exercises-tutorial
$ cd bootstrap-exercises-tutorial

참고 : 다운로드를 마치면 모든 연습이 포함 된 "연습"폴더가 있습니다.

3. Learn.json 파일과 같은 수준에서 다음 명령을 실행하여 튜토리얼/연습을 시작하십시오.

$ npm i [email protected] -g
$ learnpack start

운동은 어떻게 구성됩니까?

각 운동은 다음 파일을 포함하는 소규모 React 응용 프로그램입니다.

1. index.html : 전체 연습의 입력 파일을 나타냅니다.
2. readme.md : 운동 지침이 포함되어 있습니다.
3. test.js : 이 파일을 열 필요가 없으며 운동에 대한 테스트 스크립트가 포함되어 있습니다.

참고 : 연습에는 자동 채점이 있지만 매우 엄격하고 엄격합니다. 내 권장 사항은 테스트를 너무 심각하게 수행하지 않고 제안으로 만 사용하는 것이 좋습니다. 그렇지 않으면 좌절감을 느낄 수 있습니다.

기고자

이 멋진 사람들에게 감사합니다 (이모티콘 키) :

1. Alejandro Sanchez (Alesanchezr), 기여 : (코더) (아이디어)?, (빌드 테스트) 켈 , (Pull-Request-Review)? (Build-Tutorial) ut (문서)

이 프로젝트는 All-Contritors 사양을 따릅니다. 모든 종류의 공헌을 환영합니다!

이 연습은 Alejandro Sánchez의 4Geeks Academy Coding Bootcamp의 일환으로 학생들이 구축합니다. 전체 스택 개발자 코스 및 데이터 과학 부트 캠프에 대해 자세히 알아보십시오.