HTML+CSS 한 걸음 더

디자이너 시선으로 배우는 웹프론트엔드 by Glenn Lee

무엇을 배우나요?

HTML+CSS가 무엇인지는 알지만 좀 더 체계적인 정리가 필요한 모든 분에게 꼭 맞는 클래스입니다. 웹사이트를 좀 더 유연하고 유지보수에 최적화하여 코딩하는 여러 방법을 다룹니다. 특히 반응형 웹디자인 기술을 구현하기 위한 %, em, rem 단위와 그리드 시스템에 대하여 체계적으로 접근합니다.
해당 달에 오픈된 캠프가 없습니다
  • 일정선택

    상단의 일정표중 본인에게 맞는 일정을 선택해 주세요

  • 신청 및 결제

    결제가 정상적으로 완료되면 결제 완료문자와 이메일이 전송됩니다

  • 노트북 셋팅

    노트북은 필수 준비물입니다. 맥 또는 윈도우즈 무관합니다.

  • 안내문자확인

    개강 전날에 최종 안내문자를 보내 드립니다

  • 10분전 착석

    정시에 시작되니 여유롭게 10분 전까지 착석 부탁드립니다

"HTML+CSS 한 걸음 더" 이런 분들께 추천합니다!

디자이너 대상의 웹 프론트엔드 코딩 캠프

"한 걸음 더" 내딛기 전에 - 나의 배경지식 체크 해보기

  • CSS Box Model
  • 다양한 display 속성
  • CSS 선택자 우선순위
  • margin collapsing
  • Negative margin
  • 레이아웃을 위한 float 심화
  • 레이아웃을 위한 position 심화

디자이너 시선으로 보면 다릅니다

다년간의 강의로 무엇을 어려워 하는지 잘 알고 있습니다

HTML+CSS 한 걸음 더의 목표갓 입문에서 벗어난 분, 부분 부분 알고 있는 지식을 탄탄하게 정리 하고자 하는 분

  • 입문자 이상, 중급자로 한 걸음 더 내딛기
  • 유지보수에 효율적이고 안정적으로 코딩 하는법
  • 다양한 디바이스에 따른 반응형웹에 대한 고찰

언제나 포커스는 여러분의 실력 향상 입니다

실력 향상을 위한 고찰! 고찰을 통한 실력 향상!

어떤 캠프인가요?

디자이너의 관점, 코딩 할 때의 관점으로 나누어 생각 해 봅니다. 끊임없이 고찰하는 연습을 통해 디자인을 코딩으로 옮길때의 판단력을 키우는 것이 목표 입니다. 기초 지식이 없다면 적응하기 어려운 부분이 있으니 꼭 기초지식 습득 후 강의를 신청해 주세요 :)

무엇을 실습 하나요?CSS방법론과 반응형 웹디자인

캠프 과정총 8강

  • 1일차중요 기초개념 집고 넘어가기 #1

    CSS 우선순위
    클래스 선택자 다시보기
    체계적인 CSS작성법

  • 2일차중요 기초개념 집고 넘어가기 #2

    negative margin
    레이아웃의 핵심 float
    레이아웃의 핵심 position

  • 3일차CSS3

    CSS3와 크로스 브라우징
    CSS3 선택자의 활용
    12단 그리드시스템 구축

  • 4일차웹 타이포그래피

    웹 타이포그래피 개론
    vertical-align과 line-height
    타이포그래피 크기 단위들

  • 5일차반응형 웹디자인 #1

    반응형 웹디자인을 위한 그리드
    미디어쿼리
    반응형에 맞는 단위들

  • 6일차반응형 웹디자인 #2

    반응형 웹디자인 실습
    반응형 웹디자인의 허와 실

  • 7일차반응형 웹디자인 #3

    실습예제 진행하기 #1
    서브페이지 작성

  • 8일차반응형 웹디자인 #4

    실습예제 진행하기 #2
    진도 마무리 및 질문답변

캠프에 대한 리뷰

개발자 ksj HTML+CSS 한 걸음 더

거리가 너무 멀어서 수강을 망설이다 유튜브 강의를 듣고 반해 수업을 신청했습니다. 어느정도 html, css에 대한 지식은 가지고 있는 상태로 수업을 들었는데도 신기하고 너무 재미있었습니다. 최대한 알려주시려는 선생님의 태도에 과제를 안해가면 죄송스러울 정도였어요 ㅎㅎㅎ

디자이너 신동이 HTML+CSS 한 걸음 더

기초 수업 듣고 한 걸음 더 연이어 들었는데 css에 대한 지식이 늘어난 것 같아 유익한 시간이었습니다! 배운 걸 토대로 빨리 새로운 것들을 만들어보고 싶네요 ~ 좋은 강의들이었습니다.

