강남아이티아카데미학원 - 프론트엔드 웹 개발
조회수 1958 답변수 0 반응수 1 등록일 2021.09.14 10:46:59

2021년 10월 28 ~ 2021년 12월 15(35)

09시 30분 ~ 18시 30분 / 35일 / 8시간 총 280시간 

20

교육비 및 교재비 국비지원

실수강료: 1,844,640

재직자/일반실업자(30%): 553,400

근로장려금 수급자(15%): 276,000

취업성공패키지2유형(25%): 461,000

취업성공패키지1유형(0%)0

훈련수당 지급 최고 월 40만원(교통비식비 포함)

※ 지원자격에 따라 훈련수당은 변동될 수 있으며최종연수생 선발전 정확한 수당은 개별 공지합니다.

 코로나 특별 추가수당지급: 140시간 이상 수업을 듣고 있는 실업자 훈련생 및 140시간 수업중인 

 교육생 중 재직자인데 무급 휴직자 포함(실업급여구직활동지원금청년수당등을 지급받는 경우를 제외)

※ 훈련장려금은 취업성공패키지 수당과는 별개입니다.

- 2,500->5,000,최대100,000원 

- 3,300->10,000원 최대200,000

- 5,800->15,000최대 300,000

02-6952-0717


■ 학습목표

① 응용소프트웨어 개발에 사용되는 프로그래밍 언어의 기초문법을 적용하고 언어의 특징과 라이브러리를 활용하여 기본 응용소프트웨어를 구현할 수 있다.

② 요구사항을 바탕으로 웹 서비스의 화면을 설계하고 구현할 수 있다.

③ HTML, CSS, JS의 기초 및 활용 방법을 익혀 프로젝트를 통해 시맨틱 웹을 이해하고웹 접근성이 향상된 웹을 구현할 수 있다.

④ 프론트엔드 실무기술(jQuery, Vue.JS)을 익혀 응용 웹 애플리케이션을 스스로 제작할 수 있다.


■ 본 훈련과정의 특징

프론트엔드 웹개발 과정은 사용자의 접근성 향상과 안정적인 시스템다양한 요구사항에 대응하면서 비용의 절감까지 도모할 수 있는 차세대 웹 기술을 교육합니다또한 Javascript, J-Query, HTML, CSS를 사용해 구현하고자하는 웹서비스를 웹브라우저에서 작동할 수 있도록 내용물을 만들어 업무를 수행할 수 있도록 학습하는 과정입니다.



■ 프로젝트 결과물

화면 설계를 하고이를 구현한 웹 사이트를 서비스합니다

1) 웹 프로그래밍 언어(HTML5, CSS, Javascript)를 활용하여 웹 페이지를 제작합니다.

2) 스토리보드와 화면 설계서를 작성함으로써 화면 설계를 이해합니다.


■ 필요 교육장비


■ 본 훈련과정의 난이도 및 훈련생 취업

본 훈련과정은 전공자뿐 아니라 초보자 및 비전공자도 참여할 수 있도록 진도협의를 통해 훈련 난이도를 조율합니다.

훈련 종료 후에는 이력서 및 자기소개서 컨설팅모의면접기업분석 특강을 통해 훈련생들이 취업에 성공할 수 있도록 컨설팅을 합니다이후 협약기업 및 꾸준히 발굴한 신규 기업으로의 취업 매칭을 통해 수료생들이 만족하는 맞춤형 취업지원이 진행됩니다.


프론트엔드 웹 개발자 

NCS 교과목명

학습목표

교과목 및 교육내용

시수

HTML & CSS 기본

HTML & CSS을 학습하여

인터프리터 언어를 이해하고

실무적 웹 디자인 사이트분석 및 CSS를 사용하여 웹사이트 제작을 할 수 있다.

HTML & CSS 기본

좋은 웹 디자인이란

다양한 종류의 사이트 분석

사용성

웹 사이트 기본 구조

- HTML 태그

블록 요소 vs 인라인 요소

- HTML을 장식하는 CSS

- CSS 선택자

문자배경이미지여백테두리리스트 등 CSS 적용

- CSS 레이아웃

60H


HTML & CSS 응용

HTML5 문법

