본문 바로가기

유튜브관련/유튜브-영상목차및소스다운

[유튜브] 오쌤의 니가스터디 - 웹디자인기능사편

728x90
반응형

 

 

 

 

 

 

 

 

 

 

 

 

 

 

안녕하세요. 오쌤입니다.

 

공부의 효과적인 전달을 위해 유튜브를 개설해보았습니다.

블로그와 함께 사용할 예정입니다.

웹프론트엔드의 모든 것을 담아볼 유튜브 계정입니다.

 

주소 : https://www.youtube.com/channel/UCAi3huK5H9VOtB_J5tYk4qg?view_as=subscriber

 

오쌤의 니가스터디

웹퍼블리셔와 웹프론트엔드, 그리고 웹디자인기능사까지 강의합니다. 웹 프론트엔드 개발을 쉽게 배우고 습득하세요.

www.youtube.com

 

 

 

 

 

 

 

 

 

일단 우선적으로 웹디자인기능사편부터 올릴 예정입니다. 

강좌에 대한 소스와 목차를 이 포스트에 담아 놓겠습니다. 

 

 

 

 

 

 

 

 

 

 

 

★ 오쌤의 니가스터디 - 웹디자인기능사편 목차

Chapter 01. 기초학습능력

1. 포토샵 기능편 : https://www.youtube.com/watch?v=QBXE3MP0WQs&t=19s

  - 해당편은 소스는 없습니다. 예제를 그냥 따라해주시면 됩니다. 

 

2. 브라켓 사용편 : https://www.youtube.com/watch?v=S8iXGrfAdbs

  - 해당편은 소스는 없습니다. 예제를 그냥 따라해주시면 됩니다. 

 

3. HTML 기초코딩편 : https://www.youtube.com/watch?v=6BQ1uWhewOc

웹디자인기능사-기초03-HTML기초코딩편.zip
0.07MB

 

4. CSS 기초코딩편:  www.youtube.com/watch?v=n4woYIkYMnE

웹디자인기능사-기초04-CSS기초코딩편.zip
0.43MB

 

5. jQuery 기초코딩편 : www.youtube.com/watch?v=Nd2WR1RBVEE

웹디자인기능사-기초05-jQuery기초코딩편.zip
0.09MB

6. VS CODE 사용법 : https://www.youtube.com/watch?v=MbS5yvWSJGI 

 

 

 

 

 

 

 

 

Chapter 02. 실전코딩연습

 

1. 공개 A형 스타일 홈페이지 레이아웃편 : www.youtube.com/watch?v=xT-ND9mmZcc

웹디자인기능사-실전코딩연습01-홈페이지레이아웃A형스타일.zip
0.00MB

 

2. 공개 B형 스타일 홈페이지 레이아웃편 : www.youtube.com/watch?v=sDVlR6QyGV4

웹디자인기능사-실전코딩연습02-홈페이지레이아웃B형스타일.zip
0.00MB

 

3. 공개 C형 스타일 홈페이지 레이아웃편 : www.youtube.com/watch?v=fZCi7oLfDAM&feature=youtu.be

웹디자인기능사-실전코딩연습03-홈페이지레이아웃 C형.zip
0.00MB

 

4. 메인이미지 슬라이더 제작편 : www.youtube.com/watch?v=7d5TW9Z_0Mk

웹디자인기능사-메인이미지소스.zip
0.86MB
웹디자인기능사-메인이미지정답.zip
0.86MB

 

5. 메인메뉴 제작편 : www.youtube.com/watch?v=rljmIrLfSWI

웹디자인기능사-메인메뉴소스.zip
0.33MB
웹디자인기능사-메인메뉴정답.zip
0.33MB

 

 

6. 탭바편 : www.youtube.com/watch?v=-7vFFd-Sv6M

웹디자인기능사-탭바소스.zip
0.35MB
웹디자인기능사-탭바정답.zip
0.35MB

 

 

