메인메뉴 바로가기 본문 바로가기
홈 수강신청 교육과정전체보기

직무

[ITⓔ코칭] Do it! HTML+CSS+자바스크립트 웹 표준의 정석

  • 학습기간
    2026-11-04~2026-12-03  4주(18시간)
  • 수강신청기간
    2026-10-21~2026-11-03 오후 5:00:00
  • NCS코드
    20010202:응용SW엔지니어링
  • 지원
    모바일
신청유형 ?
국민내일배움카드

국민내일배움카드를 이미 발급받으신 분들의 경우
해당 유형으로 신청하셔야 수강료의 일부 국비지원이 됩니다.

  • · 수료기준 : 진도율 80%, 평가 2회
  • · 교재/모바일강의/무료 복습기간 제공
일반

국민내일배움카드 유무와 관계없이 누구나 신청 가능합니다.

  • · 수료기준 : 별도 수료기준 없이 진행 가능
  • · 교재/모바일강의/무료 복습기간 제공
학습기간
지원유형

국민내일배움카드의 유무에 관계없이
누구나 신청 가능합니다.

  • 수료기준 : 별도 수료기준 없이 진행 가능
  • 교재/모바일강의/무료 복습기간 제공

국민내일배움카드(근로자)를 발급받으신 분들의 경우
해당과정으로 신청하셔야 수강료의 일부 국비지원이 됩니다.

  • 수료기준 : 진도율 80%, 평가 2회
  • 교재/모바일강의/무료 복습기간 제공

교재소개

Do it! HTML+CSS+자바스크립트 웹 표준의 정석
출판사 : 이지스퍼블리싱
저자 : 고경희
내용 : 최신 웹 표준부터 반응형 웹, ES6+까지
실무에 가장 가까운 웹 기본을 익힌다!

생성형 AI가 등장하면서 개발자라는 직업이 사라질 것이라고 누군가는 말했지만, 이 책은 다르게 말합니다. 생성형 AI 역시 개발을 아는 만큼 편리하게 사용할 수 있는 도구일 뿐이라고요. 그리고 웹 개발을 바닥에서 떠받치는 핵심 기술이 HTML, CSS, 자바스크립트라는 건 변하지 않습니다.
이 책은 웹에 입문한 독자가 기본을 완벽하게 다질 수 있도록 HTML의 태그가 무엇인지부터 친절하게 알려 줍니다. 또한 이 책을 다 공부하면 바로 실무에 활용할 수 있도록 반응형 웹, ES6+ 등 최신 기술과 트렌드까지 파악할 수 있습니다.

실습→복습→평가까지 한 번에!
체계적인 학습 설계로 공부 효과가 3배!

이 책은 한 번만 읽어도 세 번 읽은 것 같은 효과를 얻을 수 있도록 구성했습니다. 장이 시작할 때마다 ‘이 장을 다 공부하면!’ 코너에서 학습 목표를 미리 파악한 뒤 다양한 예제를 직접 코딩하며 실습을 진행합니다. 장 하나를 다 공부하면 ‘확인’ 코너의 질문에 답하며 그 장에서 무엇을 배웠는지 돌아봅니다. 마지막으로 ‘되새김 문제’로 배운 내용을 얼마나 이해했는지 스스로 평가합니다. 이렇게 체계적인 구성에 따라 공부하다 보면 1번 읽었는데 마치 3번을 읽은 것과 같은 학습 효과를 기대할 수 있습니다.

500여 개의 다양한 예제를 풀며
기본부터 활용까지 확실하게 익힌다!

HTML, CSS, 자바스크립트의 기초를 충분히 배웠다면 그 내용을 활용해 직접 코딩하는 것이 중요합니다. 그래서 소스 코드의 빈칸을 손으로 직접 채우는 손코딩부터 프로그램을 단계별로 따라 하며 만들어 보는 ‘Do it! 실습’까지 다양한 방식의 예제 500여 개를 수록했습니다. 예제를 풀 때는 배운 코드를 활용하는 데 집중할 수 있도록 모든 파일을 미리 제공합니다. 결과 파일도 함께 제공하니 자신이 직접 작성한 코드의 결과와 비교하며 공부할 수 있습니다.

학습개요

자동화 시대에도 사라지지 않는 핵심 기초 언어 ‘HTML+CSS+자바스크립트’를 한 번에!

학습목표

1. HTML, CSS, 자바스크립트의 기본 구조와 환경을 설명할 수 있다.
2. 반응형 웹사이트를 이해하고 직접 만들 수 있다. 
3. HTML, CSS, 자바스크립트 세 언어를 통합하여 실무에 활용 가능한 웹 콘텐츠를 구현할 수 있다.

학습대상

1. HTML, CSS, 자바스크립트 웹 표준에 관심이 있는 모든 직장인 
2. 웹 사이트 개발에 관심이 있는 모든 직장인 
3. 최신 웹 표준 기술을 알고 싶은 웹 개발자 
4. 웹 프론트엔드 주니어 개발자

평가기준

평가기준
진도 진행단계평가 최종평가 과제 토론 총점
배점 - - 60% 40% - -
수료기준 80%이상 필수 - 필수 필수 - 60점이상
  • · 수료 기준: 진도율 80% 이상 충족 / 평가별 합산점수 총점 60점 이상
  • ※ 평가 항목이나 반영 비율은 과정마다 상이할 수 있으니 신청하신 과정의 ‘평가기준’을 꼭 확인해주세요!

학습내용

1. 웹 개발 첫 걸음, 네트워크 이해부터 환경 설정까지
2. HTML 기본 문서 만들기
3. HTML로 다양한 내용 입력하기
4. 폼과 입력 필드 만들기
5. CSS 기초와 선택자 이해하기
6. CSS로 폰트와 텍스트 스타일 지정하기
7. 레이아웃을 구성하는 CSS 박스 모델
8. 이미지와 그라데이션 효과로 배경 꾸미기
9. 반응형 웹과 미디어 쿼리
10. 플렉스 박스 레이아웃
11. CSS 그리드 레이아웃 
12. CSS 고급 선택자 
13. 트랜지션과 애니메이션 
14. 자바스크립트와 첫 만남 
15. 자바스크립트 기본 문법 
16. 자바스크립트 함수와 이벤트 
17. 자바스크립트 객체 이해와 활용 
18. 문서 객체 모델(DOM)

수강후기

<< 1 2 3 4 5 6 7 8 9 10 >>

탑버튼


빠른 상담 신청빠른 상담 신청
내일배움카드
상담 신청