1. 프로그램 개요
가. 프로그램명: JavaScript, HTML, CSS를 활용한 프론트엔드 코딩 과정
나. 교육일시 : 2024. 10. 28.(월) ~ 10. 31.(목) / 총 16H, 4일
다. 교육방법 : 실시간 비대면 강의(Zoom)
라. 참여대상 : 대구대학교 재학생 및 졸업생 35명
취/창업지원
[비대면]1. JavaScript, HTML, CSS를 활용한 프론트엔드 코딩 과정(1일차)
- 전체 학생
- 전체 학년/전체 성별
- 전체 학과
-
취/창업지원 취업역량강화프로그램
-
kerry3711@daegu.ac.kr
-
053-850-6788
-
온라인비대면강의(zoom)
로그인이 필요합니다.
핵심역량 지수
나의 역량 지수
로그인이 필요합니다
세부내용
1. 프로그램 개요
가. 프로그램명: JavaScript, HTML, CSS를 활용한 프론트엔드 코딩 과정
나. 교육일시 : 2024. 10. 28.(월) ~ 10. 31.(목) / 총 16H, 4일
다. 교육방법 : 실시간 비대면 강의(Zoom)
라. 참여대상 : 대구대학교 재학생 및 졸업생 35명
마. 프로그램 내용
- HTML과 CSS 알아보기
- JS 기본문법 알아보기
- DOM과 이벤트 알아보기
- 쇼핑몰 구축 프로젝트 실무
2. 프로그램 상세일정
교육일시 | 세부 교육내용 |
1일차(4H) 17:00 ~ 21:00
| CHAPTER 1 프론트엔드첫걸음 - 프론트엔드개발 개념 - 자바스크립트의 비전과 최신 흐름 - 프론트엔드개발자가 되기 위해 알아야 하는 것들
CHAPTER 2 HTML과 CSS 간단 정리 - 자주쓰이는태그와 올바른 HTML 코딩 방법 - CSS3 기본기 배워보기 - CSS3 생산성을 좌우하는 Grid와 Flex - CSS 프레임워크 알아보기 - SASS로 간단한 레이아웃 구현 해보기 |
2일차(4H) 17:00 ~ 21:00
| CHAPTER 3 JS 기본문법 - 변수와 데이터 타입 - Array 배워보기 - Object Literal 알아보기 - 반복문map, filter, reduce - 조건문과 function ( arrow ) - OOP (객체지향) 프로그래밍 |
3일차(4H) 17:00 ~ 21:00 | CHAPTER 4 DOM - DOM 다루기 - 퍼블리싱 하기 - DOM 관리하기 - Event Listener 추가하기
CHAPTER 5 이벤트 - 이벤트 타입과 속성의 이해 - DOM 제어의 시작점 - DOMContentLoaded이벤트 - 마우스 중복 클릭 막기 - stopPropagation과 reventDefault 의 차이 - event.keyCode코드표 |
4일차(4H) 17:00 ~ 21:00
| CHAPTER 6 쇼핑몰 구축 프로젝트 실무 - modal 기능 구현 - tab 기능 구현 - Local Storage 활용 - Modern Javascript(ES6) 활용 - JSON 으로 데이터 다루기 |
문의전화 : 053-850-6788