추천사이트 - 자바스크립트 기초 강좌 (JavaScript 무료 강좌)

생활코딩의 목표는 고도로 복잡한 프로그래밍에 대한 진입점을 제공하는 것입니다. 프로그래밍을 하고 싶은 의지가 있다면 그렇게 할 수 있게 도움을 드리고 싶습니다. 그렇다고 생활코딩의 지식들이 쉬운 것들로만 구성되어 있는 것은 아닙니다. 누구나 처음엔 초보자입니다. 마찬가지로 영원한 초보자도 없습니다. 초급이 중급으로 중급이 고급으로 나아가는 과정을 이어주는 연결점을 제공하는 것 또한 생활코딩이 지향하는 목표입니다.

이곳의 댓글을 통해서 수업화를 원하는 기술을 알려주시면 스케줄에 따라서 수업을 만들겠습니다.

생활코딩 Youtube 채널

생활코딩의 모든 동영상 강의는 Youtube를 통해서 서비스 되고 있습니다. Youtube 채널을 구독하시면 생활코딩의 새로운 동영상을 받아보실 수 있습니다.

http://www.youtube.com/user/egoing2

[참조] 자바스크립트란? (생활코딩)
[참조] 생활코딩의 웹서비스 만들기 수업 (생활코딩)
[참조] 자바스크립트 언어에 대한 기초 수업 (생활코딩)
[참조] 웹브라우저 자바스크립트 수업 :자바스크립트를 이용해서 웹브라우저를 제어법(생활코딩)

[참조] JavaScript - 오리엔테이션 & 실행과 실습 (생활코딩)
[참조] 자바스크립트란무엇인가 (생활코딩)

JavaScript Advanced Tutorial for Beginner & Experienced Developers

[참조] 자바스크립트란? (생활코딩 UCC: https://opentutorials.org/course/743)

[참조] 자바스크립트 기초 강좌

[참조] 코드 아카데미 (html & CSS)
[참조] 코드 아카데미 (기초)
[참조] 코드 아카데미 (iQuery)

[참조] 자바스크립트 자습서 (한글)

[참조] JavaScript Tutorial

[참조] Object Oriented JavaScript

[참조] JavaScript Tutorial For Beginners

[참조] JavaScript Fundamentals For Beginners

[참조] JavaScript: Understanding the Weird Parts - The First 3.5 Hours

[참조] 10 Things To Master For JavaScript Beginners

[참조] 로드맵 – JavaScript 공부하기

[참조] 자바스크립트를 배우는 좋은 방법

[참조] [JavaScript] 굉장한 자바스크립트 강좌(영문) 소개

JavaScript 강좌(중급) 1. Object Definitions (객체 정의)

[참조] [tutsplus](자바스크립트를 이용한 CSV 파일 파싱)

http://code.tutsplus.com/categories/javascript

[참조]  MDN (개발자용 정보)
[참조]   JavaScript reference
[참조]   JavaScript and HTML DOM Reference

How to debug javascript program in internet explorer

[참조] 자바스크립트 디버깅 방법(chrome)

[참조] 웹디자이너의 첫걸음: 웹 표준 이해하기
[참조] 웹디자인에 쓰이는 프로그램 & 웹디자이너의 시작

[참조] HTML5를 최대한 활용하기 위한 9가지 프로그래밍 도구

[참조] [에디터] Sublime text 3 (설치: https://www.sublimetext.com/)
[참조] [에디터] Sublime Text 한글깨짐 해결하기 (설치후) :

1. ctrl + ` 을 눌러 콘솔 창을 띄웁니다.

2. 다음을 콘솔창에 입력 : 패키지 컨트롤을 가능하게 해줍니다.

(드래그 안되시는 분들은 여기로 : https://packagecontrol.io/installation#st2 )

for Sublime text 3:

import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

for Sublime text 2:

import urllib2,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')

완료되면 Sublime text를 재시작 해줍니다.

3. ctrl + shift + p 를 누른 뒤, install 을 입력하면 Package Control: install Package 라고 뜨는데, 누른 뒤 잠깐 기다려줍니다.

4. convertToUTF8 을 찾아 설치해줍니다.

5. 이제 file 메뉴에서 문자 인코딩을 선택할 수 있습니다. 선택할 수 없다면 프로그램을 재시작해주세요.

- 저장할 때는 Set File Encoding to -> Korean(euc-kr) 을 선택.

- 불러온 파일의 한글이 깨져 보인다면 Reload with Encoding -> Korean(euc-kr) 선택.

* 파일 불러올 때마다 일일히 해줘야 하냐구요? 물론이죠! 아직까진 다른 방법이 없는 것 같네요..

* 수정)현재는 불러올 때 마다 인코딩을 선택할 수 있게 해두었네요.

[참조] [에디터] 서브라임 텍스트(Sublime Text) 한글 입력 문제 해결하는 방법 (설치후)
[참조] [에디터] 웹스톰 ide
[참조] [에디터] 에디터플러스

[참조] form 태그로 form 만들기

HTML - 폼1-서버와클라이언트

HTML - 폼2-문법

HTML - 폼3-예제1-서버로데이터전송하기

HTML - 폼3 - 예제2 - GET과 POST의차이

HTML - 폼 - 텍스트입력1 - 텍스트 필드

HTML - 폼 - 텍스트입력2 - 비밀번호

HTML - 폼 - 텍스트입력3 - 히든 필드

HTML - 폼 - 텍스트입력4 - textarea

폼 선택 콤보박스

HTML - 폼 - 선택 - 라디오버튼

폼 선택 체크박스

[참조] CSS : id,class 차이점 & 선택자 종류
[참조] http://validator.kldp.org/">웹 표준 검사 (W3C : Markup 검증 서비스)