2019 HTML5 CSS3 실전실무예제 - 쇼핑몰 상단/하단디자인 Part 3
1 57_step9 강의편집점 및 DEMO 미리보기     동영상다운
2 58_메인과 서브 카테고리 메뉴 동시에 호버효과 주기     동영상다운
3 59_메인 로고 밑의 카피문구 마크업 코딩     동영상다운
4 60_메인 상단 첫번째 카피문구 포지션 위치 CSS 코딩     동영상다운
5 61_메인 상단 두번째 작은 카피문구 포지션 위치 및 정렬 CSS 코딩     동영상다운
6 62_메인 상단 카피문구 투명도 처리     동영상다운
7 63_제이쿼리 코딩 - 서브메뉴와 메인텍스트 동시 호버 처리 - 완료     동영상다운
8 이번 강의예제 소스파일 다운로드     泥⑤??뚯씪?ㅼ슫
수강기간 : 2개월 / 수강료 : \110,000

본 과정은 아래와 같은 내용을 다룹니다.
쇼핑몰 또는 웹사이트의 상/하단디자인 템플릿 영역에 해당하는 부분을 내가 직접 레이아웃을 짜고 퍼블리싱(코딩)을 하는 과정입니다.
마지막 단계에서는 동적인 메뉴 처리 구현(jQuery/Javascript)을 하기 위해서 Javascript/jQuery 등을 사용합니다.

따라서 기본적인 과정들에 대해서는 선학습을 해주십시오~
예를들면.. HTML5, Css3 등에 대한 기본적인 내용은 어느정도 학습을 한후에 또는 같이 병행하면서 이 과정을 보시는게 학습 이해도면에서 좋습니다.
당연히 강사로써 권장하는 학습방향이기도 합니다.

.

자바스크립트, 제이쿼리도 기초 정도는 알고 있어야 합니다.
자바스크립트, 제이쿼리를 전혀 모른다면 마지막 단계에서의 동적인 메뉴 처리 구현을 하는 부분에서 어려울 수 있습니다.
많은 공부를 요하는게 아니라 자바스크립트, 제이쿼리 기초 사용법과 기초 문법 정도는 알고 있어야 한다는 것입니다.
if문이 뭐고 반복문이 뭔지 잘 모른다면 먼저 자바스크립트 기초 문법을 공부하고 마지막 부분의 학습을 진행하는게 좋습니다.

만약 당장 자바스크립트, 제이쿼리 공부할 시간이 없다면,
제이쿼리가 나오는 파트 전까지 강의를 공부하는 것도 나름의 공부 방법입니다.
사용자 반응에 따라 상단메뉴의 동적인 메뉴변화를 구현 처리하기 위해서 제이쿼리를 사용하는건데 만약 잘 모른다면 그전까지의 HTML5/CSS3 코딩 파트까지만 우선 공부하는 것도 괜찮습니다.

물론 제이쿼리 파트도 최대한 초보자들이 잘 이해할 수 있도록 점진적인 설명을 해나가므로 기초 정도만 알면 제이쿼리 부분도 잘 따라올 수 있습니다.

.
.

끝으로,
실전적이면서 실무적인 예제를 많이 따라해보고 코딩해보는게 좋습니다.
꼭 취업이 목표가 아니더라도 내가 직접 쇼핑몰을 운영한다든지
또는 이러한 쇼핑몰, 웹사이트 디자인을 내가 직접 코딩하고 퍼블리싱 해보고자 한다면 이런 강의와 예제를 많이 따라해보세요.
그러면 자신감이 쑤우욱 올라갈 것입니다.

본 예제를 응용/활용해서 좀더 나은 예제로 발전시켜 보세요..
아니면 본 예제를 그대로 자신의 포트폴리오로 활용하셔도 좋습니다.
물론 자신의 쇼핑몰에 본 예제 디자인을 입혀서 사용하는 것도 좋구요..

중요한건 반복학습과 숙달을 통해서 본 예제에 사용된 코딩 스킬과 여러 실무적인 기술적 구현들을 빠르게 구현할 수 있도록 숙달을 시키시는게 가장 중요합니다.
그럼 열공하세요~ :)
VIP Freepass 전과정 자유이용권 혜택보기