Devlec.com Javacstudy.com
My페이지 |  처음사용자 이용안내 |  이용문의 |  회사소개
수강기간 2개월 무료연장(총 1년) + 제휴강좌 ALL 무료증정 = 앵콜 빅혜택! 무한학습... 3/28일(목) 마감

[2018 신규] ... [취업 포트폴리오를 만들어라] 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

이번 파트의 강좌는 주로 제이쿼리 파트입니다.
사용자 반응에 따라서 상단메뉴를 동적으로 처리구현하기 위해서 제이쿼리를 사용하는데요..
자바스크립트의 배열과 자주쓰는 자료구조인 map 객체를 사용합니다.

아울러 길었던 본 실무편 과정의 마지막 파트 강좌입니다.
모쪼록 긴 과정을 끝까지 학습하시느라 수고 많으셨습니다.^^
계속적으로 반복학습을 하셔서 숙달시켜 놓으십시오~

그래야 몸과 손이 자연스럽게 코딩을 해나갑니다.
반드시 많이 쳐보고 반복해서 복습하세요~
명심하시고 반복해서 세번 정도 강의를 다시 들으세요~
물론 어려웠던 파트 위주로 집중 반복하시고 예제를 다시 코딩해보세요~

그럼 이 예제는 완전히 여러분게 되는 겁니다.
80강까지 완강하시느라 다시한번 고생하셨다는 말씀을 드립니다.
진심 수고 많으셨습니다.^^

이후에 실무 2편 강좌에서 다시 만나 뵙겠습니다.
감사합니다.^^

- 강사 드림 -

.
.
.
.

(공통 설명)

본 과정은 HTML5/CSS3 실전/실무 프로젝트 과정입니다.
아래 시리즈로 구성된 강좌이며 본 과정은 실무1 과정에 해당합니다.
참고로 실무 과정은 1편, 2편으로 되어 있습니다.
실무 1, 2편이 서로 이어지는 강좌는 아니므로 따로 들어도 상관 없습니다.
단, 기본편, 활용편 강좌는 먼저 선수학습으로 열공하고 실무편을 보세요~

- HTML5 CSS3 모던 웹사이트 레이아웃 기본 1/ 2/ 3편
- HTML5 CSS3 모던 웹사이트 레이아웃 활용 1/ 2편
- HTML5 CSS3 모던 웹사이트 레이아웃/웹디자인(퍼블리싱) 실무 1/ 2편

.
.

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

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

위 시리즈 강좌를 기본편 -> 활용편 -> 실무편 순서로 공부하세요~

.
.

자바스크립트, 제이쿼리도 기초 정도는 알고 있어야 합니다.

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

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

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

.
.

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

.
.


프론트엔드나 웹퍼블리셔, 웹디자인쪽으로 취업을 하고자 하신다면
또는 자신이 직접 쇼핑몰 운영자로써 이러한 쇼핑몰 디자인을 직접 코딩하고 만들어보고자 하신다면 이러한 예제를 많이 공부하고 반복학습하셔서 내걸로 만드세요~
그러면 자신감이 쑤우욱 올라갈 것입니다.

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

실제 많은 회원 및 수강생들이 본 예제를 자신의 포트폴리오 처럼 꾸며서
취업준비 및 이직시 면접을 보러 다닌답니다.
약간 응용해서 자신의 쇼핑몰이나 웹사이트 디자인으로 쓰기도 하구요..

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

[AD] 데브렉 사이트 VIP Freepass 전과정 자유이용권 혜택보기
   
   
홈 회사소개 이용약관 개인정보 보호정책 이용안내 Q&A FAQ Guide