부트스트랩4 를 위해 HTML5 웹 프레임워크 라이브러리,CSS 클래스를 통한 웹 애플리케이션 Front End 개발 할수 있다.

Bootstrap 4 & 3 Framework Tutorial

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

본 강좌는 최신 버전인 BootStrap 4를 중심으로 강의를 진행하고 있으나 현재까지도 많이 사용하고 있는 3버전도 같이 설명을 하고 있습니다.현재 프로젝트에 따라 3를 사용하는 경우도 있어 두 가지 버전을 모두 설명하고 있습니다.

학습 목표

  • 본 강좌를 마치면 바로 Front End 개발을 손쉽게 하실 수 있습니다.
  • 약간에 프로그래밍 만으로 멋진 웹 애플리케이션을 개발할 수 있습니다.

 도움이 되는 분들

  • 대학생, 일반인, 개발자 등 웹 애플리케이션 Front End 개발에 관심이 있는 사람이라면 누구나 대상이 될 수 있습니다.

 배우는 것들

Jumbotron
지정된 영역을 사각의 영역으로 만들어 줍니다.
Flex
Bootstrap에서 Flex 요소를 사용해
div 태그에 대한 배치를 다양하게 설정할 수 있다.

참고 사항

  • 본 강좌는 Front End 웹 프레임워크 강좌로써 HTML5, CSS3, JavaScript, jQuery 를 필수적으로 학습해야 합니다.
  • jQuery 코드가 많이 나오는건 아니지만 가끔 사용하는 곳이 있어 기본적인 selector 문법 정도는 알아야 합니다.

지식공유자 소개

윤재성

국내 IT 초창기 모바일 콘텐츠 개발 부터 현재 안드로이드,아이폰 앱개발 및 다양한 애플리케이션에 대해서 개발 및 강의를 진행하고 있습니다.현재는 (주)소프트캠퍼스 개발 이사이사로 재직하고 있습니다.

개발 경력

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

더 보기

강의 경력

삼성멀티캠퍼스,부산정보산업진흥원,전주정보문화산업진흥원,인천정보산업진흥원, 한국전파진흥원, SK C&C, T 아카데미,한국로봇산업진흥원,대전 ETRI,삼성전자,nica 교육센터,한국생산성본부,한화 S&C등 국내 유명 기업 현직 재작자 및 미취업자를 대상으로 강의를 18년차 개발 과 강의를 진행 하고 있습니다.

강의 콘텐츠

– Start Google Angular.js (앵귤러) 과정
– Bootstrap 4 & 3 Framework Tutorial
– 처음시작하는 JavaScript Tutorials
– 처음시작하는 jQuery Programming
– 처음 시작하는 CSS & CSS3
– 처음시작하는 HTML & HTML5 Tutorials
– node.js server Tutorials(Node.js 서버 프로그래밍 과정)
– 코틀린 안드로이드 기본 1단계(Kotlin for Android: Beginner one step)
– 코틀린 안드로이드 심화 2단계 (Kotlin for Android: Deepening course)
– 코틀린 안드로이드 고급 3단계 (Kotlin for Android: 3 step final course)
– Oracle SQL Database 11g PL/SQL Developer(오라클 데이터베이스 11G)
– 처음 시작하는 MySQL DataBase
– 처음 시작하는 C Programming
– 처음시작하는 Google 공식 개발 언어 Kotlin(코틀린)
– 처음시작하는 파이썬(Python)

강의 분야

자바, 안드로이드, 플레임 워크, 데이터베이스,UML, 아이폰, 빅데이터 처리 및 분석,파이썬, 사물인터넷, R/파이썬을 활용한 데이터 분석,딥러닝,머신러닝 AI, 스파크 분야 한분야에 대해 강의 다양한 경험이 녹아 내어 최대한 쉽게 강의 하여 실습에 적용하도록 예제를 만들고 설명을 하고 있습니다.

오프라인 수업이 아니므로 모르는 것은 질문&답변을 이용해주세요. 꼭 해결해드리겠습니다

내용 접기

강좌 평가

...

개의 수강평
  • 5 점0
  • 4 점0
  • 3 점0
  • 2 점0
  • 1 점0

아직 수강평이 없네요

강좌 교육과정

부트스트랩 개요 및 개발환경 구축
부트스트랩의 개요학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:12:00
개발환경 구축학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:17:00
테스트 예제 및 템플릿학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:18:00
기본 css 클래스
그리드학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:16:00
문자열 클래스학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:43:00
색상 클래스학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:09:00
테이블학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:25:00
이미지학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:10:00
영역과 버튼
Jumbotron학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:06:00
Well학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:02:00
Alert학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:18:00
Button학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:18:00
새롭게 제공되는 UI 요소
Button Group학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:09:00
Badge Label학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:09:00
Progress Bar학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:13:00
Pagination학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:14:00
ListGroup학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:11:00
Panel학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:06:00
Card학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:18:00
DropDown학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:17:00
Collapse학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:22:00
Tab Pills학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:19:00
Navibar학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:28:00
Form과 입력 요소
Form학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:11:00
Input 태그 기본학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:35:00
input group학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:12:00
custom input학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:23:00
기타 UI 요소 및 공통 클래스
회전목마학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:17:00
Modal학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:13:00
ToolTip학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:08:00
PopOver학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:16:00
공통 클래스 1학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:15:00
공통 클래스 2학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:22:00
반응형 웹 대응하기학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:15:00
Flex학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:23:00
  • 가격 옵션 +
  • 평생
  • 강좌 수료증
  • 35개 강의, 총 9 시간 30 분
  • 위시리스트

실시간 인기 강좌

우리는 성장기회의 평등 을 추구합니다. 🌳

경제적, 시간적 제약없는 양질을 교육으로 누구나에게 성장 기회를 균등하게 주는것. 그것이 우리의 목표입니다.

지식공유참여 고객센터
top
(주)인프랩 | 대표자:이형주 | TEL:070-4202-1180 | E-MAIL: course@inflearn.com | 사업자번호:499-81-00612
주소:성남시 분당구 삼평동 대왕판교로 645번길 12 경기창조경제혁신센터 8층 R19 | 개인정보보호책임자:이형주
통신판매업:2017-서울강남-01544 | ©INFLAB. ALL RIGHTS RESERVED