모.집.임.박.강.좌
과정명 | 반응형 웹앱 프론트앤드 개발자 향상과정 |
---|---|
교육기간 | 2023년 6월 10일(토) ~ 7월 1일(토) 7일 총 56시간 (주말주간(토/일)) |
접수기간 | 2023년 6월 9일(금) 까지 / 선착순 마감 |
교육시간 | 09:30 ~ 18:30 |
교육비 | 450,000원 |
모집정원 | 10명 |
문의처 | email : oraclejava@oraclejava.co.kr / tel : 02 - 6925- 4760 |
교재 | 본원 자체교재 무료제공 |
수강료 입금안내 | 계좌이체 : 국민은행 064601 - 04 - 080737 / 예금주 : 지스펙주식회사 카드결제 : 온라인 또는 오프라인으로 카드 결제 |
알림 |
|
교육생유형 | 수강료 | 본인자부담금 | 추가부담금 |
---|---|---|---|
국민내일배움카드 |
450,000원 |
450,000원 |
0원 |
취업성공패키지1 |
450,000원 |
450,000원 |
0원 |
취업성공패키지2 |
450,000원 |
450,000원 |
0원 |
일반 |
450,000원 |
450,000원 |
0원 |
교육생유형 | 수강료 | 환급액 | 회사부담금 |
---|---|---|---|
사업주위탁훈련(중소기업) |
450,000원 |
0원 |
450,000원 |
사업주위탁훈련(대기업) |
450,000원 |
0원 |
450,000원 |
수강절차 |
|
---|---|
교육대상 |
- 프론트엔드 개발을 담당하는 개발자 - 프론트엔드 개발을 해보고 싶은 디자이너 - 프론트엔드 개발자로 전향하고픈 퍼블리셔 - 앱 개발자 - 초보 웹 개발자 |
선수학습 |
- 컴퓨터 관련 업종의 경력이 있으면 유리할 수 있으나 경력이 없더라도 무관함 - 본 과정의 경우 웹 표준에 대한 기초 교육부터 진행함으로 선수학습이 없어도 무방함. |
강좌명 | 반응형 웹앱 프론트앤드 개발자 향상과정 |
---|---|
교육목표 |
- HTML을 이해하고 활용할 수 있다. - HTML5를 이해하고 활용할 수 있다. - CSS3를 이해하고 활용할 수 있다. - JavaScript를 이해하고 활용할 수 있다. - jQuery를 이해하고 활용할 수 있다. - 웹표준에 대한 이해를 바탕으로 한 HTML코딩 능력을 개발한다 - 프론트앤드와 백엔드 개발 환경을 구축할 수 있다 - React 기본을 이해할 수 있다 - AngularJS 기본을 이해할 수 있다 - Node.js와 React 를 이용한 웹어플리케이션을 개발을 할 수 있다 - Vue 구성요소 배운다. |
교육개요 |
본 과정은 프론트앤드 개발을 위한 UI화면 기초 HTML, HTML5, CSS3, JavaScript, jQuery등을 활용하여 웹페이지 제작 기술과 노하우를 학습하실 수 있을 것 입니다. 또한 누구나 쉽게 웹 표준에 맞는 페이지를 제작할 수 있도록 도구들의 기본부터 활용까지 교육을 하며 나아가 프론트앤드 개발자를위한 React와, AngularJS, Vue.js 를 기반으로 다양한 프레임워크와 라이브러리, 툴을 사용하며,JS를 사용해서 웹어플리케이션과 스마트폰 어플리케이션을 작성할 수 있습니다. Vue는 정교한 단일 페이지 응용프로그램을 완벽하게 지원할 수 있으며 경쟁적인 관계에 있는 프론트엔드 프레임워크 Angular & React 의 장점을 결합하여 만든 Vue.js의 기초를 학습하는 강좌입니다. 끝으로 본 과정은 ATOM 에디터로 진행되는 실습위주의 교육이며 사용자 인터페이스를 만들기 위한 자신만의 프론트앤드 어플리케이션으로 발전하는데 도움이 될 수 있습니다. |
화면구현(HTML,CSS) |
* CSS - CSS3 개요 - CSS와 HTML의 상호 작용에 대한 이해 - 레이아웃, 글꼴, 텍스트 - 테이블, 리스트, 폼 * HTML - HTML 구성요소 - HTML 문서작성법 - 텍스트 관련 태그 - 표제(Heading) - 링크(Link) - 배경(background) - 테이블(table) - 색(color) - 레이아웃(Layout) - 이미지맵(image map) - 아이프레임(iframe) - HTML과 XHTML - 입력양식(form) - 마퀴(Marquee) - 오브젝트(Object) * JAVAScript - 선언문(Declaration) - 변수 및 데이터 형(Variables & Data Type) - 연산자(Operator) - 제어문(Control Statement) - 객체(Object) - 함수(Function) - 이벤트(Event) - 브라우저 객체(Browser Object Model) - 문서 객체(Document Object Model) - 선택자 및 속성(Selector & Attribute) - 문서 객체 조작(DOM Control) - 이벤트,효과 |
HTML5 |
- HTML5 개요 - HTML History - HTML5 특징/장점 - HTML4 & HTML5 - 스마트폰용 HTML5의 기본 형태 - 동영상 & 이미지 다루기 - 그래픽 처리 ~ 캔버스 |
jQuery & Ajax |
* jQuery - JQuery 개요 - JQuery 셀렉터 Element 다루기 - Element 조작 - DOM 스크립팅 - JQuery 이벤트 핸들링 - JQuery Utility 함수 - JQuery 응용 * Ajax - Ajax 개발환경 구축 - 왜 Ajax 인가? - Ajax의 기본 구성 - XMLHttpRequest 객체 - innerHTML의 사용 - DOM(Document Object Model) 다루기 - Ajax MVC |
React |
* React 입문 - React의 기본적 사용법 - React와 JSX의 관계 - Virtual DOM - React로 컴포넌트 작성 - 이벤트의 구조와 구현 * React 컴포넌트 작성 상세 - 컴포넌트의 생성부터 파괴까지 - React의 입력 폼 - 컴포넌트간의 연동 - 입력폼의 밸리데이션 처리 - DOM에 직접 접근법 - React 컴포넌트로 Ajax통신 수행 |
Angular.js |
- Angular 환경설정 - Angular 아키텍쳐 - module - component - template - metadata - directive - Service - Dependency Injection - 바인딩(Binding) - 비동기 처리( Promise , Observable ) |
Vue.js |
- Vue.js 설치 - 디렉티브 ( v-show, v-if, v-for 등 ) - 이벤트 처리 - 컴포넌트 생성 및 사용 - 바인딩 - HTTP 연동 및 라우터(router |
Node.js |
- 현대적인 자바스크립트 - 백엔드 처리의 대표 Node.js - 패키지 매니져 npm - 개발에 사용되는 에디터 - 코딩 규칙 JS Standard Style - Node.js로 간단한 웹어플리케이션 작성 - Node.js와 비동기 처리 |
강사님 | L00 강사님 |
---|---|
프로젝트 경력사항 |
|
전문분야 |
|
백**
2020-02-06 21:08 프론트 개발을 위한 웹퍼블리싱 초급과정교육후기 올립니다
교육 친절히 가르쳐주셔서 감사합니다. 도움이 많이 될 것 같아요
주**
2019-09-27 12:09 프론트 개발을 위한 웹퍼블리싱 초급과정감사합니다.
강의자료(PPT)가 자세히 작성되어 있어서 이해하기 좋았고, 실습위주로 진행하니 교육시간이 언제 끝났는지 모를정도로 재미있었습니다. 특히, 강사님의 친절한 배려로 편안하게 교육받았습니다. 감사합니다.~~
송**
2018-09-21 12:42 [웹퍼블리싱 초급과정]_(응용SW엔지니어링 입문과정)HTML,HTML5,CSS,jQuery,JavaScript좋은 강의 감사드립니다. 번창하세요