Devlec.com Javacstudy.com
My페이지 |  처음사용자 이용안내 |  게시판 |  회사소개
전과정이용 VIP Freepass + 2개월무료 + 30만원 제휴강좌 무료 - 6/21[목] 까지 | 메인 리뉴얼

2018년 신규촬영.. [취업 포트폴리오를 만들어라] HTML5 CSS3 실전실무예제




등록된 샘플강좌가 없습니다.




1 01_기본파일 작성 동영상다운
2 02_메인페이지 전체적인 레이아웃 구성 설명 동영상다운
3 03_상단 하단 영역 div 박스모델 지정하고 wrap 하기 동영상다운
4 04_상단디자인 HTML 마크업 코딩 동영상다운
5 05_상단디자인 HTML 마크업 코딩 - 주석처리 및 링크걸기 동영상다운
6 06_CSS 코딩하기(1) - 상단 wrapper 박스 정의 동영상다운
7 07_CSS 코딩하기(2) - max min-width로 만드는 의도는 무엇인가 동영상다운
8 08_헤더 영역 css 코딩하기(1) - 최상단 엣지있게 활용하기 동영상다운
9 09_헤더 영역 css 코딩하기(2) - 로고 위치 잡기 동영상다운
10 10_헤더 영역 css 코딩하기(3) - 헤더 영역 relative 잡아주기 동영상다운
11 11_헤더 영역 css 코딩하기(4) - 스크롤해도 최상단메뉴 따라다니게 하려면 동영상다운
12 12_리셋 파일 코딩 추가 동영상다운
13 13_로고 크기 수정에 따른 가운데정렬 css 코드 수정 동영상다운
14 14_GNB(Global Navigation Bar) 상단메뉴 코딩하기(1) 동영상다운
15 15_GNB(Global Navigation Bar) 상단메뉴 코딩하기(2) 동영상다운
16 16_GNB(Global Navigation Bar) 상단메뉴 코딩하기(3) 동영상다운
17 17_GNB(Global Navigation Bar) 상단메뉴 코딩하기(4) - a 태그 CSS 적용 동영상다운
18 18_Box-sizing border-box 추가 예제 팁 동영상다운
19 19_GNB 영역 색상 조정 동영상다운
20 20_GNB 상단 서브메뉴 코딩하기(1) 동영상다운
21 21_GNB 상단 서브메뉴 코딩하기(2) 동영상다운
22 22_시각장애인 접근성을 고려한 숨김 텍스트 기법 서브메뉴에 적용하기 동영상다운
23 23_서브메뉴 위치 조정하기 동영상다운
24 24_GNB 상단영역 색상톤 및 컬러 수정 동영상다운
25 25_GNB 상단영역 기본 폰트 서체 Sans-serif 로 바꾸기 동영상다운
26 26_강의편집점 - STEP 5 동영상다운
27 27_nav-box로 div id 이름 변경 동영상다운
28 28_최상단 네비게이션 메뉴바 만들기(1) - 마크업 코딩 동영상다운
29 29_최상단 네비게이션 메뉴바 만들기(2) - 가로 정렬 및 패딩 조절 동영상다운
30 30_최상단 네비게이션 메뉴바 만들기(3) - hover 효과 적용 및 폰트 아이콘 사용 동영상다운
31 31_최상단 네비게이션 메뉴바 만들기(4) - 다양한 폰트 아이콘 사용 동영상다운
32 32_최상단 네비게이션 메뉴바 만들기(5) - 폰트아이콘으로 서브메뉴 표시 동영상다운
33 33_최상단 네비게이션 검색바 코딩(1) - 마크업 동영상다운
34 34_최상단 네비게이션 검색바 코딩(2) - 검색 폰트 아이콘 css 코딩 동영상다운
35 35_최상단 네비게이션 검색바 코딩(3) - 키워드 서치박스 css 코딩 동영상다운
36 36_최상단 네비게이션바 min-width 최소 너비 지정 동영상다운
37 37_step6 부터의 강의는 무엇 - 강의편집점 설명 동영상다운
38 38_카테고리 메뉴 jQuery 슬라이드 모션 처리(1) 동영상다운
39 39_카테고리 메뉴 jQuery 슬라이드 모션 처리(2) 동영상다운
40 40_카테고리 메뉴 jQuery 슬라이드 모션 처리(3) - 부분 수정 동영상다운
41 41_step7 강의편집점 - 하단디자인 파트 동영상다운
42 42_부분 수정 - 상단 로고 영역 높이 안맞는거 동영상다운
43 43_푸터 영역 하단디자인 CSS 코딩하기(1) 동영상다운
44 44_푸터 영역 하단디자인 CSS 코딩하기(2) 동영상다운
45 45_푸터 영역 하단디자인 CSS 코딩하기(3) 동영상다운
46 46_푸터 영역 하단디자인 CSS 코딩하기(4) 동영상다운
47 47_푸터 영역 하단디자인 CSS 코딩하기(5) 동영상다운
48 48_푸터 영역 하단디자인 CSS 코딩하기(6) - 마무리 동영상다운
49 2018년 6월 현재 계속 강의 촬영중입니다.
수강기간 : 2개월 / 수강료 : \220,000

