강좌 소개 웹프로그래밍기초 숙명여자대학교 임순범

담당교수 및 분반 담당교수: 임순범 (새힘관511) 강의 전화: 710-9424, 010-5329-9919 sblim@sm.ac.kr 홈피 : mm.sookmyung.ac.kr/~sblim 강의 월, 수 3:00~4:15 (명신관505) 주3시간 : 매주 강의 및 실습 진행

학습목표(1) Web Programming 인터넷에서 WWW를 기반으로 하는 웹 프로그래밍 기법을 학습한다. 웹 관련 기술의 기본 지식을 이해하고, HTML5, CSS, Javascript 등 클라이언트 프로그래밍과 PHP 등 서버 프로그래밍을 통해 웹 프로그래밍 실력향상을 목표로 한다.

학습목표(2) 상세 주제 기본 HTML5 문서의 작성 : 문서의 출력 스타일 : 자바스크립트 프로그래밍 : 문서작성 태그, 링크 멀티미디어 표현 태그 문서의 출력 스타일 : CSS3 스타일시트 자바스크립트 프로그래밍 : 자바스크립트 기초, DOM, 이벤트 프로그래밍 애플리케이션 개발을 위한 표준 API  : 캔버스, 위치정보, 저장기능 등

강의 형식 선행지식 : 프로그래밍 기초 Course Format 적극적 실습참여 Grading 매주 단위 : 설명 + 실습 실습 진행 : 개인 실습 개인 노트북 지참 (power 미리 점검) Grading 시험 40%, 과제/프로젝트 40%, 수업참여 및 출석10% (결석회수2 감점) 적극적 실습참여

교재 주교재 참조 HTML5 웹프로그래밍 입문, 개정판, 임순범/박희민 공저, 생능출판사, 2016.8 교재 홈페이지 : http://webclass.me/html5_2e 예제 실행 및 코드 소스 W3C Homepage : http://www.w3c.org 

모듈별 강의 계획 주제 내용 #1 기본 HTML5 문서 작성 1장. 인터넷과 웹환경 2장. HTML5 문서기본 3장. 링크와 멀티미디어 #2 CSS 스타일시트 4장. CSS3 기초 5장. CSS3 고급 #3 서버 연동 6장. 입력폼 부록. PHP 보충 #4 JavaScript 프로그래밍 8장. 자바스크립트 기초 9장. 자바스크립트 & DOM 10장. 자바스크립트 이벤트 #5 애플리케이션 API 11장. 캔버스 그리기 API 12장. 인터페이스 관련 API

강의 개설 배경(1) Top 10 programming Languages in the world Web programming 웹프로그래밍 기초 웹 프로그래밍 응용 웹 서버프로그래밍 강좌 목표

TechWorm 2016 https://www.techworm.net/2016/10/top-10-programming-languages-inventors.html#prettyPhoto

IEEE Spectrum 2016 http://spectrum.ieee.org/computing/software/the-2016-top-programming-languages

SitePoint : programming-lang-to-learn-in-2017 https://www.sitepoint.com/whats-the-best-programming-language-to-learn-in-2017/

TrendySkills: skill & technology to learn in 2017 https://www.codingame.com/blog/top-programming-languages-to-learn-in-2017/

GitHub 2016 JavaScript Java Python Ruby PHP C++ CSS C# C Go https://www.techworm.net/2016/09/top-10-popular-programming-languages-github.html

Top 10 Programming Languages for Full Stack Web Developers [CodeCONDO] Java Javascript (with jQuery, JS libraries) PHP Ruby HTML Python Perl CSS SQL C++ http://codecondo.com/top-10-programming-languages-for-full-stack-web-developers/

5 Latest Web Development Technologies To Learn In 2016 [RSWebsols] 1) Angular.js For Web Developers 2) Learn JQuery Mobile From Scratch 3) Build Web Apps with PHP Cake Framework 4) Data Visualization Using D3.JS 5) Build Web Apps with Laravel Framework In PHP http://www.rswebsols.com/tutorials/programming/web-development-technologies-learn-2016

강좌 목표 웹프로그래밍 기초 기본 지식 기본 프로그래밍 인터넷? 웹? 클라이언트 프로그래밍? 서버 프로그래밍? HTML 태그 인터넷? 웹? 클라이언트 프로그래밍? 서버 프로그래밍? 기본 프로그래밍 HTML 태그 CSS 스타일시트 서버연동 프로그래밍 Javascript 프로그래밍 애플리케이션 API

주의사항 학습난이도 : 전반부 vs 후반부

선행과목 프로그래밍 기초 : C 혹은 Python 기초 강의 수준 : 쉽게 강의 IT공학과 전공 2학년 기준