All Lectures
RouteNoticeQ&A

부트스트랩(BOOTSTRAP)4를 활용한 반응형 웹페이지 만들기[2024년 개정판]

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

Lecture Introduction
Difficulty
Normal
Category
Web Programming - Programming
Tag
부트스트랩, 자바스크립트, CSS, HTML, jQuery
Certificate
You can issue a certificate of completion
time taken
19 hours
Target Audience
- HTML/CSS를 활용한 반응형 웹페이지/웹앱 개발에 관심있는 분
- 부트스트랩(Bootstrap) 활용법을 학습하고 싶은 분
- 킴쌤의 부트스트랩3 강의를 듣고 부트스트랩4 강의를 기다리신 분
- 최근 실무에서 가장 많이 쓰이는 부트스트랩 버전으로 반응형 웹이나 웹디자인, 웹앱을 제작하려는 분
- 프론트 엔드 분야로 취업을 하기위해 프론트 엔드 포트폴리오를 제작하려는 취업 준비생

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

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

[2024년 개정판] 입니다.



📚 강의소개

디바이스 장치에 따라 레이아웃이 바뀌는 반응형 웹페이지나 웹앱, 웹디자인 개발을 위해 부트스트랩(Bootstrap)을 활용하는 방법에 대한 이론과 실습을 적절하게 분배하여 부트스트랩의 구성요소들을 이해하고 실습을 통하여 바로바로 확인해볼 수 있도록 구성하였습니다.
웹페이지, 웹앱, 반응형 웹을 제작하기 위한 HTML/CSS/ js에 대한 기본 지식이 있는 분들을 대상으로 하지만, 기본 지식이 부족하더라도 강의를 반복적으로 시청하며 따라할 수 있도록 제작하였으며 실무에서 사용하는 단축키를 이용하여 html 코드를 빠르게 만드는 방법인 emmet의 사용법도 학습할 수 있습니다.
각 챕터마다 selfEX 코딩문제를 직접 풀어보고 해설강의를 통하여 제작방법을 확인할 수 있도록 구성하여 기본기를 튼튼히 다지면서 제작스킬을 높일 수 있도록 구성하였습니다.

💡 이런 내용을 배워요

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



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


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


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