부트스트랩(BOOTSTRAP)을 활용한 반응형 웹페이지 만들기
부트스트랩(BOOTSTRAP)을 활용한 반응형 웹페이지 만들기
수강정보
(26개의 수강평)
19790명의 수강생
25% 할인, D-1
24,750원
33,000원
지식공유자 : 인프런
23회 수업 · 총 16시간 35분 수업
기간 : 12개월동안 무제한 시청
수료증 : 발급 강의
수강 난이도 : 초급

이 강의는

디바이스 장치에 따라 레이아웃이 바뀌는 반응형 웹페이지를 만들기 위해 부트스트랩을 활용하는 방법에 대한 강의입니다.

이런 걸 배워요

  • 반응형 웹페이지
  • 부트스트랩의 구성요소 및 스타일
  • 부트스트랩에서 제공하는 자바스크립트의 활용

반응형 웹페이지 개발을 위한
부트스트랩 활용 🌩️

🗒 강의소개

(이 강의는 강사의 답변이 제공되지 않습니다. 참고하시기 바랍니다.)

이 강의에서는 디바이스 장치에 따라 레이아웃이 바뀌는 반응형 웹페이지 개발을 위해 부트스트랩(BOOTSTRAP)을 활용하는 방법에 대한 내용을 살펴봅니다.

웹페이지를 제작하기 위한 html5, css3, jQuery에 대한 기본 지식이 있는 분들을 대상으로 하지만, 기본 지식이 부족하더라도 강의를 반복적으로 시청하며 따라할 수 있도록 제작했습니다.

💡 학습 목표

  • 반응형 웹페이지의 개념을 이해합니다.
  • 부트스트랩의 구성요소를 파악하고 부트스트랩의 다양한 구성요소를 공부합니다.
  • 부트스트랩의 스타일을 익히고 활용하는 방법에 대하여 학습합니다.
  • 동적으로 반응하는 요소를 만들기 위해 부트스트랩에서 제공하는 자바스크립트를 활용해 동작하도록 하는 방법을 익힙니다.

🌈 강의 맛보기

도움 되는 분들

  • 반응형 웹페이지 개발에 관심있는 분
  • 부트스트랩 활용법을 학습하고 싶은 분

선수 지식

  • html5, css3, jQuery에 대한 기본 지식

지식공유자 소개

우리는 성장기회의 평등을 추구합니다.

교육과정

모두 펼치기 23 강의 16시간 35분
섹션 0. 부트스트랩(BOOTSTRAP)을 활용한 반응형 웹페이지 만들기
23 강의 995 : 00
부트스트랩의 개념
46 : 36
서브라임텍스트 설치와 반응형 코딩(1) (교안 포함)
34 : 38
서브라임텍스트 설치와 반응형 코딩(2)
38 : 50
부트스트랩 시작하기
38 : 17
디바이스마다 달라지는 레이아웃
37 : 57
부트스트랩의 다양한 스타일과 반응형 레이아웃 실습
46 : 16
그리드의 다양한 옵션
43 : 37
다양한 테이블 스타일과 폼태그 스타일
44 : 11
다양한 버튼 스타일
39 : 33
반응형 이미지 스타일
34 : 43
도움을 주는 클래스들
44 : 12
디바이스 사이즈마다 요소를 보이고 숨기는 클래스
54 : 29
다양한 컴포넌트(글리피곤, 드랍다운, 네비게이션)의 활용
45 : 22
네비게이션 바의 사용법
45 : 19
네비게이션 바를 스크롤스파이하기
41 : 38
경로, 페이지네이션, 라벨, 배지, 점보트론 컴포넌트의 활용
44 : 34
썸네일, 진행바, 기본 미디어 컴포넌트의 활용
42 : 05
패널, 웹, 반응성 임베드 컴포넌트의 활용
33 : 53
자바스크립트로 동작하는 요소(모달창)의 활용
59 : 52
툴팁, 팝오버, 토글버튼, 자바스크립트로 동작하기
51 : 15
컬랩스, 아코디언 자바스크립트로 동작하기 & 모달창 복습
40 : 46
캐로셀의 구현과 다양한 옵션 및 메소드의 활용
44 : 51
Affix의 개념과 사용법
42 : 06

공개 일자

2020년 3월 2일 (마지막 업데이트 일자 : 2020년 3월 2일)

수강 후기

4.8
26개의 수강평
default_profile.png
운눈 5달 전
초반 5강의정도까지 집중해서 들으시고 나머지 부분은 메뉴얼 보듯이 공부하시면 금방 완강하실거에요
default_profile.png
드로우 4일 전
좋은 강의 감사합니다.
default_profile.png
조건희 3일 전
부트스트랩 좋은 강의가 없어서 맨날 무료 템플릿 써서 사용했었는데 제가 만들 수 있다고 자신감을 얻을 정도로 강의 내용이 너무 유익하네요 500점 만점에 500점 드립니다 ^^
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스