Thumbnail
BEST 개발 · 프로그래밍 프론트엔드
윤재성의 Bootstrap 4 & 3 Framework Tutorial
(4.7)
10개의 수강평 ∙ 222명의 수강생

22,000원

지식공유자: 소프트캠퍼스
총 35개 수업 (9시간 46분)
수강기한: 무제한
수료증: 발급
난이도:  입문-초급-중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유
초급자를 위해 준비한
[웹 개발, 프론트엔드] 강의입니다.

부트스트랩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, 스파크 분야 한분야에 대해 강의 다양한 경험이 녹아 내어 최대한 쉽게 강의 하여 실습에 적용하도록 예제를 만들고 설명을 하고 있습니다. 오프라인 수업이 아니므로 모르는 것은 질문&답변을 이용해주세요. 꼭 해결해드리겠습니다.


안녕하세요
소프트캠퍼스 입니다.
소프트캠퍼스의 썸네일
공동 지식공유자: nury의 썸네일
커리큘럼 총 35 개 ˙ 9시간 46분의 수업
이 강의는 영상, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 1. 기본 css 클래스
4강 그리드 16:36
5강 문자열 클래스 43:32
6강 색상 클래스 09:40
7강 테이블 25:30
8강 이미지 10:42
섹션 2. 영역과 버튼
9강 Jumbotron 06:11
10강 Well 02:55
11강 Alert 18:38
12강 Button 18:27
섹션 3. 새롭게 제공되는 UI 요소
13강 Button Group 미리보기 09:30
14강 Badge Label 09:42
15강 Progress Bar 13:07
16강 Pagination 14:36
17강 ListGroup 11:12
18강 Panel 06:38
19강 Card 18:56
20강 DropDown 17:31
21강 Collapse 22:32
22강 Tab Pills 19:35
23강 Navibar 28:40
섹션 4. Form과 입력 요소
24강 Form 미리보기 11:23
25강 Input 태그 기본 35:15
26강 input group 12:50
27강 custom input 23:02
섹션 5. 기타 UI 요소 및 공통 클래스
28강 회전목마 17:59
29강 Modal 13:16
30강 ToolTip 08:37
31강 PopOver 16:01
32강 공통 클래스 1 15:27
33강 공통 클래스 2 22:11
34강 반응형 웹 대응하기 15:27
35강 Flex 23:14
강의 게시일 : 2018년 10월 06일 (마지막 업데이트일 : 2018년 10월 22일)
수강평 총 10개
수강생분들이 직접 작성하신 수강평입니다. 수강평을 작성 시 300잎이 적립됩니다.
4.7
10개의 수강평
5점
4점
3점
2점
1점
VIEW 좋아요 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
김용환 thumbnail
Bootstrap 강의 잘봤습니다. 감사합니다.
2022-06-02
hjyoon thumbnail
예제 기반으로 부트스트랩 개념을 빠르게 학습할수 있어서 좋았습니다.
2021-07-30
hello thumbnail
2019-01-04
gangsugi thumbnail
부트3을 주로 하다가 이번 강의를 통해 4로 업그레이드 했습니다. 차분하게 잘 알려주셔서 좋은 강의였고, 많은 도움이 되었습니다.
2022-05-01
휴식중인 낙지 thumbnail
쉽게 설명해주셔서 감사합니다
2021-03-17
연관 로드맵
이 강의가 포함된 잘 짜여진 로드맵을 따라 학습해 보세요!
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의를
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스