20%
47,520원
초급자를 위해 준비한
[웹 퍼블리싱, Bootstrap] 강의입니다.
부트스트랩(BOOTSTRAP)을 활용한 반응형 웹페이지 만들기[2024년 개정판] 수업의 실전 제작수업으로 디바이스 장치에 따라 레이아웃이 바뀌는 반응형 웹 실무 페이지를 부트스트랩4를 활용하여 직접 제작해 봅니다.
✍️
이런 걸
배워요!
이런 걸
배워요!
HTML/CSS/jQuery를 활용한 반응형 웹페이지 / 웹앱 / 웹 디자인 실제 제작하기
부트스트랩(Bootstrap)의 구성요소 및 스타일을 실무 페이지에 적용
부트스트랩에서 제공하는 제이쿼리를 활용하여 실무 페이지에 적용
부트스트랩 이론편에서 학습한 내용들을 실무 웹페이지에 적용하면서 응용하기
기본적으로 가지고 있는 부트스트랩의 스타일을 개발자가 원하는 스타일로 커스터마이징하는 스킬
제이쿼리 외부 플러그인을 적용하여 원하는 동적인 요소 추가
이런 분들께 추천드려요!
🎓
학습 대상은
누구일까요?
학습 대상은
누구일까요?
HTML/CSS를 활용한 반응형 웹페이지/웹앱 개발에 관심있는 분
부트스트랩(Bootstrap) 이론은 이해하였으나 막상 활용하기에는 아직 막연하신 분
부트스트랩(BOOTSTRAP)을 활용한 반응형 웹페이지 만들기[2024년 개정판]을 수강하고 실전편으로 넘어가고 싶은 분
부트스트랩 사용은 가능하나 원하는 스타일이나 동적인 구현의 커스터마이징에 어려움이 있는 분
프론트 엔드 분야로 취업을 하기위해 반응형 포트폴리오를 제작하려는 취업 준비생
📚
선수 지식,
필요할까요?
선수 지식,
필요할까요?
html5, css3, jQuery, 부트스트랩4 이론에 대한 기본지식
안녕하세요
영코디 킴쌤 입니다.
영코디 킴쌤 입니다.
안녕하세요. [ 비전공자도 쉽고 재미있게 배우는 코딩! ] 을 목표로 15년 넘게 풀스택[백엔드, 프론트엔드], 빅데이터, 머신러닝 수업 및 영상, 코딩, 디자인을 강의하며 개발자 인력양성에 진심인 현직 직업훈련교사 김세지 쌤입니다.
부트스트랩3(BOOTSTRAP)를 활용한 반응형 웹페이지 만들기 구독자 약 10만명 구독을 기념으로, 그동안 DM으로 [BOOTSTRAP4 강의]와 [부트스트랩을 활용한 실무 웹페이지 만들기 실습강의]에 추가 강의 요청 주셨던 많은 분들에 감사드리며 새로운 강의들을 기획 제작 및 업로드 예정입니다.
느리지만 차근차근 질좋은 강의로 한걸음씩 여러분과 함께하겠습니다.
커리큘럼
총 11 개
˙ 4시간 29분의 수업
이 강의는 영상, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 부트스트랩4를 활용하여 반응형 실무 웹 만들기[실전편]
11 강
∙ 4시간 29분
step01-상단에 캐로셀 만들기
미리보기
43:31
step02-로딩이미지와 네비게이션 바 추가하기
미리보기
20:52
step03-그리드 시스템의 활용
23:01
step04-스크롤시 상단에 달라붙는 sticky-top 네브바와 자동으로 메뉴가 활성화되는 scrollspy & 메뉴 클릭시 컨텐츠로 스르륵 이동하는 외부 플러그인의 활용
27:00
step05-반응형 레이아웃
17:02
step06-디바이스 사이즈에 따라 보이고 숨기는 반응형 동영상 넣기
20:39
step07-카드 컨텐츠와 부트스트랩 아이콘의 활용
18:55
step08-카카오맵 api 로 원하는 위치의 지도넣기
17:48
step09-아코디언을 활용한 FAQ & 폼을 활용한 문의사항
31:26
step10-폰트어썸 애니메이션 아이콘을 활용한 반응형 footer
17:26
step11-waypoint 와 animate.css 외부 플러그인을 활용하여 스크롤의 위치나 방향에 따라 컨텐츠에 애니메이션을 주는 동적기능을 추가하여 마무리
32:06
강의 게시일 : 2024년 02월 22일
(마지막 업데이트일 : 2024년 03월 06일)
수강평
총 2개
수강생분들이 직접 작성하신 수강평입니다.
VIEW
추천 순
최신 순
높은 평점 순
낮은 평점 순
평점 순
높은 평점 순
낮은 평점 순
시리즈로 사서 보기 너무 좋은거 같습니당
2024-03-20
토 일 이틀동안 이론수업에 이어서 실전수업까지 재미있게 완강하고 갑니다. 어렵게만 생각했던 프론트엔드가 부트스트랩을 활용하니 이렇게 간단하면서도 빠르고 쉽게 반응형 웹이 만들어진다니 너무 신기하고 이렇게 짧은 시간에 마스터할 줄 알았으면 진작 들을걸 하는 생각도 들었습니다.
부트스트랩은 부트스트랩 스타일로만 사용할 수 있는줄 알았는데 디자인을 사용자가 원하는대로 변경해서 쓸 수 있다는 점과 커스터마이징하는 부분이 실습내용에 많아서 그 부분도 좋았습니다.
저처럼 백엔드 개발자 뿐만 아니라 코딩공부를 처음 입문하시는 분들에게도 필요한 좋은 강의인 것 같습니다. 강추합니다.
영코디 킴쌤님, 감사합니다. 다음 강의도 기다리고 있겠습니다.
2024-02-25
.jpg)