오프라인 캠프
입문

코딩으로 웹디자인 STEP ONE @ online

정해진 일정에 맞추어 "온라인으로 집중관리" 받을 수 있어요!

  • 단계

    입문

  • 강의기간

    총 4주과정

  • 정원

    12인 소수정예

  • 학습관리

    과제 중심 진행

  • 특장점

    1:1 영상 피드백

  • 장소

    언제 어디서나

생생한
수강후기

수강생

2021년 02월 20일

html 및 css 에 관한 서적 및 강의는 많이 있습니다. 하지만 코딩으로 웹디자인 STEP ONE 강의는 특별한 점이 있습니다. 일단 일반적인 주입식 강의가 아닌 수강생이 스스로 길을 찾아갈 수 있도록 합니다. 이러한 방식은 처음에는 매우 답답하고 막막하지만 스스로 알아냈기에 그게 매우 오래 지속된다는걸 느꼈습니다. 또한 흔히 접하는 온라인상의 강의는 복잡한 css 내용을 잘 전달하지 못하는 반면 코딩으로 웹디자인 STEP ONE 강의는 기본적인 부분부터 차근차근 체계적으로 구성되어 있어 기본기가 탄탄하게 갖춰지도록 합니다. 그리고 SNS를 통하여 질문에 대한 피드백이 빠르게 이루어져 좋았습니다.

코딩으로 웹디자인 STEP ONE ONLINE

1 myown.tudy

강의 특징

  • 배움

    강의 시청 35%

    요리를 하기 전에 먼저 식재료에 대한 이해를 돕는 것과 같아요

  • 창작

    과제 수행 50%

    창작 활동으로 배운 내용을 복습하는 시간이 가장 중요해요

  • 피드백

    1:1 피드백 15%

    창작 활동에 대한 1:1 개인 피드백을 동영상으로 볼 수 있어요

8번 영상 시청하고! 8번 과제 제출하면 끝!

2 STEP ONE ONLINE

진행 방식

강의 시청 >> 과제 수행 >> 1:1 피드백

  • 이론 동영상 강의 시청

    영상으로 배우는 핵심 이론정해진 일정에 맞추어 녹화된 강의가 오픈되는 방식이에요

    강의 시청

    주2회

  • 과제 수행

    창작 활동으로 실력 다지기과제 제출 기한 내에 과제를 제출하는 방식이에요

    과제 수행

    주2회

  • 1:1 동영상 피드백

    확장되는 배움 영역제출 기한 내에 과제를 제출하면 1:1 맞춤 동영상 피드백을 제공받을 수 있어요

    1:1 피드백

    주2회

스스로 목표를 세우고혼자서 직접 구현해 보기

3 Goals

강의 목표

  • 역할 이해하기

    HTML + CSS

    HTML은 검색엔진, CSS는 디자인에 영향을 미쳐요

  • 디자인 구현하기

    With Coding

    코딩으로 웹 사이트 디자인을 구현하는 작업이에요

  • 예습 복습하기

    On Your Own

    혼자서 공부하는 시간이 점점 재미있어요

과제 학습을 통해서혼자 공부하는 방법 배우기

4 Curriculums

교육 과정

  • 1주차

    1

    HTML & CSS는
    어떤 작업인가?

    웹 분야에서 HTML & CSS는 어떤 작업에 해당되는지 알아보아요. 그리고 웹 문서에서 HTML은 어떤 역할을 하는지, 또 CSS는 어떤 역할을 하는지 알아보아요.

    • 문서 기본 구조 작성하기
    • 마크업과 스타일 구분하기
    • 마크업 기본 문법 이해하기
    • 스타일 기본 문법 이해하기
    2

    CSS Box Model
    이해하기

    Box Model은 웹 사이트 레이아웃을 잡을 때 가장 다루기 쉬워 보이지만 막상 다루어보면 연습이 가장 많이 필요한 중요한 부분이에요.

    • Box Model 5가지 구성 이해하기
    • Margin & Padding 사용법 이해하기
    • Box Model, Total Width 계산하기
    • CSS 초기화 이해하기
  • 2주차

    3

    CSS Display
    이해하기

    Box Model 다음으로 연습이 가장 많이 필요한 부분이에요. 이것만 잘 다룰 줄 알아도 고정 레이아웃을 아주 간결한 코드로 문제없이 만들 수 있어요.

    • CSS Display 개념 이해하기
    • Block Level Element 이해하기
    • Inline Level Element 이해하기
    • Inline-block Element 이해하기
    4

    CSS Class
    활용하기

    태그 선택자로 원하는 디자인을 모두 만들기에는 분명히 한계가 있어요. Class 선택자를 잘 다루면 반복되는 코드를 많이 줄일 수 있어요.

    • CSS 선택자 우선순위 이해하기
    • Class - 개별 디자인하기
    • Class - 일괄 디자인하기
    • Class - 디자인 일부분만 변경하기
  • 3주차

    5

    CSS Margin 겹침 현상
    이해하기

    Margin 겹침 현상은 피해야 할 문제점이 아니에요. 겹침 현상에 대해서 충분히 이해하면 오히려 효율적으로 디자인할 수 있어요.

    • Margin 겹침 현상 이해하기
    • 형제간의 Margin 겹침 현상
    • 부모 자식 간의 Margin 겹침 현상
    • Margin 겹침 현상 활용하기
    6

    CSS Flex Box
    이해하기

    Flex Box를 이용해서 가로 배치를 할 수 있어요. 컨테이너와 항목, 주축과 교차축 개념으로 이루어져 있어요.

    • 축 개념 이해하기
    • 컨테이너와 항목 개념 이해하기
    • 컨테이너에 지정하는 속성
    • 항목에 지정하는 속성
  • 4주차

    7

    CSS Flex Box
    활용하기

    Flex Box는 옵션이 많아서 다양한 레이아웃을 만들 수 있지만 그래서 조금 복잡하기 때문에 연습이 정말 많이 필요해요.

    • 방향 설정하기
    • 아이템 순서 설정하기
    • 컬럼 너비 설정하기
    • 아이템 정렬 설정하기
    8

    CSS Position
    활용하기

    Position을 이용하면 오브젝트를 어디든 원하는 위치로 보낼 수 있어요. 하지만 꼭 필요한 순간에만 사용하는 것을 권장해요.

    • Absolute 이해하기
    • Relative 이해하기
    • Z-Index 이해하기
    • CSS Position 활용하기

