[웹디자인]HTML, CSS, JavaScript / 생활코딩 추천강의

수업에서 학습하고 있는 HTML, CSS와 별개로 유튜브를 보며 JavaScript를 공부하기 시작했다. 간단하게 HTML, CSS, JavaScript의 개념을 정리해두려고 한다.

HTML, CSS, JavaScript

HTML	CSS	JavaScript
HyperText Markup Language	Cascading Style Sheets	JS
*.html	*.css	*.js
</>	{}	{;}
Layout, Context	Shape, Style	Event, Reaction

 

• Cascading[케스케이딩]은 폭포처럼 위에서 아래로 떨어지는 것을 의미합니다. 즉, CSS에서 같은 요소에 중복된 스타일을 요청할 경우, 아래의 우선순위에 따라 스타일이 적용된다는 것입니다.
  1. 스타일 우선순위
  1) 중요도
  2) 명시도
  3) 코드 순서
  
  2. 스타일 상속

 

HTML, CSS, JavaScript 한번에 이해하는 법

HTML → A dog(개) / CSS → Beautiful(아름다운) / JavaScript → Bark(짖다) 라고 연결지으면 이해하기가 쉽다. HTML에 CSS를 입히면 아름다운 개를 만들 수 있다. 여기에 웹페이지를 동적으로 만들어주는 자바스크립트까지 더하면 짖는 아름다운 개를 만들 수 있는 것이다.

 

 

 

자바스크립트 독학 방법

선택한 강의는 유튜브 채널'생활코딩'의 'WEB2-JavaScript'이다. 총 38개 강의 인데, 한 강의당 5~10분이라서 부담없이 하나씩 듣기 좋다. 또한, 코드 문법보다는 원리에 집중해서 설명해주시기 때문에 전반적으로 자바스크립트를 이해하는데 도움이 많이 되고 있다. 생활코딩 홈페이지에 자세한 커리큘럼과 강의 정보가 올라와 있으니, 궁금하신 분들은 한번 쯤 방문해보시는 걸 추천드립니다.

 

 

유튜브 재생목록 링크

https://youtube.com/playlist?list=PLuHgQVnccGMBB348PWRN0fREzYcYgFybf&feature=shared 

WEB2-JavaScript

 

생활코딩 홈페이지 링크

https://opentutorials.org/course/3085

WEB2 - JavaScript - 생활코딩