7. 레이어 팝업편 : www.youtube.com/watch?v=5kInYjC6ong

웹디자인기능사-레이어팝업소스.zip
0.61MB
웹디자인기능사-레이어팝업정답.zip
0.61MB

 

 

 

 

 

Chapter 03. 기출예상문제

1. 존예 쇼핑몰 홈페이지 제작 : 

     1) 이미지 제작편 : www.youtube.com/watch?v=wj_j3meCBns

     2) 컨텐츠 코드 제작편 : www.youtube.com/watch?v=RW2ouagWsMs

     3) 제이쿼리 코드 제작편 : www.youtube.com/watch?v=if_55UhB4ao

1형-존예쇼핑몰-수험자제공파일.zip
3.23MB
1형-존예쇼핑몰-코드완성.zip
2.17MB

 

 

2. 이젠택배 홈페이지 제작편 :

     1) 이미지 제작편 : www.youtube.com/watch?v=JXHZtwkSN3k

     2) 컨텐츠 코드 제작편 : www.youtube.com/watch?v=h5PQejBfwdY

     3) 제이쿼리 코드 제작편 : www.youtube.com/watch?v=FAsPZ20g7Jo

 

2형-이젠택배-수험자제공파일.zip
2.97MB
2형-이젠택배-코드완성.zip
2.01MB

 

 

 

3. 이지팜 홈페이지 제작편 :

     1) 이미지 제작편 : www.youtube.com/watch?v=S-fOg1rMKwY

     2) 컨텐츠 코드 제작편 : www.youtube.com/watch?v=pleq0YO9nRY

     3) 제이쿼리 코드 제작편 : www.youtube.com/watch?v=3faGgKG2zpo

3형-이지팜-수험자제공파일.zip
4.97MB
3형-이지팜-코드편.zip
1.63MB

 

 

 

 

4. 경주안압지 연꽃축제 홈페이지 제작편 :

     1) 컨텐츠 코드 제작편 : www.youtube.com/watch?v=5Z037na4KEE&t=49s

     2) 제이쿼리 코드 제작편 : https://www.youtube.com/watch?v=FaU_wTGsV3s&feature=youtu.be 

4형-경주안압지연꽃축제-수험자제공파일.zip
1.55MB
4형-경주안압지연꽃축제-코드편.zip
1.03MB

 

 

 

 

 

 

 

 

 

 

 

5. 코리아 캠핑샵 홈페이지 제작편 :

     1) 컨텐츠 코드 제작편 : https://www.youtube.com/watch?v=YgxDpddOnwk 

     2) 제이쿼리 코드 제작편 : https://www.youtube.com/watch?v=-EjSADA4I5s 

5형-코리아캠핑샵-수험자제공파일.zip
3.97MB
5형-코리아캠핑-코드편.zip
2.23MB

     

   3) 특별편 - flex코딩 : https://www.youtube.com/watch?v=u8DwveLyJfA 

특별편-flex소스.zip
2.23MB
특별편-flex완성.zip
2.23MB

 

 

 

 

 

 

 

6. 노랑우산어린이재단 홈페이지 제작편 :

 1) 컨텐츠 코드 제작편 : https://www.youtube.com/watch?v=Uy_MlK0TEwE 

 2) 제이쿼리 코드 제작편 : https://youtu.be/1dMVAYEdMm8

6형-노랑우산어린이재단-수험자제공파일.zip
0.93MB
6형-노랑어린이재단문제지.pdf
0.49MB
6형-노랑우산어린이재단-코드편.zip
1.02MB

 

 

 

 

 

 

 

7. 2024년 새로운 유형 - 하나원큐뱅킹 홈페이지 제작편 :

공개23형-예상문제-소스및완성코드.zip
5.50MB

 

하나원큐뱅킹-기초소스파일.zip
1.27MB

 

 

 

 

 

 

728x90
반응형