59,400원
초급자를 위해 준비한
[웹 퍼블리싱, Bootstrap] 강의입니다.
디바이스 장치에 따라 레이아웃이 바뀌는 반응형 웹페이지를 만들기 위해 부트스트랩을 활용하는 방법에 대한 강의[개정판] 입니다.
✍️
이런 걸
배워요!
이런 걸
배워요!
HTML/CSS/jQuery를 활용한 반응형 웹페이지 / 웹앱 / 웹 디자인
부트스트랩(Bootstrap)의 구성요소 및 스타일
부트스트랩에서 제공하는 자바스크립트와 제이쿼리의 활용
부트스트랩 이론 뿐만 아니라 간단한 예제를 통해 부트스트랩을 활용하는 방법 실습
이런 분들께 추천드려요!
🎓
학습 대상은
누구일까요?
학습 대상은
누구일까요?
HTML/CSS를 활용한 반응형 웹페이지/웹앱 개발에 관심있는 분
부트스트랩(Bootstrap) 활용법을 학습하고 싶은 분
킴쌤의 부트스트랩3 강의를 듣고 부트스트랩4 강의를 기다리신 분
최근 실무에서 가장 많이 쓰이는 부트스트랩 버전으로 반응형 웹이나 웹디자인, 웹앱을 제작하려는 분
프론트 엔드 분야로 취업을 하기위해 프론트 엔드 포트폴리오를 제작하려는 취업 준비생
📚
선수 지식,
필요할까요?
선수 지식,
필요할까요?
html5, css3, jQuery에 대한 기본 지식
안녕하세요
영코디 킴쌤 입니다.
영코디 킴쌤 입니다.
안녕하세요. [ 비전공자도 쉽고 재미있게 배우는 코딩! ] 을 목표로 15년 넘게 풀스택[백엔드, 프론트엔드], 빅데이터, 머신러닝 수업 및 영상, 코딩, 디자인을 강의하며 개발자 인력양성에 진심인 현직 직업훈련교사 김세지 쌤입니다.
부트스트랩3(BOOTSTRAP)를 활용한 반응형 웹페이지 만들기 구독자 약 10만명 구독을 기념으로, 그동안 DM으로 [BOOTSTRAP4 강의]와 [부트스트랩을 활용한 실무 웹페이지 만들기 실습강의]에 추가 강의 요청 주셨던 많은 분들에 감사드리며 새로운 강의들을 기획 제작 및 업로드 예정입니다.
느리지만 차근차근 질좋은 강의로 한걸음씩 여러분과 함께하겠습니다.
커리큘럼
총 31 개
˙ 19시간 12분의 수업
이 강의는 영상, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 부트스트랩을 사용하지 않고 반응형 웹 코딩 맛보기
2 강
∙ 1시간 26분
섹션 1. 부트스트랩 시작하기
2 강
∙ 1시간 32분
step02-1 부트스트랩4 시작하기
50:15
step02-2 반응형웹 전체 레이아웃 짜기 핵심순서
42:00
섹션 2. 그리드 시스템과 레이아웃 관련 클래스의 사용
5 강
∙ 3시간 1분
step03 부트스트랩4에 추가된 레이아웃 클래스
47:24
step04-1 정렬관련 클래스
37:10
step04-2 순서와 이동 관련 클래스
45:44
step05-1 텍스트 이미지 관련 클래스
27:29
step05-2 테이블 관련 클래스
23:33
섹션 3. 다양한 컴포넌트
17 강
∙ 10시간 5분
step06 다양한 컴포넌트1_경고창부터 버튼그룹까지
57:02
step07-1 다양한 컴포넌트2_카드
30:52
step07-2 다양한 컴포넌트2_카드 메이슨리까지
36:28
step08-1 다양한 컴포넌트3_캐로셀
42:33
step08-2 다양한 컴포넌트3_콜랩스
21:08
step08-3 다양한 컴포넌트3_드랍다운
28:57
step08-4 다양한 컴포넌트3_폼 양식
50:36
step08-5 다양한 컴포넌트3 캐로셀과 form_selfEX문제
22:20
step09-1 다양한 컴포넌트4_점보트론부터 미디어 오브젝트까지
33:49
step09-2 다양한 컴포넌트4_모달
59:00
step09-3 다양한 컴포넌트4_selfEX문제풀이
22:39
step10-1 다양한 컴포넌트5_네브 바
29:22
step10-2 다양한 컴포넌트5_네브 바 selfEX풀이
22:58
step11 다양한 컴포넌트6_페이지네이션부터 프로그레스까지
42:46
step12-1 다양한 컴포넌트7_스크롤스파이부터 툴팁까지
27:47
step12-2 다양한 컴포넌트7_spinner부터 tooltip까지
40:23
step12-3 다양한 컴포넌트7_scrollspy_selfEX풀이
미리보기
37:10
섹션 4. 그밖의 유틸리티들
5 강
∙ 3시간 6분
step13 그밖의 유틸리티들1_border속성부터 colors속성까지
15:02
step14 그밖의 유틸리티들2_보이고 숨기는 클래스 &selfEX풀이
미리보기
52:40
step15-1 그밖의 유틸리티들3_embed부터 flex관련 클래스까지
25:43
step15-2 그밖의 유틸리티들3_flex관련 클래스 결과 확인하기
50:46
step16 그밖의 유틸리티들4_texthide부터 visibility속성까지
42:07
강의 게시일 : 2024년 02월 23일
(마지막 업데이트일 : 2024년 02월 28일)
수강평
총 2개
수강생분들이 직접 작성하신 수강평입니다.
VIEW
추천 순
최신 순
높은 평점 순
낮은 평점 순
평점 순
높은 평점 순
낮은 평점 순
선임 개발자분이 영코디 킴쌤님의 강의를 추천해주셔서 수강했는데 주말동안 편한 마음으로 들으면서 완강했습니다.
부트스트랩의 이론도 핵심내용을 잘 짚어주시고 각 실습예제들을 활용한 예시를 보여주셔서 어떻게 사용해야 할지 금방 감을 잡을 수 있었습니다.
시작한 김에 부트스트랩 실전수업까지 정주행하러 갑니다!!
2024-02-25
부트 스트랩 활용하는 법과 이런저런 상황까지 고려해주시면서 알려주셔서 도움이 많이 되었습니다. 강의가 좀 길긴해도 다보고 나면 부트스트랩안에 어떠한기능이 있는지 어떠한 역할을 하는지까지 잘 설명해주시는거같습니다!!
2024-03-20
.jpg)