https://youtu.be/B6sE0GpCYfk

part 4 Sample download: 
https://drive.google.com/file/d/1hnKyjOZw7VfCBNPAFD1EomTMPxa5TY0C/view?usp=sharing

https://bxslider.com/


part 4:  슬라이드 활성화 애니메이션
part 5:  슬라이드 옵션 활용하기, 자동슬라이드 구현
part 6 :  슬라이드에 동영상 구현하기
part 7: 탭과 슬라이드 연동하기

에디터: visual studio code
티스토리 : http://alikerock.tistory.com/
트위터: #eztoweb

#bxslider, #슬라이드, #jquery,  #웹퍼블리셔, #프론트엔드

반응형

https://youtu.be/Ml1DxGXf_P4

Sample Download: https://bit.ly/2IIBLnJ

stroke-dasharray 참고
https://codepen.io/alikerock/pen/WpPMyb

stroke-dashoffset  참고
https://codepen.io/alikerock/pen/PpVQdv

에디터: visual studio code
티스토리 : http://alikerock.tistory.com/
트위터: #eztoweb

#svg animation, #jquery animation, #scroll animation,  #웹퍼블리셔, #프론트엔드

반응형

수료일: 2019.04.03 
과정시간: 1000시간  

1차 과제명 : CJES RENEWAL
과제 주소: http://sumini1st.dothome.co.kr
과제 특징: 주요 페이지 구현



2차 과제명 : 신세계 리뉴얼
과제 주소: http://sumini2st.dothome.co.kr/
과제 특징: 피그마 디자인 > 코딩, 주요 페이지 구현, 반응형, 웹표준 검사, 스크립트 작성

 



3차 과제명 : SLOW PHARMACY
과제 주소: http://sumini3st.dothome.co.kr/
과제 특징: 피그마 디자인 > 코딩, 반응형

 

반응형

https://youtu.be/l87vAwMOhu0

Sample Download: http://bitly.kr/n6m1yi

인스타그램 개발자 사이트
https://www.instagram.com/developer/

인스타피드 라이브러리
instafeedjs.com

인스타그램 유저id 확인하기
http://www.otzberg.net/iguserid/



에디터: visual studio code
티스토리 : http://alikerock.tistory.com/
트위터: #eztoweb

#instargram, #instagram api,  #웹퍼블리셔, #프론트엔드, #웹디자인기능사

반응형

수료일: 2018.09.12
과정시간: 800시간 

1차 과제명 : 하림 리뉴얼 
과제 주소: http://tjru7230.dothome.co.kr/index.html
과제 특징: 주요 페이지 구현, 일러스트 디자인, 반응형




2차 과제명 : 카카오 프렌즈 리뉴얼 
과제 주소: http://tjru7231.dothome.co.kr
과제 특징: 주요서브페이지 모두 구현, 반응형, 일러스트 아이콘 디자인, 패럴렉스 



3차 과제명 : 나이키 풋폴 모바일 리뉴얼 
과제 주소: http://tjru7232.dothome.co.kr
과제 특징:  모바일 전용(적응형), 워드프레쓰, 우커머스



 

 

반응형

수료일: 2017.11.30 
과정시간: 800시간 

1차 과제명 : 난지 캠핌장 리뉴얼 
과제 주소: http://eztoweb.maru.net/students/2017/nanji
과제 특징: 주요 페이지 모두 구현 총 29페이지




2차 과제명 : 코카콜라 리뉴얼 
과제 주소: http://eztoweb.maru.net/students/2017/coke/
과제 특징: 주요서브페이지 모두 구현, 반응형, 로딩 애니메이션



3차 과제명 : 이케아 모바일 리뉴얼 
과제 주소: http://eztoweb.maru.net/students/2017/ikea
과제 특징:  모바일 전용(적응형), 로딩 애니메이션

 




 

 

 

반응형

수료일: 2017.11.30
과정시간: 800시간

1차 과제명 : 더본 코리아 리뉴얼
과제 주소: http://eztoweb.maru.net/students/2017/theborn/
과제 특징: 주요 페이지 모두 구현




2차 과제명 : 금호아시아나 리뉴얼
과제 주소: http://eztoweb.maru.net/students/2017/asiana/
과제 특징: 주요 페이지 모두 구현




3차 과제명 : 위니비니 리뉴얼
과제 주소: http://eztoweb.maru.net/students/2017/weenybenny
과제 특징: 반응형, 장바구니, 주문페이지

반응형

수료일: 2017.11.30
과정시간: 800시간

2차 과제명 : 금호 아시아나 문화재단 리뉴얼
과제 주소: http://eztoweb.maru.net/students/2017/kumho
과제 특징: 주요 페이지 모두 구현



3차 과제명 : 현대 자동차 리뉴얼
과제 주소: http://eztoweb.maru.net/students/2017/clinique/
과제 특징: 반응형, 애니메이션, 색상 변경

반응형

수료일: 2017.11.30
과정시간: 800시간

1차 과제명 : 오버워치 리뉴얼(overwatch)
과제 주소: http://eztoweb.maru.net/students/2017/overwatch/
과제 특징: 주요 페이지 모두 구현, 탭 활용

 



2차 과제명 : 현대 자동차 리뉴얼
과제 주소: http://eztoweb.maru.net/students/2017/hyundai/
과제 특징: 동영상 풀페이지, 서브메뉴 애니메이션, 차량 색상변경

 



3차 과제명 : 닥터 드레 리뉴얼
과제 주소: http://drdre.dothome.co.kr/
과제 특징: 3차 모바일 전용 사이트 리뉴얼

색상변경, 가격변경, 모바일 메뉴

 

반응형

수료일: 2017.11.30
과정시간: 800시간

1차 과제명 : 파파존스 리뉴얼
과제 주소: http://eztoweb.maru.net/students/2017/papajohns/index.html
과제 특징: 주요 페이지 모두 구현



2차 과제명 : 두산건설 리뉴얼
과제 주소: http://eztoweb.maru.net/students/2017/doosan/
과제 특징: 세로로 이동하는 페이지

 



3차 과제명 : 다이슨 리뉴얼
과제 주소: http://eztoweb.maru.net/students/2017/dyson/
과제 특징: 3차 모바일 전용 사이트 리뉴얼

반응형

+ Recent posts