Bootstrap을 활용한 반응형 웹페이지 만들기

이제 반응형 없는 웹페이지는 상상할 수 없다! 부트스트랩 학습을 통해 쉽고 빠르게 반응형 웹을 제작해봅시다.

클래스 소개
난이도
쉬움
카테고리
웹 프로그래밍 - 프로그래밍
태그
부트스트랩
수료증
발급 가능
추천 학습대상
- 반응형 웹 제작을 하고싶은 분
- 빠른 내에 웹 페이지를 개발하고 싶은 분
- 프론트엔드에 익숙하지 않은 초보자 또는 백엔드 개발자
- 디자인 감각은 없지만 멋진 웹페이지를 만들고 싶은 분
- 컴포넌트들을 이용하여 나만의 웹페이지로 커스터마이즈 하고싶은 분




부트스트랩(Bootstrap)이란 무엇인가요?

부트스트랩은 웹사이트를 쉽게 만들 수 있게
도와주는 HTML, CSS, JS 프레임워크입니다. 
하나의 CSS로 휴대폰, 태블릿, 데스크탑까지
다양한 기기에서 작동하며, 다양한 기능을 제공하여 
사용자가 쉽게 웹사이트를 제작 및 유지보수할 수
있도록 도와줍니다.



부트스트랩의 인기 비결은?

1. 컴포넌트화 되어있어 손 쉬운 커스터마이징
2. IE, Safari 등 모든 모던 웹 페이지에 최적화
3. 여러 화면 사이즈에 대응하는 반응형 웹 페이지 제작에 편리




이런 분들이 수강하면 좋아요





부트스트랩의 세계로 이끌어줄 강의자님을 소개합니다!



김세지 강의자님

現 그린컴퓨터아카데미 수원캠퍼스 UIUX 웹디자인/웹퍼블리셔 과정
前 쓰리에스솔루션 디자인 삼성ODD 기획마케팅총괄 실무담당
前 SF필름스쿨(MAYA, 영상편집, 그래픽디자인)


all Icons made by Freepik from www.flaticon.com

체험하기
모두 펼치기
  • 02
    Bootstrap(부트스트랩)을 활용한 반응형 웹페이지 만들기
    23개 (16:35:00)
  • 1. 부트스트랩의 개념
    46:36
    2. 서브라임텍스트 설치와 반응형 코딩(1)
    34:38
    3. 서브라임텍스트 설치와 반응형 코딩(2)
    38:50
    4. 부트스트랩 시작하기
    38:17
교육 과정
모두 펼치기
  • 01
    학습자료 다운로드
  • 교육자료 및 소스코드 다운로드
  • 02
    Bootstrap(부트스트랩)을 활용한 반응형 웹페이지 만들기
    23개 (16:35:00)
  • 1. 부트스트랩의 개념
    46:36
    2. 서브라임텍스트 설치와 반응형 코딩(1)
    34:38
    3. 서브라임텍스트 설치와 반응형 코딩(2)
    38:50
    4. 부트스트랩 시작하기
    38:17
    5. 디바이스마다 달라지는 레이아웃
    37:57
    6. 부트스트랩의 다양한 스타일과 반응형 레이아웃 실습
    46:16
    7. 그리드의 다양한 옵션
    43:37
    8. 다양한 테이블 스타일과 폼태그 스타일
    44:11
    9. 다양한 버튼 스타일
    39:33
    10. 반응형 이미지 스타일
    34:43
    11. 도움을 주는 클래스들
    44:12
    12. 디바이스 사이즈마다 요소를 보이고 숨기는 클래스
    54:29
    13. 다양한 컴포넌트(글리피콘, 드랍다운, 네비게이션)의 활용
    45:22
    14. 네비게이션 바의 사용법
    45:19
    15. 네비게이션 바를 스크롤스파이 하기
    41:38
    16. 경로, 페이지네이션, 라벨, 배지, 점보트론 컴포넌트의 활용
    44:34
    17. 썸네일, 진행바, 기본 미디어 컴포넌트의 활용
    42:05
    18. 패널, 웰, 반응형 임베드 컴포넌트의 활용
    33:53
    19. 자바스크립트로 동작하는 요소(모달창)의 활용
    59:52
    20. 툴팁, 팝오버, 토글버튼 자바스크립트로 동작하기
    51:15
    21. 컬랩스, 아코디언 자바스크립트로 동작하기 & 모달창 복습
    40:46
    22. 캐로셀의 구현과 다양한 옵션 및 메소드의 활용
    44:51
    23. Affix의 개념과 사용법
    42:06
마지막 업데이트|2019년 10월 15일
강의자 소개
안녕하세요. 구름에듀 캡틴 아이티고입니다. 함께 학습을 시작해봐요!

강좌 후기
46,000

평균평점
0.0
난이도
쉬움
수강기간
평생 무제한