디자이너 김재환 HTML+CSS 한 걸음 더

첫걸음부터 한걸음더 까지 수강했습니다. 태그들의 어원부터 알려주시니 더 이해하기 쉬웠고, 원리를 이해할 수 있도록 차근차근 설명해주시고 여러가지 정보와 팁들도 알려주시고 굉장히 유익한 강의였습니다. 어떻게 하면 수강생들이 쉽게 이해할 수 있을까를 많이 고민하신 흔적이 느껴졌습니다. 나머지 강의도 기대됩니다. 감사합니다 :)

개발자 천희완 HTML+CSS 한 걸음 더

기본 원리부터 차근차근 설명해 주셔서 너무 좋았습니다. 이유를 알고 나니 이해도 빠르고 기억에도 많이 남네요. 매주 과제를 따라가다 보니 어느새 종강이네요. 좀더 고급 주제로 더 배우고 싶습니다. 다음 강좌도 열어주세요~~ 4주간 고생하셨습니다. 감사합니다~

개발자 김지연 HTML+CSS 한 걸음 더

디자이너 시선으로 배우는 코딩수업이라 그런지 우선 수업 예제 디자인이 너무 예쁘네요~ 예제 디자인만 봐도 배워보고 싶다는 느낌이 충만해지니 수업시간엔 집중력도 저절로 생기는 것 같아요~ 코딩 배우러 왔다가 디자인 보는 눈이 더 높아진 것 같아 코딩도 배우고, 디자인 감각도 업그레이드된 일석이조 수업이었어요~

Glenn Lee

Interactive Designer

언제든지 연락주세요!

  • emailglennlee@veamcamp.com
  • websitewww.veamcamp.com

프로젝트

  • 2012삼성 스마트TV 어플리케이션 제작
  • 2013대학생을 위한 소셜네트워크 서비스 "Crepe" 기획 및 디자인
  • 2013웨딩사진을 아름답게 보여주는 웹 앨범 서비스 "웨딩페이지" 디자인
  • 2013한국관광공사 키오스크 제작
  • 2013중국 하이얼 어플리케이션 제작
  • 2014한화 꿈에그린 웹매거진 프로젝트 제작
  • 2015워드프레스 반응형 웹사이트 구축

경력

전) SBS 컴퓨터아트 학원 - 웹 강사
전) 서울 전자고등학교 - 출강
전) 맨처음 미디어아트 문화공간 - 웹 강사
전) Remain - 웹 강사
현) D.NOMADE - 웹 강사
현) veamcamp - Interactive Designer
현) 동양미래대학교 - UX/UI 디자인 출강

환불안내

  • 개강 직전, 100% 환불이 가능합니다
  • 얼리버드 프로모션중인 캠프의 경우에는 환불이 불가능합니다
  • 전체 수업 일수의 50%가 이미 진행된 경우에는 환불이 불가합니다
  • 수업 진행일수 50%미만인 경우, 강의료의 33%를 환불해 드립니다
  • 환불은 070 - 7612 - 2399로 연락 주시면 처리해 드리겠습니다 :)

강의장 정보

네이버지도 링크
  • 서울시 마포구 상수동 346-1번지 지하 1층, 빔캠프
  • 지하철 이용시 6호선 상수역, 4번 출구 3분 거리
  • 건물 1층에 한잔차차라는 와인카페가 있습니다
  • 문의전화: 070-7612-2399

자주 묻는 질문과 답변

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

    A기본적으로 비전공자나 디자이너 대상으로 이루어 지는 수업이므로 난이도 조절에 신경 씁니다. 다만 입문과정이 아닌 중급, 또는 심화 과정은 별도의 배경 지식이 필요한 경우도 있습니다.

  • Q아쉽게도 일정이 맞지 않네요! 다음번 강의 일정은 언제 알 수 있나요?

    A특별한 사유가 없는 한 모든 강의는 다음달에도 오픈됩니다. 개강 4주전에 빔캠프 웹사이트에 게시되며 빔캠프 페이스북 페이지 좋아요 하시면 최신 정보를 알람 받으실 수 있습니다

  • Q준비물은 무엇인가요?

    A개인 노트북이 반드시 필요합니다. 맥 또는 윈도우즈 상관 없이 참여 가능합니다

  • Q강의를 들으면 어느 수준 까지 제작 할 수 있나요?

    A가장 어려운 질문입니다! 개개인별로 차이가 생깁니다만 생각하는 것을 자유로이 만드려면 수업을 들은 것과 상관없이 많은 연습이 필요합니다! 즉, 수업을 듣고 스스로 시간투자를 해야지 만이 만족스러운 결과를 얻을수 있습니다. 빔캠프는 도울 뿐입니다 :)

궁금한 것은 무엇이든지 물어보세요!

빔캠프가 필요해요