CSS 첫걸음 • 온라인
성공적인 웹 프론트엔드를 위한 첫번째 걸음
- CSS를 제대로 공부하고 싶은 모든 분들을 위한 온라인 라이브 스트리밍 + 1:1 피드백 캠프
- 앞으로의 웹 프론트엔드 작업에 필수 근간이 될 수 있는 탄탄한 기본기 갖추기
- 단순 이론 설명에서 더 나아가, 다양한 웹디자인 사례를 통해 다각도로 접근
-
단계
입문
-
강의기간
2시간씩 8회
-
정원
6인 소수정예
-
장소
온라인 라이브 스트리밍
-
시스템
매시간 과제와 피드백
-
특징
소규모, 양방향 소통
생생한
수강후기
서성미
2020년 05월 14일
오프라인강의는 사정상 가기가 힘들어서 온라인 강의가 열리기만을 기다리다가 이번에 베이비 1기를 수강하여 듣게 됐는데요, 너무 너무 너~~~~무 듣기를 잘했다 생각들어요! 정말 어디에서도 이렇게 가장 중요한 기초를 이해하기 쉽게 설명을 해주시는 강사분은 없을거에요. 실무에서 많이 쓰이지만 대체 왜 저렇게 쓰이는지 전혀 이해하지 못하고 기계적으로 따라서 사용하던 것들이 너무 많았는데 이 강의를 듣고 나서야 비로소 이해가 됐구요, 어찌보면 기초라서 쉽다고 그냥 넘어갈수도 있겠으나 이번에 공부해보니 이 부분이 흔들리면 어떤 다른 응용도 어렵다는걸 새삼 깨닫게 됐구요, 이번 3주를 통해 퍼블리싱의 기본을 다잡는 아주 알찬 시간들이었답니다. 완전 입문수업이라 너무 쉬운건 아닐까 하는 우려는 괜한 기우였구요, 기본을 어느 정도 안다고 생각했던 제가 정말 착각이었구나 느끼며 열심히 공부하는 시간이었던거 같습니다. 기본기를 다져주시면서 어려운 기술도 많이 알려주셔서 수준이 상당히 높은 난이도까지 코딩해볼수 있어서 실력 향상에 엄청 도움이 많이 됐답니다.
다른 온라인수업과는 완전 차별화된 라이브강의라 그냥 오프라인강의와 거의 같구요, 함께 질문하고 소통하며 수업할수 있고, 과제를 내주시는데 그 과제를 하면서 실력이 한층 성장해서 너무 좋았어요. 강의 복습영상과 과제에 대한 피드백을 영상으로 올려주셔서 정말 공부가 많이 되고, 여러번 반복해서 영상을 보다보니까 첨에 이해안되던 것도 완전히 이해할수 있었어요! 무엇보다 선생님께서 강의를 해주시는 열정이 정말 남달랐어요~ 강의 준비도 너무 많이 해오시고 심지어 디자인 감각이 너무 좋으셔서 눈호강 엄청 했습니다^^ 눈도 즐겁고 귀도 즐거운 매력적인 강의 만들어 주셔서 정말 너무 감사했습니다! 바로 다음 단계의 온라인 강의 오픈해주세요! 바로 수강하고 싶어요^^
여러분들의
목표 달성을 위한
알찬 수강 시스템
100% 온라인 방식으로 진행되는 캠프입니다
100% 온라인 방식이지만 최대한 밀도있는 진행을 위해 6인 이하 소규모로 진행되며 오프라인 캠프 못지 않은 환경을 만들기 위해 1:1 과제 피드백 영상 제공, 복습 영상 제공등 다양한 장치를 마련 하였습니다.
라이브 스트리밍
구입만 하고 제대로 완강하지않은 온라인 동영상 강의가 많이 있을것입니다. 무엇인가 배우기 위해서는 정확한 시간 약속과 적절한 제약이 있어야 합니다. 실시간으로 정해진 시간에 수업을 듣고 집중해야 배울 수 있습니다. 궁금한 점은 바로 질문해야 나의 지식으로 남게 됩니다. 목소리만으로는 집중도가 떨어질 수 있습니다. 제스처와 표정으로 중요한 내용을 좀 더 강조해가며 라이브 스트리밍을 진행합니다.
매 시간 복습 동영상 강의 제공
수업 내용이 기억이 나지 않을까, 진도가 빨라 못 따라가진 않을까 걱정하지 마세요. 수업 종료 후, 복습을 위한 영상 강의가 제공됩니다. 단순히 라이브 수업 내용을 똑같이 설명하는 영상에서 머무르지 않고 추가 연구 내용을 제시하여 지속적인 공부가 될 수 있도록 돕는 역할을 수행합니다.
이런 과정을 거쳐요
필수 준비물 / 사용 프로그램
원활한 인터넷이 가능한 노트북 또는 데스크탑
맥, 윈도우즈 무관, 영상을 시청하며 동시에 실습을 할 수 있는 환경 권장
디스코드 Discord 설치
채팅 기반의 실시간 질문과 답변, 음성채팅, 라이브 강의 맥, 윈도우즈, 모바일 모두 지원
- 캠프 시작일 3~5일 전부터 수강생 전용 디스코드 서버 & 채널에 대한 안내를 해 드립니다
오리엔테이션강의자 + 수강자와의 첫 만남
디스코드 채널 30분- 헤드셋 권장, 마이크로 원활한 음성 채팅을 위함
- 디스코드 사용법 체크, 스트리밍 테스트
- 캠프 진행 방식 설명 + 질문과 답변
1일차첫번째 웹페이지 제작하기
라이브 스트리밍 2시간- 작업 환경 셋팅
- 웹의 기본 HTML 문서 작성하기
- 꾸미기 위한 CSS 입문하기
- CSS 박스모델 접하기
- CSS 박스모델만을 이용하여 자유주제 웹페이지 만들기 과제
과제 개별 피드백
수강생 전용페이지 10분~30분2일차클래스 이름표 시스템으로 좀 더 다채롭게!
라이브 스트리밍 2시간- 다양한 선택자를 이용하여 좀 더 다채롭게 디자인하기
- 크롬 검사도구와 브라우저 호환성에 대한 이야기
- CSS 상속과 우선순위 이슈
- 2일차 예제를 응용한 자기소개 웹페이지 만들기
과제 개별 피드백
수강생 전용페이지 10분~30분3일차다양한 모습으로 표현되는 웹페이지 요소들
라이브 스트리밍 2시간- 한줄에 한칸씩 공간을 차지하는 블럭요소
- 텍스트와 이미지같은 컨텐츠를 표현하는 인라인요소
- 가로배치가 가능한 인라인-블럭
- 가로배치 가능한 인라인-블럭 속성으로 자유주제 웹페이지 만들기
과제 개별 피드백
수강생 전용페이지 30분~1시간4일차CSS 타이포그래피
라이브 스트리밍 2시간- CSS에서 글자를 다루는 방법
- 웹폰트 이용하기
- em단위 이해하기
- 4일차 예제를 응용한 자유주제 웹페이지 만들기
과제 개별 피드백
수강생 전용페이지 30분~1시간5일차레이아웃 기법의 핵심, 플로트 속성
라이브 스트리밍 2시간- 플로트 속성으로 만들 수 있는 구성 알아보기
- 플로트 속성을 응용하여 가로배치 기법으로 활용하기
- 독립적인 영역을 만들어내는 오버플로우 속성으로 다양한 문제 해결하기
- 플로트 속성으로 복합적인 레이아웃의 자유주제 웹페이지 만들기
과제 개별 피드백
수강생 전용페이지 30분~1시간6일차레이아웃 기법의 핵심, 플렉스박스
라이브 스트리밍 2시간- 웹브라우저 호환성 이슈 이해하고 대비하기
- 플렉스박스가 나오게 된 배경
- 플렉스박스로 만드는 다양한 레이아웃
- 플렉스박스 속성으로 복합적인 레이아웃의 자유주제 웹페이지 만들기
과제 개별 피드백
수강생 전용페이지 30분~1시간7일차레이아웃 기법의 핵심, 포지션 속성
라이브 스트리밍 2시간- 자유도 높은 레이아웃 방법, 포지션 속성
- 포지션 속성으로 가운데 배치하기
- 풀스크린 백그라운드 웹사이트 만들기
- 포지션 속성으로 복합적인 레이아웃의 자유주제 웹페이지 만들기
과제 개별 피드백
수강생 전용페이지 30분~1시간8일차웹사이트 완성하기
라이브 스트리밍 2시간- 지금까지 진도로 만들 수 있는 최종예제 진행
- 애니메이션, 트렌지션등 재미있는 움직임 추가하기
- 반응형 웹사이트 맛보기
- 지금까지 배운 요소들을 이용하여 개인 웹사이트 완성하기
과제 개별 피드백
수강생 전용페이지 30분~1시간자주 묻는 질문
-
캠프 과정을 모두 수료하면 어떤 수준까지 만들 수 있나요?
CSS 첫걸음 캠프는 웹 프론트엔드 개발의 입문과정 중에서도 CSS에 좀 더 포커스를 두고 있는 입문 캠프입니다. 제대로된 기초 지식이 무엇인지 항상 고민을 하고 있습니다. 기초가 탄탄하면 복잡한 고급 웹디자인도 충분히 해낼수 있습니다.
-
강의 난이도는 어떻게 되나요?
본 캠프는 최초에 디자이너, 비전공자들을 위해 고안된 캠프입니다. 사전지식은 필요하지 않습니다. 포토샵과같은 그래픽 툴을 사용하는 캠프도 아니므로 걱정하지 않으셔도 됩니다.
-
준비물은 무엇인가요?
작업 가능한 컴퓨터와 라이브 스트리밍을 볼 수 있는 별도의 컴퓨터 혹은 외부 모니터가 필요합니다.
-
디자이너만 수업을 들을 수 있나요?
디자이너, 개발자, 비전공자 또는 웹디자인 코딩에 관심이 있는 사람이라면 누구든지 참여 가능합니다.
-
아쉽게도 일정이 맞지 않네요.
홈페이지에 이미 공지된 일정을 변경하거나 조율하는 것은 어렵습니다. 다음 일정을 참고 부탁드립니다. 강의 일정/장소 설문조사에 참여해주세요 :) 더욱 많은 인원에게 강의를 제공하기 위해 노력하겠습니다.
-
환불 규정이 어떻게 되나요?
개강 직전, 100% 환불이 가능합니다
얼리버드 프로모션중인 캠프의 경우에는 환불이 불가능합니다
전체 수업 일수의 50%가 이미 진행된 경우에는 환불이 불가합니다
수업 진행일수 50%미만인 경우, 강의료의 33%를 환불해 드립니다 환불요청: support@veamcamp.com -
추가적인 궁금증은?
빔캠프에게 문의하기