서로 과제를 공유하고더 많은 영감 주고받기

5 Assignments

과제 소개

수강생의 창작 과제를 직접 볼 수 있어요

모든 수강생이 직접 주제부터 선정하고 전체 페이지 구성, 디자인을 자유롭게 표현합니다. 개개인의 취향과 느낌이 모두 다르게 녹아 있습니다. 이 과제 페이지를 통해서 더 많은 사람들이 영감을 주고받을 수 있기를 바랍니다.

최고의 가치는 본인이직접 실력을 갖추는 것

6 Instructors

강사 소개

누가 진행하는 캠프인가요?

반갑습니다, 김지연입니다.
어렸을 때부터 웹사이트 제작이 좋았습니다. 무엇인가 내 마음대로 만들어 나가는 작업이 매우 자유롭고 재미있음을 경험하였습니다. 서버 운영, 웹 퍼블리싱, 유지보수 업무 등 웹과 관련된 다양한 경험을 하였습니다. 현재는 웹 퍼블리싱 기술을 가르치는 일에 집중하고 있습니다.

자주 묻는 질문

  • 캠프 과정을 모두 수료하면 어떤 수준까지 만들 수 있나요?

    수강생 작품을 참고하시면 됩니다.^^ 물론 사람마다 개인 차이는 있습니다. 온라인으로 진행되는 캠프이니만큼 주어진 과제를 수행하는 것이 굉장히 중요하다고 할 수 있습니다. 과제를 놓치지 않고 꾸준히 한다면 기본적인 홈페이지 레이아웃은 혼자서도 충분히 만들 수 있습니다.

  • 강의 난이도는 어떻게 되나요?

    처음 시작은 아무것도 모르는 입장에서 시작합니다. 그러나 강의가 절반 이상 넘어가면 홈페이지 전체 레이아웃 잡기를 토대로 다양한 구성으로 진행 됩니다.

  • 준비물은 무엇인가요?

    개인 작업 컴퓨터가 필요합니다. 운영체제는 윈도우, 맥 모두 괜찮습니다. 윈도우는 버젼 7 이상만 가능합니다. 온라인 동영상 시청시에는 별도의 컴퓨터 혹은 태블릿PC가 준비 되어있으면 좀 더 편안한 공부가 되겠습니다.

  • 디자이너만 수업을 들을 수 있나요?

    비전공자, 웹디자인 코딩에 관심이 있는 사람이라면 누구든지 참여 가능합니다.

  • 아쉽게도 일정이 맞지 않네요. / 인원이 마감되었네요.

    온라인으로 진행되는 캠프이지만 개인별 과제수행 + 1:1 영상 피드백이 핵심인 캠프이기때문에 "일정"과 "수강인원 제한"이 있습니다. 홈페이지에 이미 공지된 일정을 변경하거나 조율하는 것은 어렵습니다. 다음달의 일정을 참고 부탁드립니다. 강의 일정/장소 설문조사에 참여해주세요 :) 더욱 많은 인원에게 강의를 제공하기 위해 노력하겠습니다.

  • 환불 규정이 어떻게 되나요?

    개강 직전, 100% 환불이 가능합니다
    얼리버드 프로모션중인 캠프의 경우에는 환불이 불가능합니다
    전체 수업 일수의 50%가 이미 진행된 경우에는 환불이 불가합니다
    수업 진행일수 50%미만인 경우, 강의료의 33%를 환불해 드립니다
    환불요청: support@veamcamp.com

  • 추가적인 궁금증은?

    빔캠프에게 문의하기
빔캠프는 인터넷 익스플로러를 지원하지 않습니다. 최신 브라우저로 접속하기 권장 드립니다 :)