영화 예매 사이트 만들기: 코딩편
웹 표준과 반응형 사이트 만들기 강의를 잘 따라왔다면 이제는 실전 연습 차례! 영화 예매 사이트 제작을 디자인편과 코딩편으로 나누어 학습합니다.
Lecture Introduction
Difficulty
Easy
Category
Web Programming - Programming
Target Audience
- 웹사이트를 처음부터 하나하나 따라하며 만들고싶은 분
- 그리드와 헤더, 푸터, 배너까지 다양한 레이아웃을 반응형으로 제작하고 싶은 분
- 실제로 있는 사이트를 따라 만들어보며 프론트엔드 코딩에 대한 감각을 익히고 싶은 분
- 웹퍼블리셔 직무를 희망하는 분
- 그리드와 헤더, 푸터, 배너까지 다양한 레이아웃을 반응형으로 제작하고 싶은 분
- 실제로 있는 사이트를 따라 만들어보며 프론트엔드 코딩에 대한 감각을 익히고 싶은 분
- 웹퍼블리셔 직무를 희망하는 분
안녕하세요 🙇♂️
본 수업은요 ✏️
영화 예매 사이트를 디자인/코딩 편으로 나누어서 진행하는 수업으로
메가박스 웹사이트를 포토샵을 이용하여 디자인 후 퍼블리싱하게 됩니다.
디자인 강의를 원하지 않는 분들은 코딩편부터 수강하셔도 무관합니다.
디자인 강의를 원하지 않는 분들은 코딩편부터 수강하셔도 무관합니다.
'웹 표준 사이트 만들기'와 '반응형 사이트 만들기' 수강 후 본 과목을 들으시면
기초를 다지고 웹 표준과 반응형 웹에 대해 더 빠르게 이해하실 수 있으며,
하나하나씩 따라하면서 어떻게 사이트를 만드는지 감을 잡을 수 있습니다.
하나하나씩 따라하면서 어떻게 사이트를 만드는지 감을 잡을 수 있습니다.
유튜브 후기로 말하는 강의 ✨
수강자들이 100이면 100 만족한 유튜브 강의
이제 구름EDU에서도 만나보세요!
이제 구름EDU에서도 만나보세요!
웹 퍼블리셔 꿈나무 로드맵 🌲
04. 영화 예매 사이트 만들기: 코딩편
차근차근 웹퍼블리셔로 나아가는 과정
Webstoryboy 와 함께해요 😄
Webstoryboy 와 함께해요 😄
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
Recent Update|2019. 12. 19
Lecture Reviews
Free
Average Rating
5.0
Difficulty
Easy
Lecture Period
Unlimited