총 30여편의 연재로 구성될 영상입니다.
포토샵을 기초로 html, css, script를 모두 작성하고 해당 버전을 워드프레쓰 테마로 개발하는 긴호흡의 영상입니다.
예제는 초반과 워드프레쓰 초반 두번만 제공합니다. 집중해서 시청바랍니다. ^^
download part 1
https://drive.google.com/file/d/1ZIlRwc7Zw0V5X8Pp8ae49CT0Vfj4ED9H/view?usp=sharing
PSD to html
- 공통요소 스타일 먼저 설정하기
티스토리 : http://alikerock.tistory.com/
트위터: #eztoweb
#psdtohtml #bootstrap
구독하기(subscribe now) : https://bit.ly/30wbC1y
오프라인 수업 문의: ezwebpub@gmail.com
총 30여편의 연재로 구성될 영상입니다.
포토샵을 기초로 html, css, script를 모두 작성하고 해당 버전을 워드프레쓰 테마로 개발하는 긴호흡의 영상입니다.
예제는 초반과 워드프레쓰 초반 두번만 제공합니다. 집중해서 시청바랍니다. ^^
download part 1
https://drive.google.com/file/d/1ZIlRwc7Zw0V5X8Pp8ae49CT0Vfj4ED9H/view?usp=sharing
PSD to html
- 공통요소 스타일 먼저 설정하기
티스토리 : http://alikerock.tistory.com/
트위터: #eztoweb
#psdtohtml #bootstrap
구독하기(subscribe now) : https://bit.ly/30wbC1y
오프라인 수업 문의: ezwebpub@gmail.com
예제 링크 : https://drive.google.com/file/d/1H2BwUQluDM2JcqM8YLItNRAyo5XHfNZ1/view?usp=sharing
에디터: codepen
티스토리 : http://alikerock.tistory.com/
트위터: #eztoweb
#scroll animation, #javascript, #웹디자인, #웹퍼블리셔, #프론트엔드, #웹디자인기능사
구독하기(subscribe now) : https://bit.ly/30wbC1y
오프라인 수업 문의: ezwebpub@gmail.com
jQuery 72 예제다운로드(sample download):
https://drive.google.com/file/d/1paYjGUTCb5LLOYkeIscJ-Oao4ixVXXo1/view?usp=sharing
- 날씨 API
- 숫자 애니메이션
- 인포그래픽 애니메이션
- min, max
에디터: visual studio code
티스토리 : http://alikerock.tistory.com/
트위터: eztoweb
#infographic #animation #jquery
구독하기(subscribe now) : https://bit.ly/30wbC1y
오프라인 수업 문의: ezwebpub@gmail.com
jQuery 71 예제다운로드(sample download):
https://drive.google.com/file/d/1vH26BDu_mMfE6u1neo37W35IPGAFrY2R/view?usp=sharing
에디터: visual studio code
티스토리 : http://alikerock.tistory.com/
트위터: eztoweb
#indexOf #2depth #jquery
구독하기(subscribe now) : https://bit.ly/30wbC1y
오프라인 수업 문의: ezwebpub@gmail.com
jQuery 71 예제다운로드(sample download):
https://drive.google.com/file/d/1uHEy77jx67FPYM8KjwKJc1p6hnhTYJUV/view?usp=sharing
에디터: visual studio code
티스토리 : http://alikerock.tistory.com/
트위터: eztoweb
#navigation #2depth #jquery
구독하기(subscribe now) : https://bit.ly/30wbC1y
오프라인 수업 문의: ezwebpub@gmail.com
TABLE RESPONSIVE
반응형 예제 1 (Responsive table example #1)
- https://codepen.io/alikerock/pen/YbdYKN
반응형 예제 2(Responsive table example #2)
-https://codepen.io/alikerock/pen/gJZoOG
페이지네이션 예제3 ( Pagenation Table )
- https://codepen.io/alikerock/pen/zQypjq
테이블 정렬 소팅하기 ( Table Sorting )
- https://codepen.io/alikerock/pen/zQyRqz
https://github.com/tristen/tablesort
에디터: visual studio code
티스토리 : http://alikerock.tistory.com/
트위터: eztoweb
#table #responsive #sorting
구독하기(subscribe now) : https://bit.ly/30wbC1y
오프라인 수업 문의: ezwebpub@gmail.com
cafe24 #1 Download (#1 샘플만 제공합니다, 이어서 학습해주세요)
https://drive.google.com/file/d/1axr1a_2cD3FtwRWMJbSbeLk6aqFhjyzq/view?usp=sharing
cafe24 skin 제작하기
- 상품 카테고리명 리스트 출력하기
- 상품 목록 출력
[ 모듈리스트 ]
http://sdsupport.cafe24.com/product/list.html?cate_no=61
[ jQuery 충돌 방지하기 ]
http://sdsupport.cafe24.com/board/tip/read_begin.html?no=624&board_no=1002
#cafe24 #쇼핑몰구조 #스킨
구독하기(subscribe now) : https://bit.ly/30wbC1y
오프라인 수업 문의: ezwebpub@gmail.com
cafe24 #1 Download (#1 샘플만 제공합니다, 이어서 학습해주세요)
https://drive.google.com/file/d/1axr1a_2cD3FtwRWMJbSbeLk6aqFhjyzq/view?usp=sharing
cafe24 skin 제작하기
- 메인슬라이드 구현하기
- jQuery 충돌 방지하기
[ 모듈리스트 ]
http://sdsupport.cafe24.com/product/list.html?cate_no=61
[ jQuery 충돌 방지하기 ]
http://sdsupport.cafe24.com/board/tip/read_begin.html?no=624&board_no=1002
#cafe24 #쇼핑몰구조 #스킨
구독하기(subscribe now) : https://bit.ly/30wbC1y
오프라인 수업 문의: ezwebpub@gmail.com
cafe24 #1 Download (#1 샘플만 제공합니다, 이어서 학습해주세요)
https://drive.google.com/file/d/1axr1a_2cD3FtwRWMJbSbeLk6aqFhjyzq/view?usp=sharing
cafe24 skin 제작하기
- 모듈활용하기
- 신상품 상품 목록 출력하기
[ cafe24 가입하기 ]
https://echosting.cafe24.com/Main/
[ cafe24 쇼핑몰 관리자 로그인 ]
https://eclogin.cafe24.com/Shop/
[ 모듈리스트 ]
http://sdsupport.cafe24.com/product/list.html?cate_no=61
[ 사용자 가이드 ]
http://sdsupport.cafe24.com/guide.html
#cafe24 #쇼핑몰구조 #스킨
구독하기(subscribe now) : https://bit.ly/30wbC1y