디자이너/개발자를 위한 airbnb 카피 프로젝트
airbnb 함께 만들며 배우는 프론트엔드
  • 퍼블리셔
  • 디자이너
  • 개발자
사전신청시 25% 할인 390,000원
292,500원 6주 과정 / 최대6인
사전 알림 신청하기
  •  강남 11월 19일 화 시작됨
airbnb로 배우는
웹 프론트엔드
6주 과정  오프라인 클래스  6인제 밀착 교육

airbnb 함께 만들며 배우는 프론트엔드


프론트엔드의 모든 기초를 airbnb 구현을 통해 배우는 수업


이보다 더 자연스럽게 프론트엔드를 배울 수 있을까요? 함께 airbnb copy project를 진행하면서 프론트엔드의 기본을 익혀봅시다.


html/css는 요약과 복습 차원에서 간단하게 다룰 예정입니다. 프론트엔드 학습 비중을 높이기 위해 최대한 빨리 javascript와 jquery로 넘어갈게요.


javascript기초부터 jquery까지


근데 Front-end가 뭐죠?


잠깐! 프론트엔드가 뭔지 제대로 알고 계신가요?

‘눈에 보이는 것’이라고 막연하게 정의하시지 않았나요?


그렇게 이해하고 계시다면 진정한 프론트엔드 개발자가 될 수 없어요. 무엇이 front에서 처리되어야 하고 무엇을 front에서 할 수 있는지 스스로 판단할 능력이 필요합니다.


airbnb 갤러리·검색기능 만들며 javascript UP!


airbnb의 갤러리와 검색기능은 깔끔하면서도 적절히 인터랙티브하게 구성되어 있습니다.


사용자와의 상호작용을 가능케하는 javascript의 원리를 갤러리와 검색기능을 구현하며 배워볼게요.


airbnb 예약기능·숙소리스트 만들며 jquery UP!


반복적인 달력·예약 스케쥴링 표시, 숙소 리스트 출력을 쉽게 하는 방법이 있을까요?


jquery를 이용해 숙소리스트를 ajax 통신으로 부터 받아와 화면에 뿌려주는 통합적인 구현을 함께 실습합니다.


airbnb 숙소지도 구현하며 Front-end UP!


서비스에 구글 지도를 구현하려면?


유용하고 널리 쓰이는 플러그인을 함께 적용하면서 jquery plugin 사용법을 배워볼게요. 더이상 구글이나 네이버 지도를 캡쳐할 필요가 없겠죠?


혼자 프로젝트를 진행할 수 있는 능력


평생 Airbnb 하나만 구현하실 건가요?


배우지 않은 페이스북, 우버 등 여러 형태의 프론트페이지도 만들 수 있어야겠죠. Airbnb는 초보자가 front-end에 입문할 수 있는 좋은 주제일 뿐 입니다.


수업이 끝나면, 내게 닥친 프로젝트를 직접 해결하고 어떤 분야를 공부해야 할지 스스로 결정해야 합니다. 스스로 생각하고 판단할 수 있는 힘을 길러주는게 이 수업의 궁극적인 목표입니다.


가장 완벽한 공부법은 모방이다


아이는 어른의 행동을 따라하면서 자라고, 위대한 모든 예술가들 또한 다른 작가의 작품을 모방하며 발전했습니다. 초보자라면 잘 된 작품을 계속하여 모방하세요.


우리는 소수의 수강생과 한명의 강사가 모여, airbnb를 함께 따라 만들고 그 과정속에서 자연스럽게 Front-end를 배웁니다. airbnb만 만드는게 목표가 아니라, airbnb를 통해 스스로 프론트엔드를 설계/제작 할 수 있는 힘을 기르는게 최종 목표입니다.
커리큘럼
교재 보기
  • airbnb 숙소페이지 만들며 html/css 배우기
    자세히 보기

    나도 프론트엔드 개발자/디자이너가 되고 싶어요!
    1. OT & 프론트엔드 개념
    2. html 기본기 요약
    3. airbnb 뼈대 잡기
    4. airbnb styling
    5. airbnb 숙소 소개 페이지 완성
  • airbnb 갤러리 만들며 javascript 배우기
    자세히 보기
    자바스크립트 기본부터 배워보자
    1. javascript의 변수
    2. 반복문
    3. if 제어문
    4. dom 구조
    5. airbnb 갤러리 구현하기
  • airbnb 검색기능 만들며 javascript 배우기
    자세히 보기
    자바스크립트 기초 완성
    1. javascript의 list
    2. 함수
    3. object
    4. airbnb 검색기능 구현하기
  • airbnb 예약기능 만들며 jquery 배우기
    자세히 보기
    jquery 기초 배우기
    1. jquery와 dom
    2. json object
    3. 함수와 이벤트
    4. 요금 계산기 만들기 5. airbnb 예약기능 구현하기
  • airbnb 숙소리스트 만들며 jquery ajax 배우기
    자세히 보기
    jquery 통신 배우기
    1. json file 다루기
    2. 통신으로 숙소 리스트 받아오기
    3. 리스트 More 버튼 구현하기
    4. airbnb 숙소리스트 완성하기
  • airbnb 숙소지도 만들며 juqery plugin 배우기
    자세히 보기
    jquery plugin 배우기
    1. gmap 플러그인 사용법
    2. gps 다루기
    3. 지도에 marker 표시하기
    4. 쿠키의 개념과 사용법
    5. airbnb 숙소 지도 완성하기
