<p>반응형 웹앱 프론트앤드 개발자 향상과정</p><p>본 과정은 프론트앤드 개발을 위한 UI화면 기초 HTML, HTML5, CSS3, JavaScript, jQuery등을 활용하여 웹페이지 제작 기술과 노하우를 학습하실 수 있을 것 입니다.</p><p>또한 누구나 쉽게 웹 표준에 맞는 페이지를 제작할 수 있도록 도구들의 기본부터 활용까지 교육을 하며 나아가 프론트앤드 개발자를위한 React와, AngularJS, Vue.js 를 기반으로 다양한 프레임워크와 라이브러리, 툴을 사용하며,JS를 사용해서 웹어플리케이션과 스마트폰 어플리케이션을 작성할 수 있습니다.</p><p>Vue는 정교한 단일 페이지 응용프로그램을 완벽하게 지원할 수 있으며 경쟁적인 관계에 있는 프론트엔드 프레임워크 Angular & React 의 장점을 결합하여 만든 Vue.js의 기초를 학습하는 강좌입니다.</p><p>끝으로 본 과정은 ATOM 에디터로 진행되는 실습위주의 교육이며 사용자 인터페이스를 만들기 위한 자신만의 프론트앤드 어플리케이션으로 발전하는데 도움이 될 수 있습니다.</p><p> </p><p>◆ 교육개강 - 주말반:12월26일~2월6일(7일)총56시간 <br>◆ 교육과정 - 반응형 웹앱 프론트앤드 개발자 향상과정 <br>- 재직자국비지원 / 사업주환급지원 적용혜택<br>◆ 교육강의시간 -주말반:09:30~18:30(토요일)</p><p>◆대 표 :02-6925-4760<br>주말반커리:<a href="https://www.oraclejava.co.kr/edu/index.php/curriculum/curri_detail?command=3418&lp_type=G" target="_top" class="ke-link">https://www.oraclejava.co.kr/edu/index.php/curriculum/curri_detail?command=3418&lp_type=G</a></p><p> </p><p>교육목표<br>- HTML을 이해하고 활용할 수 있다.<br>- HTML5를 이해하고 활용할 수 있다.<br>- CSS3를 이해하고 활용할 수 있다.<br>- JavaScript를 이해하고 활용할 수 있다.<br>- jQuery를 이해하고 활용할 수 있다.<br>- 웹표준에 대한 이해를 바탕으로 한 HTML코딩 능력을 개발한다 <br>- 프론트앤드와 백엔드 개발 환경을 구축할 수 있다<br>- React 기본을 이해할 수 있다<br>- AngularJS 기본을 이해할 수 있다<br>- Node.js와 React 를 이용한 웹어플리케이션을 개발을 할 수 있다<br>- Vue 구성요소 배운다.</p><p><br>교육대상<br>- 프론트엔드 개발을 담당하는 개발자<br>- 프론트엔드 개발을 해보고 싶은 디자이너<br>- 프론트엔드 개발자로 전향하고픈 퍼블리셔<br>- 앱 개발자<br>- 초보 웹 개발자</p><p><br>교육과정</p><p>화면구현(HTML,CSS) <br>* CSS<br>- CSS3 개요<br>- CSS와 HTML의 상호 작용에 대한 이해<br>- 레이아웃, 글꼴, 텍스트<br>- 테이블, 리스트, 폼</p><p>* HTML<br>- HTML 구성요소<br>- HTML 문서작성법<br>- 텍스트 관련 태그<br>- 표제(Heading)<br>- 링크(Link)<br>- 배경(background)<br>- 테이블(table)<br>- 색(color)<br>- 레이아웃(Layout)<br>- 이미지맵(image map)<br>- 아이프레임(iframe)<br>- HTML과 XHTML<br>- 입력양식(form)<br>- 마퀴(Marquee)<br>- 오브젝트(Object)</p><p>JAVAScript<br>- 선언문(Declaration)<br>- 변수 및 데이터 형(Variables & Data Type)<br>- 연산자(Operator)<br>- 제어문(Control Statement)<br>- 객체(Object)<br>- 함수(Function)<br>- 이벤트(Event)<br>- 브라우저 객체(Browser Object Model) <br>- 문서 객체(Document Object Model)<br>- 선택자 및 속성(Selector & Attribute)<br>- 문서 객체 조작(DOM Control)<br>- 이벤트,효과</p><p><br>HTML5 <br>- HTML5 개요<br>- HTML History<br>- HTML5 특징/장점<br>- HTML4 & HTML5<br>- 스마트폰용 HTML5의 기본 형태<br>- 동영상 & 이미지 다루기<br>- 그래픽 처리 ~ 캔버스</p><p> </p><p>jQuery & Ajax<br>* jQuery<br>- JQuery 개요<br>- JQuery 셀렉터 Element 다루기<br>- Element 조작<br>- DOM 스크립팅<br>- JQuery 이벤트 핸들링<br>- JQuery Utility 함수<br>- JQuery 응용</p><p>* Ajax<br>- Ajax 개발환경 구축<br>- 왜 Ajax 인가? <br>- Ajax의 기본 구성 <br>- XMLHttpRequest 객체 <br>- innerHTML의 사용<br>- DOM(Document Object Model) 다루기 <br>- Ajax MVC</p><p><br>React <br>* React 입문<br>- React의 기본적 사용법<br>- React와 JSX의 관계<br>- Virtual DOM<br>- React로 컴포넌트 작성<br>- 이벤트의 구조와 구현</p><p>* React 컴포넌트 작성 상세<br>- 컴포넌트의 생성부터 파괴까지<br>- React의 입력 폼<br>- 컴포넌트간의 연동<br>- 입력폼의 밸리데이션 처리<br>- DOM에 직접 접근법<br>- React 컴포넌트로 Ajax통신 수행</p><p><br>Angular.js <br>- Angular 환경설정 <br>- Angular 아키텍쳐 <br>- module <br>- component <br>- template <br>- metadata <br>- directive <br>- Service <br>- Dependency Injection <br>- 바인딩(Binding) <br>- 비동기 처리( Promise , Observable )</p><p><br>Vue.js <br>- Vue.js 설치 <br>- 디렉티브 ( v-show, v-if, v-for 등 ) <br>- 이벤트 처리 <br>- 컴포넌트 생성 및 사용 <br>- 바인딩 <br>- HTTP 연동 및 라우터(router</p><p><br>Node.js <br>- 현대적인 자바스크립트<br>- 백엔드 처리의 대표 Node.js<br>- 패키지 매니져 npm<br>- 개발에 사용되는 에디터<br>- 코딩 규칙 JS Standard Style<br>- Node.js로 간단한 웹어플리케이션 작성<br>- Node.js와 비동기 처리</p>
<!-- -->
