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
    진도 마무리 및 질문답변

캠프에 대한 리뷰

대학생 suyeon p HTML+CSS 한 걸음 더

html+css 첫걸음을 듣고 바로 진행하게된 학생입니다. 첫걸음 수업에서 기초와 전반적인 코딩이해가 되었다면 이번 수업을 통해 좀더 디테일하고 자세하게 배우게 되었습니다. 그리고 제가 헷갈렸던 부분도 수업을 하며 자연스럽게 이해가 되었고 홈페이지만들기에 소극적이었는데 자신감이 붙었습니다. 제가 이해력이 부족한부분이 있는데 선생님이 계속 친절하게 설명해주셨습니다. 부족한만큼 필기도 많이하고 복습해서 많이 늘은것같습니다^^

디자이너 조영지 HTML+CSS 한 걸음 더

완강하시면 저 같은 의지박약도 홈페이지를 만들 수 있습니다. 회사다니면서 무언가를 배운다는 것은 주말에도 출근하는 기분으로 다니게 되기 때문에 참 힘이 듭니다. 그럼에도 즐거운 강의^^ 덕분에 재미와 깊이라는 두마리 토끼를 다 잡을 수 있었던 것 같습니다. 혼자서도 공부해보고 타 강의도 들어보았지만 취업만을 위한 수업에 흥미를 잃었던 와중에 좋은 기회가 되었던 것 같습니다. 감사합니다.

디자이너 소윤호 HTML+CSS 한 걸음 더

강의 전체적으로 심도있게 기본이 되는것부터 가르쳐주셔서 코드를 작성할때 마다 순탈하게 작업이 되는것 같습니다.
첫 걸음때부터 이어서 들었는데 HTML+CSS 계념을 확실히 알고수 있었던 수업 이였던것 같습니다.

디자이너 Yoohee HTML+CSS 한 걸음 더

다른 학원을 돌고돌다가 친구의 추천을 받고 등록하였습니다. 다른 곳에서 수강할 땐 뭔가 겉도는 식의 수업이였는데 빔캠프는 실제로 실무에 적용할 수 있는 것을 쏙쏙 알려줘서 좋았습니다. 조금 더 심화된 단계를 배울 예정이면 고민없이 다시 빔캠프를 수강할 예정입니다.

대학생 정연지 HTML+CSS 한 걸음 더

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

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

빔캠프가 필요해요