교육목표

웹개발은 현대의 다양한 분야에서 필수적인 기술로 자리잡고 있으며, HTML, CSS, 그리고 JavaScript는 웹 개발의 기본적인 기술들이다. 이 훈련을 통해 참가자들은 웹 개발의 기본 구조와 문법, 그리고 실질적인 코딩 기술을 배우게 되며, 이를 통해 기본적인 웹 페이지를 개발하고, 유지하며, 수정할 수 있는 능력을 갖추게 된다.

교육내용

교육대상

수강 대상
가. 프론트엔드 개발자로 기본 지식을 기초 지식이 필요한 분
나. 프론트엔드 개발자로 업무전환이 필요한 분
다. 객체지향 프로그래밍에 관심 있는 분

신청 자격
협약기업 재직자(고용보험 납부) 및 회원사 재직자 지원가능

과정 수강 안내
1. 과정 개강/폐강 확정
개/폐강 여부는 개강 1주일 전에 확정됩니다. 추후 과정 확정 여부 및 기타 안내사항은 교육을 신청해주신 모든 분들에게 개별 안내 드립니다.
2. 교육 대기상태
교육 "대기"상태에서는 교육 승인상태가 아닙니다. 개강이 확정 된 후 교육 승인되신 분들은 교육 '확정' 상태로 변경됩니다.
3. 개강 안내
개강 안내 메일 및 문자는 개강 일주일 전에 발송됩니다.

과정 커리큘럼

1. HTML 기본 구조 및 문법
- HTML 기본 태그와 속성 이해하기
- HTML 문서 구조화 및 시맨틱 태그 활용하기
2. IDE 세팅 및 HTML 실습
- 개발 환경 설정하기 (IDE 설치 및 세팅)
- HTML 기본 구조 작성 실습하기
3. CSS 선택자, 박스 모델, 레이아웃
- CSS 선택자 이해 및 활용하기
- 박스 모델 및 레이아웃 기법 이해하기
4. CSS 플렉스 박스, 그리드
- 플렉스 박스(Flexbox) 및 그리드(Grid) 레이아웃 이해 및 활용하기
5. CSS 실습
- 스타일시트 작성 및 적용 실습하기
- 레이아웃 디자인 실습하기
6. JavaScript 기본 문법
- JavaScript의 변수, 연산자, 제어문, 함수 기본 문법 이해하기
- 배열과 객체 이해 및 활용하기
7. JavaScript DOM 조작**
- Document Object Model(DOM) 이해 및 조작 기법 학습하기
- DOM 요소 생성, 수정, 삭제 실습하기
8. JavaScript DOM 조작 실습
- 웹 페이지의 동적인 요소 조작 실습하기
9. JavaScript 활용 실습
- 사용자 이벤트와 DOM 조작을 활용한 실질적인 웹 페이지 기능 구현 실습하기
10. JavaScript 이벤트 처리
- 이벤트 종류 및 이벤트 리스너 이해 및 활용하기
- 이벤트 버블링 및 캡처링 이해하기
11. JavaScript 비동기 처리 (AJAX)
- 비동기 처리 개념 및 AJAX 기술 이해하기
- AJAX를 활용한 서버 데이터 요청 및 처리하기
12. JavaScript 비동기 실습
- AJAX를 활용한 실제 데이터 요청 및 출력 실습하기
13. JavaScript 클래스
- 클래스와 객체 지향 프로그래밍(OOP) 개념 이해하기
- 클래스 정의 및 객체 생성 실습하기

패널티 안내

선착순으로 마감되는 교육과정일 경우 교육을 받고 싶어도 받지 못하는 분들이 계실 수 있습니다.
원활한 강의 진행을 위해 아래 경우에 패널티가 부여됨을 알려드립니다.
- 교육 당일 사전 연락없이 결석 시 (당일 No Show)
- 교육 중 사전 연락없이 이탈 시
패널티를 3번 이상 부여받은 경우 수강생은 3개월 동안 수강제한을 받습니다.
이러한 수강생이 3분 이상일 경우 재직 중이신 회사의 모든 수강생은 3개월 수강제한을 받습니다.

비대면 과정

해당 과정은 Zoom을 통한 비대면 라이브 과정입니다.
필수는 아니오나 과정 수강 시 캠 활성화 요청 드립니다.