HTML, CSS, JavaScript 기반 Front-End 개발
주제
Front-End 개발
강사명
박우람
교육목표
- 웹개발은 현대의 다양한 분야에서 필수적인 기술로 자리잡고 있으며, HTML, CSS, 그리고 JavaScript는 웹 개발의 기본적인 기술들이다. 이 훈련을 통해 참가자들은 웹 개발의 기본 구조와 문법, 그리고 실질적인 코딩 기술을 배우게 되며, 이를 통해 기본적인 웹 페이지를 개발하고, 유지하며, 수정할 수 있는 능력을 갖추게 된다.
커리큘럼
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) 개념 이해하기
- 클래스 정의 및 객체 생성 실습하기
교육시간
2일 16시간
훈련대상
가. 프론트엔드 개발자로 기본 지식을 기초 지식이 필요한 분
나. 프론트엔드 개발자로 업무전환이 필요한 분
다. 객체지향 프로그래밍에 관심 있는 분
1 more property
