yamoo9/modern.js

모던 자바스크립트 라이브러리/프레임워크 × KIPFA(한국인터넷전문가협회)

모던 자바스크립트 라이브러리/프레임워크

모던 자바스크립트를 사용하여 라이브러리/프레임워크를 활용 방법 학습

---

정규교육과정 소개

• JavaScript 작성 시, 피해야 할 코딩 습관, 좋은 코딩 습관 학습
• 라이브러리 jQuery, ScrollMagic, GSAP 등을 통해 실무에 활용 가능한 예제 실습
• 프레임워크 Vue.js 입문

---

1. JavaScript를 짜임새있게 짤 수 있는 방법을 다뤄보면서 피해야할 안좋은 코딩 습관을 살펴봅니다.
2. ECMAScript 6를 살펴보면서 Node.js 환경의 JavaScript도 가볍게 다뤄봅니다.
3. 실무에서 자주 사용되는 UI 컴포넌트를 jQuery 버전으로 작성해봅니다.
4. 애니메이션 라이브러리를 사용하여 스크롤 기반의 인터랙션 페이지를 제작해봅니다.
5. Vue.js 프레임워크가 지향하는 컴포넌트 단위 개발 방법에 대해 다뤄봅니다.

※ 본 과정은 과정 시작 전, 수강생 수준 테스트 후 평균 학습 능력에 따라 커리큘럼이 변동될 수 있습니다.
요컨대 수강생 수준이 부족하다 판단될 경우 JavaScript 기본기 다지는 교육으로 변경 진행합니다.

---

정규교육과정 개요

목적

• JavaScript 활용 능력 증진
• 라이브러리 및 프레임워크 학습/활용

참여 대상

• JavaScript를 사용 중인 실무자
• 라이브러리 및 프레임워크를 학습 방법을 익히고자하는 실무자
• 프론트엔드 라이브러리/프레임워크 개념 정리가 부족한 실무자

참여 불가능 대상

• HTML/CSS로 페이지 뷰 구현이 가능하지 않으면 이 과정은 적합하지 않습니다.
• JavaScript를 모르거나, 잘 사용하지 않는다면 이 과정은 적합하지 않습니다.

---

정규교육과정 프로그램

DAY 1. JavaScript Good/Anti Pattern

• Anti Pattern
• Good Pattern
• ECMAScript 6

DAY 2. JavaScript Library

• jQuery API
• ScrollMagic API
• GSAP API

DAY 3. JavaScript Framework

• Vue.js API
• Vuex

modern.js's Issues

carousel 코드 관련 질문 입니다.

안녕하세요.
carousel.js 코드를 보다가 궁금한것이 있어서요....
제가 js를 잘 못해서 일 수 있는데.......
carousel 생성자 함수를 만들고 jquery shall이라는 곳에서 new 로 생성자 함수로 넣으셨는데...
$.fn.carousel 안에서 만들지 않고 따로 carousel 생성자 함수를 만드신 이유가 있으신지요.....

안녕하세요 모던 자바스크립트 교육 받았던 교육생입니다.

vue.js 관련 슬라이드 올려주신다고 하셨는데 언제쯤 올려주시나요?^^;; 파일 부탁드립니다~ ^^;