안녕하세요. 오쌤입니다.
공부의 효과적인 전달을 위해 유튜브를 개설해보았습니다.
블로그와 함께 사용할 예정입니다.
웹프론트엔드의 모든 것을 담아볼 유튜브 계정입니다.
주소 : https://www.youtube.com/channel/UCAi3huK5H9VOtB_J5tYk4qg?view_as=subscriber
오쌤의 니가스터디
웹퍼블리셔와 웹프론트엔드, 그리고 웹디자인기능사까지 강의합니다. 웹 프론트엔드 개발을 쉽게 배우고 습득하세요.
www.youtube.com
★ 오쌤의 니가스터디 - HTML/CSS편 목차
Chapter 01. 웹언어에 대한 이해 : https://www.youtube.com/watch?v=oCYOR8uJMho
Chapter 02. VS CODE 설치법 : https://www.youtube.com/watch?v=6on6YoXJWiA&t=560s
Chapter 03. 텍스트태그 : https://www.youtube.com/watch?v=lPEwKzviD0I
** 완성파일소스 :
Chapter 04. 하이퍼링크 : https://www.youtube.com/watch?v=Oo4zI6fuRHA
** 테스트PDF파일 :
** 상대경로소스파일 :
** 완성파일소스 :
Chapter 05. 웹표준과 멀티미디어 : https://www.youtube.com/watch?v=lnIJqgJLDaM
** 소스(이미지,오디오,비디오)파일 :
** 출처 : pixabay, 유튜브무료음악
** 완성파일소스 :
** 이미지와 영상은 용량 관계로 첨부하지 않았으므로 위 소스파일들을 첨부해서 보세요.
Chapter 06. 웹이미지와 이미지맵 : https://www.youtube.com/watch?v=nZNDgwDAYYI
** 소스(이미지)파일 :
** 출처 : pixabay, 포토샵 도형이미지
** 완성파일소스 :
Chapter 07. 웹서버와 FTP : https://www.youtube.com/watch?v=P0V0HWIxBRw
** 소스파일 :
Chapter 08. CSS기본문법 : https://www.youtube.com/watch?v=ZkqK4a7i3SI
** 소스(이미지)파일 :
** 출처 : pixabay
** 완성파일소스 :
Chapter 09. CSS색상 : https://www.youtube.com/watch?v=UcqJdkCY_pY
** 소스(이미지)파일 :
** 완성파일소스 :
Chapter 10. CSS폰트속성과 구글웹폰트 : https://www.youtube.com/watch?v=6u1bYDdJmHM
** 소스(폰트)파일 :
** 완성파일소스 :
Chapter 11. CSS text속성 : https://www.youtube.com/watch?v=L7zdQ6uV3fY
** 소스파일 :
** 완성파일소스 :
Chapter 12. CSS list속성 : https://www.youtube.com/watch?v=j-TLmxPziLM
** 소스파일 :
** 완성파일소스 :
Chapter 13. CSS 배경 속성 : https://www.youtube.com/watch?v=ukPTssZLPoI
** 소스파일 :
** 완성파일소스 :
Chapter 14. CSS 영역 속성 : https://www.youtube.com/watch?v=HuY4WkVOKrY
** 소스파일 :
** 완성파일소스 :
Chapter 15. CSS 여백/테두리속성 : https://www.youtube.com/watch?v=a930mdh1jGs
** 소스파일 :
** 완성파일소스 :
Chapter 16. CSS 박스 모델 : https://www.youtube.com/watch?v=Gx6HsqJJwe0
** 소스파일 :
** 완성파일소스 :
Chapter 17. CSS float 속성 : https://www.youtube.com/watch?v=j5uzdunXv44
** 소스파일 :
** 완성파일소스 :
Chapter 18. CSS position 속성 : https://www.youtube.com/watch?v=1_biCQ6pKdU
** 소스파일 :
** 완성파일소스 :
Chapter 19. CSS2 선택자 : https://www.youtube.com/watch?v=xMBY7fIPMfY
** 소스파일 :
** 완성파일소스 :
Chapter 20. CSS3 선택자 : https://www.youtube.com/watch?v=PzNIJxi7HzA
** 소스파일 :
** 완성파일소스 :
Chapter 21. 테이블태그 : https://www.youtube.com/watch?v=SMjXH6Qnd_o
** 소스파일 :
** 완성파일소스 :
Chapter 22. iframe태그 : https://www.youtube.com/watch?v=VVVmPjnqT8U
** 소스파일 :
** 완성파일소스 :
Chapter 23. form태그 : https://www.youtube.com/watch?v=bh9KvHaB9c0
** 소스파일 :
** 완성파일소스 :
Chapter 24. form관련CSS : https://www.youtube.com/watch?v=iw5wmnc-37k
** 소스파일 :
** 완성파일소스 :
Chapter 25. transition 속성 : https://www.youtube.com/watch?v=dafSZio9HZo
** 소스파일 :
** 완성파일소스 :
Chapter 26. transform 속성 : https://www.youtube.com/watch?v=DVvXE4uN1oA
** 소스파일 :
** 완성파일소스 :
Chapter 27. transform 속성 : https://www.youtube.com/watch?v=krdFNe2R27E
** 소스파일 :
** 완성파일소스 :
Chapter 28. 시멘틱구조태그 : https://www.youtube.com/watch?v=WBSKYz7oUQQ
** 완성파일소스 :
Chapter 29. CSS글자줄임 : https://www.youtube.com/watch?v=YCwDcJygDkw
** 소스파일 :
** 완성파일소스 :
Chapter 30. obejct-fit : https://www.youtube.com/watch?v=8hsCUwZJjw4
** 소스파일 :
** 완성파일소스 :
Chapter 31. CSS flexbox : https://www.youtube.com/watch?v=DhiDpXEkd-E
** 소스파일 :
** 완성파일소스 :
Chapter 32. CSS outline : https://www.youtube.com/watch?v=TaXDcQFAOkw
** 소스파일 :
** 완성파일소스 :
Chapter 33. HTML tabindex속성 : https://youtu.be/o3DeYfWQMUY
** 완성파일소스 :
Chapter 34. HTML data-* 사용자정의속성 : https://youtu.be/xXN2jMb0eCg
** 소스파일 :
** 완성파일소스 :
'유튜브관련 > 유튜브-영상목차및소스다운' 카테고리의 다른 글
| [유튜브] 오쌤의 니가스터디 - 자바스크립트 기초 이론 (0) | 2022.01.02 |
|---|---|
| [유튜브] 오쌤의니가스터디 - 웹페이지 레이아웃 - HTML/CSS중급편 (0) | 2021.12.21 |
| [유튜브] 오쌤의 니가스터디 - 반응형웹이론 - HTML/CSS중급편 (0) | 2021.11.28 |
| [유튜브] 오쌤의 니가스터디 - 웹컨텐츠제작꿀팁 - HTML/CSS중급편 (0) | 2021.10.02 |
| [유튜브] 오쌤의 니가스터디 - 웹디자인기능사편 (0) | 2020.08.30 |
