ALL FREEPASS | C# | ASP.NET | ASP.NET Core | MVC Framework | WPF | JAVA | I/O Thread | JSP | MVC JSP | Spring / SpringBoot
Python | Data Analysis | Android / Kotlin | Android Pro | Unity | C / C++ | Algorithm | Data Structure | Design Pattern | Console Game | ASP/PHP | Git / IDE
HTML5 / CSS3 | JavaScript | jQuery | JSON / Ajax / DOM | Node.js / React / Vue.js | Angular | Server | SQL | Linux | Oracle | Notion | FREE ( 무료 강좌 )
HTML5 CSS3 실전실무예제 - 쇼핑몰 상단/하단디자인 Part 4
1 64_step10 강의편집점 및 DEMO 미리보기 - 사용자 반응에 따른 정적 동적 처리란     동영상다운
2 65_동적인 처리를 위한 개념이해 설명     동영상다운
3 66_동적인 처리를 위한 개념이해 설명2     동영상다운
4 67_실제 프로젝트 예제에 동적인 처리 구현하기(1)     동영상다운
5 68_메인박스 영역에 동적으로 클래스 이름 추가하기     동영상다운
6 69_메인박스 영역에 동적으로 추가한 클래스 삭제하기     동영상다운
7 70_첫번째 메인 카테고리 영역 선택시 bgc0 클래스 추가하기     동영상다운
8 71_간단한 오류 잡기     동영상다운
9 72_각각의 메인 카테고리 메뉴 선택시 각 색상 클래스 추가하기(1)     동영상다운
10 73_각각의 메인 카테고리 메뉴 선택시 각 색상 클래스 추가하기(2)     동영상다운
11 74_메인 상단 영역에 추가된 클래스 제거하기(1) - 초기화     동영상다운
12 75_메인 상단 영역에 추가된 클래스 제거하기(2)     동영상다운
13 76_메인 영역 전체를 벗어났을 때 추가된 클래스 모두 삭제하기     동영상다운
14 77_자바스크립트 배열과 Map 객체를 활용하여 전체적인 코드 재정리(1)     동영상다운
15 78_자바스크립트 배열과 Map 객체를 활용하여 전체적인 코드 재정리(2)     동영상다운
16 79_자바스크립트 배열과 Map 객체를 활용하여 전체적인 코드 재정리(3)     동영상다운
17 80_코드 재정리(4) - 강의 마무리 인사     동영상다운
수강기간 : 2개월 / 수강료 : \110,000

본 과정은 HTML5/CSS3 코딩 과정입니다.
쇼핑몰 또는 웹사이트의 상/하단디자인 템플릿 영역에 해당하는 부분을 내가 직접 코딩하여 동적인처리 구현(jQuery/Javascript) 등을 만들어보는 과정입니다.

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

예제를 많이 따라해보고 코딩해봐야 문법도 잘 이해가 됩니다.
예제를 완전히 내것으로 만들면 이후에 비슷한 예제를 응용해서 만드는 것도 훨씬 쉬워진답니다.
내가 직접 쇼핑몰을 운영한다든지 쇼핑몰, 웹사이트 디자인을 내가 직접 코딩하고 구현해보고자 한다면 예제를 끝까지 따라 공부해보세요~

상단메뉴의 모션 및 사용자 반응에 따른 동적인 메뉴처리를 구현하기 위해서 jQuery와 자바스크립트 문법이 사용됩니다.
jQuery는 기본적인 문법과 메서드 사용법 정도만 알면 됩니다.
만약 잘 모르신다면 제이쿼리가 나오는 파트 전까지만 강의를 공부하시는 것도 나름의 공부 방법입니다.
제이쿼리 파트도 초보자들이 잘 이해할 수 있도록 점진적으로 설명해 나갑니다.
VIP Freepass 전과정 자유이용권 혜택보기