Bootstrap 4 & 3 Framework Tutorial

기본만 알아도 멋진 웹 애플리케이션을 개발할 수 있는 부트스트랩! 신버젼 BootStrap4 뿐만 아니라 실무에서 사용하는 BootStrap3까지 한 번에 배우는 튜토리얼입니다.

클래스 소개
난이도
보통
카테고리
웹 프로그래밍 - 프로그래밍
태그
부트스트랩
수료증
발급 가능
추천 학습대상
- 웹 애플리케이션 프론트엔드 개발에 관심 있는 누구나
- 부트스트랩에 대해 모르지만 배우고 싶은 누구나
- 간단하게 멋진 웹 애플리케이션을 만들고 싶은 누구나
- HTML, CSS, JavaScript, jQuery를 선행학습한 분들

🎉새로운 BootStrap4와 실무에서 사용하는 BootStrap3까지 한 번에🎉

- 다양한 UI 요소들을 손쉽게 사용할 수 있는 최강의 도구 -


📝강좌 소개


🐦트위터 서비스를 개발하기 위해 만들어진 Bootstrap은 오늘날 가장 많이 사용하는 HTML5 웹 프레임워크 라이브러리입니다. 상단 메뉴, 버튼, 회전 목마 등 다양한 UI 요소들을 손쉽게 사용할 수 있도록 만들어져 개발자는 적절하게 태그를 배치하고 제공되는 CSS 클래스를 적용하는 것만으로 웹 애플리케이션 Front End를 손쉽게 개발할 수 있습니다.

🚀기본 UI 요소들만 사용해도 멋진 웹 애플리케이션을 개발할 수 있으며, 100% CSS와 jQuery로 구성되어 있어 수정이나 확장이 용이합니다. 본 강좌는 최신 버전인 BootStrap4를 중심으로 강의를 진행하고 있으나, 현재까지도 많이 사용하고 있는 3버전 또한 함께 설명하고 있습니다. 현재 프로젝트에 따라 3을 사용하고 있는 경우도 있어 두 가지 버전을 모두 설명합니다.



🎯학습 목표


  • Front End 개발을 손쉽게 할 수 있습니다.
  • 프로그래밍을 많이 하지 않아도 웹 애플리케이션을 개발할 수 있습니다.



📣참고 사항


  • 본 강좌를 학습하기 위해 JavaScript, HTML5, CSS3, jQuery 지식을 선행해야 합니다.




강의자 소개


윤재성

  • (주) 소프트캠퍼스 대표이사

  • 개발 경력
    - SKT "아일랜드 어드벤쳐" 모바일 콘텐츠 개발 런칭
    - KT "퀴즈사커" 모바일 콘텐츠 개발 런칭
    - SK "모바일 공인중개사" 런칭
    - 아이폰 "한자통" 앱 개발
    - KT/SK "데일즈 오브 코몬즈" 콘텐츠 개발
    - KT 미니게임(야금야금 땅따먹기, 알라딘의 요술램프, 미스터리 블록탐정단, BUZZ and BUZZ 개발)|

  • 강의 경력
    - 삼성멀티캠퍼스, 부산정보산업진흥원, 전주정보문화산업진흥원, 인천정보산업진흥원, 한국전파진흥원, SK C&C, T아카데미, 한국로봇산업진흥원, 대전 ETRI, 삼성전자, nica교육센터, 한국생산성본부, 한화 등 국내 유명기관에서 현직 재직자 및 미취업자 대상으로 강의 진행 18년차

  • 강의 콘텐츠
    - Start Google Angular.js 과정
    Bootstrap 4 & 3 Framework Tutorial
    - 처음 시작하는 JavaScript Tutorial
    - 처음 시작하는 jQuery Programming
    - 처음 시작하는 CSS & SS3
    - 처음 시작하는 HTML & HTML5 Tutorials
    - Node.js server Tutorials (Node.js 서버 프로그래밍 과정)
    - 코틀린 안드로이드 시리즈
    - Oracle SQL Database 11g PL/SQL Developer
    - 처음 시작하는 MySQL DataBase
    - 처음 시작하는 C Programming
    - 처음 시작하는 Google 공식 개발 언어 Kotlin
    - 처음 시작하는 파이썬(Python)

  • 무료 강의 유튜브 채널(소프트캠퍼스: https://www.youtube.com/user/isoftcampus) 운영

  • 실습에 적용할 수 있는 예제로 최대한 쉽게 설명드리겠습니다. 오프라인 수업이 아니기에 모르는 것은 QnA 게시판에 올려주세요. 꼭 해결해드리겠습니다.
교육 과정
모두 펼치기
  • 01
    교육자료 다운로드
  • 교육자료 및 소스코드 다운로드
  • 02
    부트스트랩 개요 및 개발환경 구축
  • 부트스트랩의 개요
    개발환경 구축
    테스트 예제 및 템플릿
  • 03
    기본 CSS 클래스
  • 그리드
    문자열 클래스
    색상 클래스
    테이블
    이미지
  • 04
    영역과 버튼
  • Jumbotron
    Well
    Alert
    Button
  • 05
    새롭게 제공되는 UI 요소
  • Button Group
    Badge Label
    Progress Bar
    Pagination
    ListGroup
    Panel
    Card
    DropDown
    Collapse
    TabPills
    Navibar
  • 06
    Form과 입력 요소
  • Form
    Input 태그 기본
    input group
    custom input
  • 07
    기타 UI 요소 및 공동 클래스
  • 회전목마
    Modal
    ToolTip
    PopOver
    공통 클래스1
    공통 클래스2
    반응형 웹 대응하기
    Flex
마지막 업데이트|2019년 05월 22일
강의자 소개
안녕하세요. 구름에듀 캡틴 소프트캠퍼스입니다. 함께 학습을 시작해봐요!

강좌 후기
22,000

평균평점
0.0
난이도
보통
수강기간
평생 무제한