(HTML5 문법을 익히고

웹 페이지 구조를 이해할 수 있다)

웹 언어인 HTML, CSS, 응용.

풀스크린 웹 사이트

풀스크린 페이지 제작 흐름

- CSS 분할 및 합치기

화면을 꽉 채우는 배경

블랜드 모드

컬럼 레이아웃

메인 콘텐츠 영역 작성

반응형 웹 디자인

문자 크기여백 조정 

브레이크 포인트

타일 형태 레이아웃

- CSS 그리드

크기가 다른 요소의 배치

CSS 문법

(CSS 문법을 이해 한 후 웹 페이지에

스타일을 적용할 수 있다.)

CSS

스타일 사용 이유

스타일 적용주석

- CSS 선택자

선택자 사용법

선택자 우선순위

길이와 색상 적용

폰트 스타일텍스트 스타일구글 웹폰트 적용리스트 스타일테두리 스타일박스 모델

배경 스타일테이블 스타일레이아웃 관련 스타일(프롯 지정과 해제포지션 지정

웹 페이지 제작 실습으로 이해하는 CSS

화면 설계 및

구현

화면설계 및 UI 설계

(스트리 보드와 화면 설계서를

작성함으로써

화면 설계를 이해할 수 있다.)

-화면 UI 설계

- var 선언자 특성

- let 선언자

- const 선언자

- Symbol 타입

화살표 함수

- for of 

디스트럭처링

- Map 컬렉션 타입

- Set 컬렉션 타입

함수 매개변수

템플릿 리터럴

클래스 구문클래스 상속

자바스크립트 객체

메서드 다형성 추상화

클래스 관계와 UML

객체 지향 설계 원칙

생성 패턴구조 패턴행위 패턴

- MVC 패턴

48H

화면 설계 및

구현

웹언어 활용

(웹 언어를 활용하여

개인 프로젝트의

웹 페이지를 제작할 수 있다.)

웹언어 활용

- MySQL 개요 및 개발환경 구축

- MySQL select 쿼리문

데이터베이스 및 테이블

- select 기본 

연산자 사용

조건절

논리 연산자

- like

정렬

숫자 함수문자열 함수날짜 함수 등

조인

서브쿼리

- MySQL 수정삭제관리

저장수정삭제

트랜젝션 관리

테이블 변경

제약조건

시퀸스 및 뷰

함수형 자바 스크립트 프로그래밍

함수형 프로그래밍

명령형선언형추상화

자바스크립트 함수

상태함수함수 인자

고차 함수 및 추상화

함수 저장전달반환

클로져

배열 및 연산 연결

커링 및 데이터 플로우

컴포지션

컨테이너

제너레이터

48H

프로그래밍 언어 활용

뷰제이에스(Vue.js) 이해와 활용

(뷰제이에스(Vue.js)의 기본 용어 습득과

뷰제이에스(Vue.js) 활용을 통해

Vue Router 를 이해할 수 있다.)

뷰제이에스(Vue.js)

- Vue.js 개요

데이터 바인딩

속성 바인딩

템플릿 조건 분기

리스트 데이터

이벤트 핸들링

디렉티브

컴포넌트

트랜지션 및 애니메이션

- Vue cli

- Vuex

- Vue Router

50H

자바스크립트 제이쿼리 실습 및 응용(웹개발)

자바스크립트 및 제이쿼리 실습 및 응용 패턴을 이해하고 활용하여 웹 

사이트를 제작할 수 있다.)

프론트엔드 프로젝트

프로젝트 주제 정하기

프로젝트 설계하기

프로젝트 준비하기

헤더 만들기

메인 만들기

여행지 목록 가져오기

상세 페이지 설계하기

여행지 상세 정보 가져오기

이미지 갤러리 추가하기

지도 추가하기

여행지 등록 기능 구현하기

마이 페이지 만들기

마이 페이지의 목록 구현하기

최종 완성하기

70H

재량교과

취업특강 및 프로젝트 발표

4H

합 계

280H

답변 작성

질문에 적합한 답변을 상세히 작성해 주시기 바랍니다.

답변이 찬성되면 태그평판 +2점이 적립, 반대되면 태그평판 -1점 차감됩니다.

답변이 채택되면 태그평판 +10점이 적립됩니다.