Thumbnail
크리에이티브 웹 퍼블리싱
부트스트랩(BOOTSTRAP)을 활용한 반응형 웹페이지 만들기
(4.9)
73개의 수강평 ∙ 99191명의 수강생

39,600원

지식공유자: 유용한IT학습
총 23개 수업 (16시간 35분)
수강기한: 12개월
수료증: 발급
난이도:  입문-초급-중급이상
지식공유자 답변: 미제공
폴더에 추가 공유
초급자를 위해 준비한
[웹 개발, 웹 퍼블리싱] 강의입니다.

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

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

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

🗒 강의소개

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

이 강의에서는 디바이스 장치에 따라 레이아웃이 바뀌는 반응형 웹페이지 개발을 위해 부트스트랩(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일)
수강평 총 73개
수강생분들이 직접 작성하신 수강평입니다. 수강평을 작성 시 300잎이 적립됩니다.
4.9
73개의 수강평
5점
4점
3점
2점
1점
VIEW 좋아요 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
Mx thumbnail
백엔드 개발자가 프론트엔드 작업을 해야 할 경우가 가끔 있는데 이럴 때 부트스트랩을 사용하면 도움이 많이 됩니다. 자주 사용하는 컴포넌트에 대하여 예제와 함께 설명을 해주어 도움이 많이 됐습니다.
2022-06-22
chess1993@naver.com thumbnail
설명잘해주셔서 너무 도움됩니다.
2022-05-08
koomajin thumbnail
부트 스트랩의 첫 시작을 헤매고 있었는데요. 도움이 많이 되었습니다. 고맙습니다.
2021-01-28
Noah thumbnail
부트스트랩 설명 잘해주셔서 넘 도움됩니다.
2022-04-27
운눈 thumbnail
초반 5강의정도까지 집중해서 들으시고 나머지 부분은 메뉴얼 보듯이 공부하시면 금방 완강하실거에요
2020-04-20
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의를
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스