이런 분들은 꼭 들어보세요!
이런 분들을 위한 클래스예요.
  • 퍼블리셔
  • 디자이너
  • 개발자
  • 기획자
클래스가 끝나면 이런 사람이 될 수 있어요.
  • jquery 다루는 퍼블리셔
  • 준비된 웹프론트 디자이너
  • 웹 프론트엔드 개발자
  • 프론트 원리 이해 기획자
클래스 리더
자세히
리더 프로필을 클릭하시면 자세한 정보를 보실 수 있어요!
  • 이재하
  • 박용태
  • 마주환
  • 최도근
  • 신호철
  • 이헌영
  • 박수석
  • 유승재
  • 김만중
  • 이진문
검증된 강사들만 모여 있어요!
  • 교육 경험 풍부
  • 현직 실력자
  • 검증된 신원&인성
지금 등록하세요
· 맞는 일정이 없으신가요? 사전신청시 25% 할인쿠폰을 드려요!
· 멤버를 모아 팀으로 신청하면 최대 35% 할인! 자세히보기
출시알림 등록하고 할인 받기
11월
사전 신청
11월 개강
11월 19일 - 12월 24일
6주 매주 화요일 15:00 - 17:00
강남 슈퍼스타트
사전 알림 신청시 25% 할인
390,000원
292,500 원
클래스 오픈 준비중입니다. 출시알림을 등록해보세요!
다가오는 할인
  • 사전알림 신청자 할인
    25% 할인
    390,000원 292,500원
  • 얼리버드 할인
    10% 할인
    390,000원 351,000원
  • 친구와 함께 등록시
    22% 할인
    390,000원 304,200원
클래스 후기
자주 묻는 질문
노트북 필요한가요?
꼭 필요합니다. 실습시 사용되며 최소사양이면 충분합니다. 다른 준비물은 없습니다.
수업에 빠지면 어떡하죠?
동시에 열리는 클래스가 있다면 보강 스터디를 안내해드립니다. 이와는 별도로 혼자 자습할 수 있는 자료를 제공하며 온라인 Q&A로 지원해드립니다.
하나도 모르는데 할 수 있나요?
javascript와 jquery에 대해서는 아무것도 몰라도 상관없습니다. 완전 기초부터 배우니까요.

반면 html과 css에 대한 기초지식은 필요합니다. 관련 지식이 없는 분도 따라올 수 있게 추가자료를 제공하고 있으며, 그에 따른 예습복습의 노력이 동반될 경우는 학습 할 수 있습니다.

사전지식이 없는 상태에서 충분한 자습시간을 낼 수 없다면 웹디자이너 초고속 입문기 수업을 선행하시길 권장합니다.
프론트엔드가 뭔가요?
쉽게 말해 눈에 보이는 디자인과 작동 부분이라 볼 수 있습니다.
블로그에서 글을 읽다가 댓글을 달려 했을 때 로그인창을 띄우는 것이 프론트엔드의 역할이고, id와 password를 검사해 실제로 로그인 시켜주는 것이 백엔드의 역할입니다.

일반적으로 웹디자인을 웹프론트로 인식하고 있으나 그 사이에는 엄연한 차이가 있습니다. 프론트엔드는 단순 퍼블리싱보다 훨씬 더 어려운 고급 기술입니다.
왜 airbnb 인가요?
front-end를 학습하는데 가장 중요한 반복적이고 동적인 요소들이 절묘하게 배치되어 있는 주제가 바로 airbnb입니다.
airbnb라는 주제가 가져다주는 참신함과 재미를 덤으로 효율적인 프론트엔드 학습을 기대해볼 수 있습니다.
이 수업을 듣고 나면 무엇을 해야 하나요?
수준에 따라 곧 바로 취업하거나 비슷한 종류의 또 다른 프로젝트를 진행하며 실력을 키울 수 있습니다. 커리어 방향성 설정은 수업 중 강사님이 적극적으로 도와주시니 걱정하지 않으셔도 됩니다:)
참여 신청하기
공유
상담