이 강좌는 인프런 사이트에 2021년 11월 1일에 런칭한 부트스트랩5 동영상 유료강좌(22,000원, 평생 수강)입니다.

해당 강좌 페이지 바로가기 (20% DC 쿠폰 코드 : 4024-ad4c47b33a68 —  쿠폰입력창에 복사-붙여넣기 하세요. 2024년 12월까지 가능)

초급자를 위해 준비한
[프론트엔드, 웹 개발] 강의입니다.

부트스트랩5 (Bootstrap5)의 클래스, 컴포넌트 등 개념을 이해하고 이를 바탕으로 응용, 변형하고 실습으로 3개의 프로젝트를 제작해봅니다.

이런 걸 배워요!

최신 부트스트랩5의 기초적인 클래스 개념을 익힙니다.
이해된 부트스트랩의 개념을 바탕으로 변형하고 응용할 수 있습니다.
실제적인 프로젝트를 통해 부트스트랩5의 전반적인 기능과 구조를 이해할 수 있습니다.
결국 부트스트랩의 디자인과 기능 등을 바탕으로 나만의 특색있는 웹사이트를 Front-end에서 구현할 수 있습니다.
나중에는 프런트엔드 개발 뿐만 아니라 백엔드 개발에도 부트스트랩을 활용할 수 있습니다.

이 강의는 크게 부트스트랩 5의 기초편과 프로젝트 제작편으로 구분됩니다.

• 기초편 부트스트랩의 Grid, Display, Box, Position 그리고 Contents의 클래스 개념을 익히게 됩니다.
• 프로젝트 총 3개로 구성되었습니다.
  – 첫 번째 프로젝트보다 두 번째가, 두 번째보다 세 번째가 조금씩 커스터마이징을 통해 난이도가 높아집니다.
  – 가장 기초적인 개념부터 시작해 실제적인 활용과 응용을 거쳐 최종적으로 내가 원하는 웹사이트를 코딩할 수 있는 능력을 반복적이고 단계적으로 익힐 수 있습니다.
• 각 강의에 사용된 코드는 파일로 제공됩니다.

강의 내용 소개

1. 기초편: 부트스트랩5의 개념과 자주 사용되는 클래스와 컴포넌트에 대해 학습합니다.
2. 프로젝트 1: One-page Website로 CSS는 최소한으로 이용해서 부트스트랩의 클래스와 컴포넌트만으로 제작해봅니다.
3. 프로젝트 2: 부트스트랩의 클래스와 컴포넌트에 더해서 CSS(SCSS)와 Javascript를 커스터마이징해서 Multi-page Website를 구축합니다. 아울러 카카오맵 API를 이용해 지도를 자바스크립트로 코딩하는 방법을 배웁니다.
4. 프로젝트 3: 기본적인 부트스트랩은 물론이고, SCSS와 Javascript module화를 통해 좀 더 고급스러운 Front-end 웹 코딩을 배우게 됩니다. 이 프로젝트에서 사용하는 지도는 네이버맵 API를 이용해서 코딩합니다.

이런 분들께 추천합니다!

• 웹코딩을 시작한 지 얼마되지 않으신 초보 개발자
• 어느 정도 html, css 그리고 Javascript를 배우신 분
• 부트스트랩 5의 기본 클래스 개념, 그리고 컴포넌트를 공부하고 싶은 분
• 부트스트랩의 기본 내용은 알고 있는데, 이를 변형하고 응용하고 싶은 분
• 실제 프로젝트에서 어떻게 부트스트랩이 적용되는지 궁금하신 분
• 프론트엔드 웹개발을 빠르게 하고 싶은 분
• 짧은 시간에 이상의 지식들을 컴팩트하게 배우고 싶은 분

요구 사항

• 인터넷이 연결되는 컴퓨터가 필요합니다.맥, PC, 노트북 등 어떤 종류라도 상관없습니다.
• 웹브라우저는 크롬(Chrome)이나 파이어폭스(Firefox)을 이용하시면 좋습니다.
• html, css, javascript 등 컴퓨터 언어의 기본 문법을 이해하고 있는 정도라면 더욱 좋습니다.
• 코드에디터는 어느 것이나 자신이 좋아하는 에디터를 사용하시면 좋구요, 동영상 강좌에서는 비주얼스투디어코드에디터(VS code)를 사용합니다.