영화 예매 사이트 만들기: 코딩편 - goormEDU

영화 예매 사이트 만들기: 코딩편

웹 표준과 반응형 사이트 만들기 강의를 잘 따라왔다면 이제는 실전 연습 차례! 영화 예매 사이트 제작을 디자인편과 코딩편으로 나누어 학습합니다.

Lecture Introduction
Difficulty
Easy
Category
Programming - Web Programming
Tag
웹퍼블리싱, 클론코딩, 메가박스사이트만들기, 웹스토리보이, webstoryboy, 반응형웹, 웹표준, 퍼블리싱실습, 웹퍼블리셔
Target Audience
- 웹사이트를 처음부터 하나하나 따라하며 만들고싶은 분
- 그리드와 헤더, 푸터, 배너까지 다양한 레이아웃을 반응형으로 제작하고 싶은 분
- 실제로 있는 사이트를 따라 만들어보며 프론트엔드 코딩에 대한 감각을 익히고 싶은 분
- 웹퍼블리셔 직무를 희망하는 분


안녕하세요 🙇‍♂️

웹에 관심이 많고, 강의를 하고있는 웹 스토리보이입니다.
유튜브 채널 Webstoryboy에서 여러가지 강의를 제작합니다.




본 수업은요 ✏️

영화 예매 사이트를 디자인/코딩 편으로 나누어서 진행하는 수업으로
메가박스 웹사이트를 포토샵을 이용하여 디자인 후 퍼블리싱하게 됩니다. 
디자인 강의를 원하지 않는 분들은 코딩편부터 수강하셔도 무관합니다.

'웹 표준 사이트 만들기'와 '반응형 사이트 만들기' 수강 후 본 과목을 들으시면
기초를 다지고 웹 표준과 반응형 웹에 대해 더 빠르게 이해하실 수 있으며,
하나하나씩 따라하면서 어떻게 사이트를 만드는지 감을 잡을 수 있습니다.




유튜브 후기로 말하는 강의 



수강자들이 100이면 100 만족한 유튜브 강의
이제 구름EDU에서도 만나보세요!




웹 퍼블리셔 꿈나무 로드맵 🌲

04. 영화 예매 사이트 만들기: 코딩편

차근차근 웹퍼블리셔로 나아가는 과정 
Webstoryboy 와 함께해요 😄


Preview
  • 01
    영화 예매 사이트 만들기: 코딩편
  • 0. 오리엔테이션
    1. 기본 셋팅
    2. 헤더 영역
Curriculum
  • 01
    영화 예매 사이트 만들기: 코딩편
  • 0. 오리엔테이션
    1. 기본 셋팅
    2. 헤더 영역
    3. 배너 영역
    4. 헤더 반응형: 모바일 메뉴
    5. Swiper.js
    6. 배너 반응형
    해더 및 배너 실습
    7. 영화 차트 구조잡기
    8. 영화 차트 탭 메뉴
    9. 영화 차트 이미지 슬라이드
    10. 영화 차트 이미지 슬라이드 반응형
    11. 이벤트 영역
    12. 오프닝 영역
    13. 새로운 영화 영역
    14. 새로운 영화 영역 2
    영화 소개 화면 실습
    15. 공지사항
    16. 메가박스 할인카드
    17. 고객센터/SVG
    18. 헬프영역 반응형
    19. 푸터 영역
    20. 탭 메뉴, 스킵 메뉴
    21. Youtube API
    22. 마무리 및 Github
    추가 메뉴 및 API 실습
Instructor Introduction
user
webstoryboyTeacher

Lecture Reviews
  • No reviews have been written.

Free


Average Rating
5.0
Difficulty
Easy
Lecture Period
Unlimited