Thumbnail
BEST 개발 · 프로그래밍 웹 개발
부트스트랩(BOOTSTRAP)을 활용한 반응형 웹페이지 만들기
(4.8)
46개의 수강평 ∙ 46806명의 수강생

39,600원

지식공유자 : 유용한IT학습
총 23개 수업˙총 16시간 35분
12개월 동안 무제한 수강
수료증 발급 강의
입문 초급 대상 중급이상
내 목록 추가 2828 공유
초급자를 위해 준비한
[웹 개발, 웹앱 디자인] 강의입니다.

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

✍️
이런 걸
배워요!
반응형 웹페이지
부트스트랩의 구성요소 및 스타일
부트스트랩에서 제공하는 자바스크립트의 활용

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

🗒 강의소개

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

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

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

💡 학습 목표

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

🌈 강의 맛보기

지식공유자가 알려주는
강의 수강 꿀팁!
🎓
이런 분들께
추천드려요!
반응형 웹페이지 개발에 관심있는 분
부트스트랩 활용법을 학습하고 싶은 분
📚
선수 지식,
필요한가요?
html5, css3, jQuery에 대한 기본 지식

안녕하세요
유용한IT학습 입니다.
유용한IT학습의 썸네일

유용한 IT 강의를 통해 여러분의 성장을 돕겠습니다.

커리큘럼 총 23 개 ˙ 16시간 35분의 수업
이 강의는 영상, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 부트스트랩(BOOTSTRAP)을 활용한 반응형 웹페이지 만들기
부트스트랩의 개념 미리보기 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년 03월 02일 (마지막 업데이트일 : 2020년 03월 02일)
수강평 총 46개
수강생분들이 직접 작성하신 수강평입니다. 수강평을 작성 시 300잎이 적립됩니다.
4.8
46개의 수강평
5점
4점
3점
2점
1점
VIEW 좋아요 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
koomajin thumbnail
부트 스트랩의 첫 시작을 헤매고 있었는데요. 도움이 많이 되었습니다. 고맙습니다.
2021-01-28
운눈 thumbnail
초반 5강의정도까지 집중해서 들으시고 나머지 부분은 메뉴얼 보듯이 공부하시면 금방 완강하실거에요
2020-04-20
양하연 thumbnail
자세하게 알려주셔서 정말 도움이 되었습니다. 부트스트랩 사이트 설명이 조금 이해가 안가는 경우에도 하나하나 보여주면서 설명해주셔서 이해하기 좋았어요 감사합니다.
2021-03-18
Spring Picnic thumbnail
부트 스트랩 강의 좋아요! 참고하기 좋습니다.
2021-03-26
전숙영 thumbnail
실전활용도 높을듯 싶어요
2021-04-06

39,600원

내 목록 추가 2828 공유
지식공유자 : 유용한IT학습
총 23개 수업˙총 16시간 35분
12개월 동안 무제한 수강
수료증 발급 강의
입문 초급 대상 중급이상
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의를
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스