2018년 6월 촬영된 최신 강좌입니다.
쇼핑몰 또는 웹사이트의 상단디자인 영역에 해당하는 부분을 내가 직접 코딩하여 만들어보는 과정입니다.
프리패스 회원분들은 강의 다운받아서 공부하시면 됩니다.

2018년 5/01일자로 01강~11강까지 촬영된 목차를 추가하였습니다.
2018년 5/04일자로 12강~19강까지 촬영된 목차를 추가하였습니다.
2018년 5/16일자로 20강~32강까지 촬영된 목차를 추가하였습니다.
2018년 5/24일자로 33강~36강까지 촬영된 목차를 추가하였습니다.
2018년 6/05일자로 37강~40강까지 촬영된 목차를 추가하였습니다.
2018년 6/08일자로 41강~48강까지 촬영된 목차를 추가하였습니다.
.
.

강사 카플란입니다.
강의 상세 제목은 "트랜디한 웹사이트 상단/하단디자인 코딩 따라하기" 입니다.
맨날 기본예제만 공부해서는 취업이 안되겠죠~
되도 이상한거고요..^^

당연히 실전적이면서 실무적인 예제를 사수로 부터 배우고 따라해보고 많이 코딩해봐야 감각이 느는겁니다.
그렇게해야 비로써 그 예제가 내것이 되고요..
실무예제를 완전히 내것으로 만들면 그럼 이후에 비슷한 유형의 실무예제를 응용해서 만드는 것도 훨씬 쉬워진답니다.
모든 경력자들은 그러면서 프로가 되어간 것입니다.
.
.

사용되는 기술은 당연히 HTML5, CSS3 입니다.
그리고 상단메뉴 모션을 처리하기 위해서 jQuery 약간 사용되고요.
따라서 위 3가지 기술은 선수학습입니다.
jQuery는 기본적인 문법과 메서드 사용법 정도만 알면 됩니다.
jQuery를 전혀 모른다면 사이트내 jQuery 베이직 강좌를 들어주세요~

제이쿼리는 버전을 크게(또는 전혀) 따질 필요가 없습니다.
물론 극히 일부 메서드가 바뀌거나 하는 것은 있겠으나 큰 변화는 없습니다.
사이트내 박용준 강사님의 jQuery 베이직 강좌 정도는 들어주세요~
그리고 HTML, CSS는 기본입니다. 잘 알고 있어야 합니다.
HTML5, CSS3 기본이 약하다면 아래 제 강의를 먼저 열공하세요~

"어서와~ HTML5/CSS3는 처음이지~"
[AD] 데브렉 사이트 VIP Freepass 전과정 자유이용권 혜택보기
   
   
홈 회사소개 이용약관 개인정보 보호정책 이용안내 Q&A FAQ Guide