프론트엔드 웹개발 공부 유용한 사이트 정리

강의

 

노마드 코더

- 유튜버 노마드코더 니콜라스의 무·유료 강의 사이

https://nomadcoders.co/

 

유데미

- 미국 온라인 강의 사이트

https://www.udemy.com/ko/

 

인프런

- 국내 온라인 강의 사이트

https://www.inflearn.com/

 

 

 

---

개발 전반

 

MDN Web Docs

- 웹 관련 나무위키같은 사이트

https://developer.mozilla.org/ko/

 

출퇴근길 개발 읽기

- 개발 관련 컨텐츠, 트렌드 관련 다양하고 유익한 자료

https://github.com/Integerous/goQuality-dev-contents

 

 

 

---

CSS

 

Flexbox Froggy
- CSS Flexbox에 대한 개념을 게임으로 이해할 수 있는 사이트
https://flexboxfroggy.com/#ko

 

CSS Diner
- CSS 선택자를 게임의 형식을 통해서 익힐 수 있는 사이트
http://flukeout.github.io/

Ceaser - CSS Easing Animation Tool - Matthew Lein
- CSS 트랜지션 easing 사이트
https://matthewlein.com/tools/ceaser

Animista - On-Demand CSS Animations Library
- CSS 애니메이션 라이브러리 모음
https://animista.net/

Media Queries
- 미디어 쿼리로 만든 다양한 웹사이트를 한눈에
https://mediaqueri.es/