웹 프로그래밍을 배울 수 있는 사이트

웹 프로그래밍을 배울 수 있는 사이트

​

 웹 사이트 만드는 프로젝트를 참여하면서, HTML+CSS 처음 배우면서 수많은 태그가 날 괴롭혔다. 태그를 어떻게 응용하는지, 구현하고 싶은 기능을 하는 태그가 있는지 궁금했었다. 적절한 태그와 CSS를 통해서 웹 사이트의 레이아웃을 설정을 어떻게 하는지 구글에 검색하면서 공부했었다. 구글에 태그 검색하면 항상 나타나는 사이트가 있었는데 그 사이트가 꽤 도움되어서 좋았다. 바로 웹 프로그래밍을 배울 수 있는 도서관 같은 사이트!

 

http://www.w3schools.com/

 

 

 

 HTML, CSS, JavaScript부터 jQuery, PHP 등 다양한 프로그래밍을 배울 수 있는 사이트이다. 영어로 되어 있어서 영어 울렁증(?) 있는 사람들은 크롬 구글 번역을 통해서 한글로 번역된 걸로 이용해도 된다. 하지만 프로그래머라면 영어로 되어 있는 언어, 문법에 익숙해져야 하므로 영어로 된 페이지를 이용하는 걸 추천한다.

​

 Tutorial 메뉴로 왼쪽 메뉴에 나타나 있는 각 챕터별로 ​공부할 수 있고 'Try it Yourself' 부분을 통해서 활용 및 응용하는 걸 볼 수 있고, 직접 쓰면서 바로 결과를 볼 수 있게 해 놨다.

 

JavaScript Tutorial Home 페이지

왼쪽은 챕터별로 목록이 나와 있고, 가운데는 설명들이 나와 있다

 

 

JS Operator 챕터를 눌렀을 때 나타나는 페이지

설명은 자세하고 예제도 나와 있다.

 

 

​

'Try it Yourself' 페이지

왼쪽은 소스 코드, 오른쪽은 결과를 보여준다.​

​

​

​ 레퍼런스(참조) 부분은 도서관처럼 분류해서 같은 특성을 가진 것들을 모아 놓아줘서 찾기 편하게 해주었다. 예를 들면, JavaScript 문자열과 관련된 객체가 궁금하면 String 부분에 들어가서 속성과 메소드 등 그 해당 정보들을 볼 수 있다.

 

 

JavaScript Reference 페이지

자바스크립트 외 HTML 레퍼런스 부분도 함께 나온다.

찾거나 궁금한 특성을 클릭해서 해당 관련된 것을 볼 수 있다.

 

 

JavaScript String Reference 페이지

예를 들어서 문자열과 관련된 게 궁금하면 String 부분에 들어가면

위와 같이 설명과 속성, 메소드 등의 정보들이 나온다.

 

 

각 해당되는 속성이나 메소드를 클릭하면 더 자세한 정보를 볼 수 있다.

왼쪽에는 HTML 태그 목록들이 나와 있다.

 

 

 

​ 이런 식으로 이 사이트 띄어 놓고 웹 사이트 만들면서 검색하면서 활용할 수 있다. 물론 이 사이트만 쓰지 말고 구글 검색도 같이하면서 하면 정보를 더 많이 얻으면서 하면 더 좋을 것이다. 이렇게 설명만 보는 것보다 꼭! 직접 써보면서 느끼면 도움이 된다는 걸 알 수 있다. 꼭! 한번은 써 보도록! ;)

​

​http://www.w3schools.com/