Thumbnail
크리에이티브 웹 퍼블리싱

부트스트랩(BOOTSTRAP)을 활용한 반응형 웹페이지 만들기

(4.9)
77개의 수강평 ∙ 99217명의 수강생

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일)
수강평 총 77개
수강생분들이 직접 작성하신 수강평입니다. 수강평을 작성 시 300잎이 적립됩니다.
4.9
77개의 수강평
5점
4점
3점
2점
1점
VIEW 좋아요 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
운눈 thumbnail
초반 5강의정도까지 집중해서 들으시고 나머지 부분은 메뉴얼 보듯이 공부하시면 금방 완강하실거에요
2020-04-20
kkumtree thumbnail
진작에 볼껄 그랬네요. 갑자기 부트스트랩 써야하는 순간에 헤메던 것들을 짚을 수 있었습니다.
2022-08-31
Mx thumbnail
백엔드 개발자가 프론트엔드 작업을 해야 할 경우가 가끔 있는데 이럴 때 부트스트랩을 사용하면 도움이 많이 됩니다. 자주 사용하는 컴포넌트에 대하여 예제와 함께 설명을 해주어 도움이 많이 됐습니다.
2022-06-22
koomajin thumbnail
부트 스트랩의 첫 시작을 헤매고 있었는데요. 도움이 많이 되었습니다. 고맙습니다.
2021-01-28
태구 thumbnail
좋은 강의 감사합니다
2022-10-28