패밀리 서비스

전체

루트 공지사항 Q&A

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

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

클래스 소개

난이도

보통

카테고리

웹 프로그래밍 - 프로그래밍

태그

부트스트랩, 자바스크립트, CSS, HTML, jQuery

수료증

발급 가능

소요 시간

19 시간

초급자를 위해 준비한
[웹 퍼블리싱, Bootstrap] 강의입니다.

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

[2024년 개정판] 입니다.

📚 강의소개

디바이스 장치에 따라 레이아웃이 바뀌는 반응형 웹페이지나 웹앱, 웹디자인 개발을 위해 부트스트랩(Bootstrap)을 활용하는 방법에 대한 이론과 실습을 적절하게 분배하여 부트스트랩의 구성요소들을 이해하고 실습을 통하여 바로바로 확인해볼 수 있도록 구성하였습니다.

웹페이지, 웹앱, 반응형 웹을 제작하기 위한 HTML/CSS/ js에 대한 기본 지식이 있는 분들을 대상으로 하지만, 기본 지식이 부족하더라도 강의를 반복적으로 시청하며 따라할 수 있도록 제작하였으며 실무에서 사용하는 단축키를 이용하여 html 코드를 빠르게 만드는 방법인 emmet의 사용법도 학습할 수 있습니다.

각 챕터마다 selfEX 코딩문제를 직접 풀어보고 해설강의를 통하여 제작방법을 확인할 수 있도록 구성하여 기본기를 튼튼히 다지면서 제작스킬을 높일 수 있도록 구성하였습니다.

💡 이런 내용을 배워요

✨ 반응형 캐로셀과 폼양식 구현

🌠 헤라 반응형 웹 메인 페이지 일부 구현

📊 디바이스에 따라 바뀌는 이미지와 댓글 구현

🎈 반응형 네비게이션 바와 카드 컨텐츠 구현

🎓
수강 전
참고사항

수업에 사용되는 pdf 강의자료, 이미지나 완성된 파일을 다운받아 실습에 활용하실 수 있습니다.

📚
선수 지식,
필요할까요?

html, css, js 에 대한 기본 지식

체험하기

모두 펼치기

01
부트스트랩을 사용하지 않고 반응형 웹 코딩 맛보기
2개 (01:26:55)

step01-1 부트스트랩의 개념

체험하기

43:39

step01-2 부트스트랩 핵심요소 4가지와 BS3에서 BS4로 바뀐 포인트

체험하기

43:16

교육 과정

모두 펼치기

01
부트스트랩을 사용하지 않고 반응형 웹 코딩 맛보기
2개 (01:26:55)

step01-1 부트스트랩의 개념

체험하기