강좌 개설

Softcampus Academy

4.5 (총 20개 강좌, 125명 평가)

소프트캠퍼스는 국내 유명 기관 재직자 교육을 담당하고 있는 교육기관입니다.


현재 삼성멀티캠퍼스, 부산정보산업진흥원, 전주정보문화산업진흥원, 인천정보산업진흥원, 한국전파진흥원, SKC&C, T아카데미, 한국로봇산업진흥원, 대전ETRI, 삼성전자, NCIA교육센터, 한국생산성본부, 한화S&C, LG전자, 부산대학교 등 빅데이터 분야 및 소프트웨어 개발 분야의 강의를 하고 있습니다. 저희 소프트캠퍼스에서 개발된 강의는 15년차 이상 개발 및 강의 경력이 있는 분야 최고 강사님을 선별하여 촬영한 강의 입니다.


최대한 쉽게 강의하여 실습에 적용할 수 있도록 예제를 만들고 설명을 하고 있습니다. 오프라인 수업이 아니므로 모르는 것은 게시판에 올려주세요. 꼭 해결해드리겠습니다.

펼쳐보기
언제 어디서나 수강할 수 있습니다.
PC, 모바일, 태블릿으로 언제 어디서나 수강이 가능합니다.
PC, 모바일, 태블릿으로 언제 어디서나 수강 가능
강좌 소개

Bootstrap 4 & 3 Framework Tutorial

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

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


학습 목표

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


도움이 되는 분들

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


배우는 것들

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


참고 사항

  • 본 강좌는 Front End 웹 프레임워크 강좌로써 HTML5, CSS3, JavaScript, jQuery 를 필수적으로 학습해야 합니다.
  • jQuery 코드가 많이 나오는건 아니지만 가끔 사용하는 곳이 있어 기본적인 selector 문법 정도는 알아야 합니다.
공개 및 수정일
2018년 8월 12일 공개
2019년 6월 4일 최종 수정
수강평
5.0
1명
5
1명
4
0명
3
0명
2
0명
1
0명
커리큘럼
부트스트랩 개요 및 개발환경 구축
1강 부트스트랩의 개요 맛보기
12:02
2강 개발환경 구축 맛보기
17:56
3강 테스트 에제 및 템플릿 맛보기
18:06
기본 css 클래스
4강 그리드 맛보기
16:36
5강 문자열 클래스
43:32
6강 색상 클래스
9:40
7강 테이블
25:30
8강 이미지
10:42
참고자료
36개

Bootstrap 4 & 3 Framework Tutorial

5.0
₩40,000
9시간 47분 분량
120일 동안 무제한 수강 가능