VOD
VOD
서비스 메인 이미지

이 강의는 이런 것을 알려드려요

  • 디바이스 장치에 따라 레이아웃이 바뀌는 반응형 웹페이지나 웹앱, 웹디자인 개발을 위해 부트스트랩을 활용하여 실전 반응형 웹 랜딩페이지를 제작

  • 부트스트랩(Bootstrap)의 구성요소 및 스타일 뿐만 아니라 동적으로 동작하는 요소들을 위한 부트스트랩의 제이쿼리까지 실무 웹 페이지에 적용

  • HTML/CSS/ js에 대한 기본 지식이 있는 분들을 대상으로 하지만, 기본 지식이 부족하더라도 강의를 학습 및 따라할 수 있도록 제작

상세이미지-0상세이미지-1상세이미지-2상세이미지-3상세이미지-4상세이미지-5상세이미지-6상세이미지-7
서비스 설명


초급자를 위해 준비한

[웹 퍼블리싱, Bootstrap] 강의입니다.


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



'요즘엔 다들 코딩을 필수로 기본은 한다는데 무엇부터 공부해야 하지....?' 



CODING STUDY

START! ‍


첫 코딩공부로 어떤 언어를 접해야 할지 고민중에 있다면 개발자들이 가장 첫번째 Basic 필수코스로 권장하는 웹개발로 시작해 보세요. 프로그래밍 언어 중 가장 배우기 쉬운 언어이면서 내가 짠 코드가 바로바로 눈 앞에서 결과를 보여주며 멋진 웹페이지를 제작해주므로 가장 재미있게 코딩공부를 시작하실 수 있습니다.


사실, 코딩 공부를 막 시작했다면 html, css, js도

외계어로 보이는 것이 사실입니다.



"트위터 개발자들이 mobile first! 를 슬로건으로 다양한 디바이스에서 레이아웃이 바뀌도록 만들어 오픈소스로공개한 부트스트랩을 활용하면 코딩 완전 초보자도 일주일만에 완벽하게 반응하는 [반응형 웹]을 아주 손쉽게 제작할 수 있습니다."



영코디 킴쌤의 "반응형 웹" 시리즈

PART2

[부트스트랩을 활용한 반응형 웹페이지 만들기 -실전편-]

포인트 



 PART2 | 부트스트랩을 이용하여 반응형 웹 실전 제작

이론을 튼튼히 다졌다면 부트스트랩을 활용한 반응형 웹페이지 만들기 실전편 강의를 통해 실전 제작수업으로 "디바이스 장치에 따라 레이아웃이 바뀌는 반응형 웹 실무 페이지를 부트스트랩4를 활용하여 직접 제작"해 봅니다. 이 강의에서는 부트스트랩을 활용하면서 초보자가 가장 어려워 하는 부분인 개발자 입맛에 맞게 커스터마이징 하는 부분에 대한 내용도 다수 포함되어 부트스트랩의 가장 단점이라고 할 수 있는 동일한 스타일의 판박이처럼 찍어낸 웹페이지가 아닌 기존의 부트스트랩의 정형화된 스타일 틀을 벗어나 재구성하는 부분도 디테일하게 학습할 수 있습니다.


커리큘럼

  • 1. 부트스트랩4를 활용하여 반응형 실무 웹 만들기[실전편]

    • 1. step01-상단에 캐로셀 만들기
    • 2. step02-로딩이미지와 네비게이션 바
    • 3. step03-그리드 시스템의 활용
    • 4. step04-스크롤시 상단에 달라붙는 sticky-top 네브바와 자동으로 메뉴가 활성화되
    • 5. step05-반응형 레이아웃
    • 6. step06-디바이스 사이즈에 따라 보이고 숨기는 반응형 동영상 넣기
    • 7. step07-카드 컨텐츠와 부트스트랩 아이콘의 활용
    • 8. step08-카카오맵 api 로 원하는 위치의 지도넣기
    • 9. step09-아코디언을 활용한 FAQ & 폼을 활용한 문의사항
    • 10. step10-폰트어썸 아이콘을 활용한 반응형 footer
    • 11. step11-waypoint 와 animate.css 외부 플러그인을 활용하여 스크롤의 위
취소 및 환불 규정
[크몽VOD 취소 및 환불 규정] 1. 환불 상세 - 결제 후 7일 이내에 영상 재생 이력이 없는 경우 전액 환불됩니다. - 그 외에는 영상 재생 여부와 상관없이 환불이 불가합니다. 2. 유의사항 - 크몽이 무상으로 제공하는 무료 서비스 혹은 추가 이용 기간(보너스 기간)은 환불에 영향을 미치지 아니합니다. - 환불금액은 실제 결제금액을 기준으로 계산되며, 결제수수료·제세공과금 등을 공제할 수 있습니다. - 크몽은 회원이 관계 법령 또는 이용약관 등을 위반한 경우 이용약관 및 정책에 따라 환불을 거부할 수 있습니다. 3. 기타 - 서비스 품질 및 시스템에 관한 허위 사실을 근거로 환불을 요청한 경우, 손해배상청구 및 민사처벌의 대상이 될 수 있습니다. - 크몽은 전자상거래 등에서의 소비자 보호에 관한 법률 및 기타 관계 법령을 참고하며, 또한 본 내용에 포함하지 않는 내용은 크몽 이용약관에 의거하여 기준을 판단합니다.

상품정보고시

제작자
또는 공급자
전자책영상제작전문가킴쌤이용조건,
이용기간
상품 상세 참조
최소 시스템 사양,
필수 소프트웨어
상품 상세 참조청약철회 또는
계약해지의 효과
상품 상세 참조
이용조건상품 상세 참조소비자상담전화

결제 전 상담 제공

리뷰
0.0
| 0건