안녕하세요. 코드덤입니다.
상당한 수준의 웹 사이트를 그것도 빠르고, 효율적으로 만들 수 있다는 사실을 알고 계시나요?
웹 사이트를 만들기 위한 가장 기본 언어인 HTML과 CSS만 보더라도, 상당한 수준의 학습량을 요구합니다.
하지만, 보다 빠르고 효과적으로 웹 사이트를 만드는 길을 선택할 수도 있습니다.
바로 전 세계적으로 가장 많이 사용되고 있는 웹 디자인 툴킷인 부트스트랩을 통해서예요!
부트스트랩을 활용하면, 상당한 수준의 웹 사이트를 그것도 빠르게 만들 수 있습니다!
부트스트랩은 이미 전 세계적으로 프런트엔드 개발자 사이에서 가장 많이 사용되고 있는 CSS, 자바스크립트 프레임워크입니다.
하지만, 그런 전문 프론트엔드 개발자뿐만 아니라, HTML을 처음 접하는 비전공자분들,
또는 추후에 파이썬 장고와 같이 백엔드 쪽 웹 프로그래밍으로 넘어가실 분들에게 더욱더 매력적인 툴킷이라고 생각해요. 그래서 그런 분들을 대상으로 핵심만을 뽑아 HTML과 CSS를 빠르게 익히고 부트스트랩을 활용해 나만의 웹 사이트를 만들 수 있는 강의를 준비하였습니다!
본 강의를 통해서 총 2개의 웹 사이트를 만들어 보게 되실 거예요!
그리고 깃허브를 통해서 이렇게 만든 웹 사이트를 무료로 배포도 해 볼 거랍니다!
이미지가 슬라이드 되는 기능이나,
카드 형식의 이미지와 텍스트 구성,
팝업 창, 모달도 부트스트랩을 활용하면, 아주 간단하게 만들 수 있어요.
무엇보다도 부트스트랩의 가장 큰 장점이 바로 반응형 웹 디자인인데요.
접속하는 장치에 따라, 보이는 레이아웃이 달라지도록 설정할 수 있어요!
탭 형식으로 만들거나, 내용이 접혔다가 펼쳐지는 아코디언 또한 부트스트랩에서 제공하는 기능을 가져와서 활용한 거예요!
이처럼 부트스트랩을 활용하면, 빠르고 스마트하게, 자신이 원하는 스타일의 웹 사이트를 만들어 나갈 수 있습니다!
10월 말까지 얼리버드 50% 할인 이벤트가 진행됩니다!
현재 HTML, CSS, 부트스트랩 개념 강의까지 오픈되어 바로 수강하실 수 있습니다.
실전 프로젝트 강의는 현재 제작 진행 중으로 11월 11일까지 순차적으로 오픈될 예정입니다.
자세한 내용은 아래 페이지를 참고해 주세요~
본 강의를 통해서 나만의 색을 입힌 웹 사이트를 세상과 공유해 보세요!
부트스트랩 5로 만드는 포트폴리오 웹 사이트
부트스트랩 2번째 작품은 여러 페이지로 구성된 웹 사이트입니다. 이미지 슬라이더, 사이드 바 레이아웃, Tab과 아코디언 기능이 추가되며, 구글 맵과 폼 디자인도 적용해 봅니다.
codethem.co.kr
'웹 프로그래밍 강좌 > 부트스트랩 5 강의 | bootstrap 5' 카테고리의 다른 글
| [부트스트랩5 무료 강의] 버튼 스타일 빠르게 지정하기 | HTML, CSS (0) | 2022.11.24 |
|---|---|
| [부트스트랩5 무료 강의] bootstrap 적용 방식 이해하기 (0) | 2022.11.24 |
| [부트스트랩5 무료 강좌] HTML, CSS 자바스크립트란? (0) | 2022.11.24 |
| [부트스트랩5 무료 강좌] 웹 프로그래밍을 위한 준비 사항 (0) | 2022.11.24 |
| 부트스트랩5 무료 강좌를 시작으로 파이썬 장고 (Django)까지 웹 프로그래밍 무료 강좌 소개 (0) | 2022.11.22 |