0:00 코딩애플 자바스크립트/jQuery 강의 특징
3:30 수강시 필요한 사전 HTML/CSS 지식
6:18 Brackets 에디터 설치
필요한 HTML/CSS 지식
HTML 기본 파일 만드는 법
<img> <button> <div> 등 기본 태그
<form> 만드는 법
CSS 파일을 HTML에 첨부하는 법
class/id로 스타일 넣는 법
여러가지 CSS 기본 속성 (display, position, background, color, font관련 등)
간단한 반응형 레이아웃 만드는 법
src, href 등 태그에 넣는 몇가지 속성들
강의 특징
흔한 프로그래밍 교재나 강의들 보면 100% 공통된 특징이 있습니다.
문법이론 쭉 설명하고 문법 연습문제풀고 다배웠다~ 하는게 끝이라는 점입니다.
저도 책을 한권 써봐서 몰래 말씀드리지만 책을 쓰려고하면 다른 책들의 커리큘럼을 참고할 수 밖에 없고
그 결과 거의 모든 책 대부분 같은 커리큘럼을 가지고 있습니다.
그런데 90년대부터 전통적으로 내려오는 이런 코딩 커리큘럼의 심각한 단점은
1. 이론위주라 졸리고 재미없음
2. 문법 배워도 실제 웹개발에서 응용을 못함
입니다.
여러분이 공부안해도 수학 1등급 맞는 똑똑이가 아닌 이상
그냥 쌩으로 이론을 배운 뒤 응용하기란 정말 어렵습니다.
그래서 코딩애플에선 요즘 교육학에서 흥하고 있는 project-based learning, flipped learning 교육과정을 적극 도입하여
탭, 슬라이더, 모달창 등 실제 웹UI 예제 만들기를 중점으로 강의가 진행됩니다.
"그럼 문법은 언제 배우나요?"
- UI 만들면서 곁들여 배우게 됩니다. 탭을 만들면서 탭에 필요한 반복문을 배워보고, 모달창을 만들면서 모달창에 필요한 함수 문법을 배워보는거죠.
그래서 말씀드리는 장점 :
1. 기존의 프로그래밍 이론위주의 강의나 책들 보다 훨씬 재밌게 자바스크립트/jQuery를 공부할 수 있으며
2. 예제를 통한 실무능력까지도 빠르게 습득하실 수 있습니다.
3. 배운 문법을 실전에서 사용이 가능합니다.
4. 개발 패턴을 배우기 때문에 드디어 혼자 코딩이 가능해집니다.
끝입니다.
요약 :
"와 드디어 자바스크립트가 이해가 됩니다 감사해요"라면서 매달 최소 1명이 감동의 눈물을 흘리던 그 현장강좌를 드디어 인강으로 만나보실 수 있습니다.
Brackets 에디터를 사용할 예정입니다.
구글에 Brackets라고 검색하시면 다운받으실 수 있습니다.
Adobe가 만든 에디터고 초보에게 권장하는 아주 간단한 크롬 기반 에디터입니다.
다른 에디터를 사용하실 분들은 부가기능을 설치하든 해서 HTML파일 미리보기를 실행할 수 있어야 하며 자바스크립트/jQuery 자동완성 기능 설치를 매우 권장드립니다.
-
Add a note