자유홍보 F
어떤 내용이든 홍보하실 수 있습니다. 하루 3개 게시물 제한.
새로고침 | 로그인
자바스크립트 4주 완성
자바스크립트 4주 완성
시원하네
등록일 : 2019-02-12 13:35:31 | 글번호 : 181694
196명이 읽었어요 모바일화면

첨부 이미지 : 1개


 


 

모던 쇼핑몰 프론트엔드 개발로 배워보는 자바스크립트 4주 단기완성 강의!

 

 

강남역 5분거리에서 매주 일요일 2시~5시, 4주간 진행됩니다! 

더 자세한 내용보기 & 신청은 codingapple.com

 

 

 

 

난이도 & 대상

- HTML/CSS 기초를 아는 분들 (HTML 기초 서적 50페이지 정도 훑고 오시면 됩니다.)

- Javasclipt가 처음이거나 간단한 문법만 조금 아는 분들

 의 레벨에 맞춰 진행됩니다. 

 

권장 HTML 기초지식은 

- 이미지를 눌렀을 때 네이버로 이동하게 하는 법

- 간단한 리스트를 만드는 법

- 폼 input과 전송버튼 만드는 법 

- CSS로 스타일 넣는 법


- div 박스의 용도 

이 정도는 미리 학습하고 오는걸 추천드립니다. 

 

 

 

 

 

 

<커리큘럼> 

* 공식교재는 PPT/PDF 240여장으로 제공됩니다. 

[1~2주] 쇼핑몰 메인페이지와 상세페이지 제작 & 기능개발 

- 요즘 웹개발 트렌드 (모바일 앱 개발시장이 죽어버린 이유) 

- Bootstrap4를 이용해 10분만에 쇼핑몰 메인페이지 만들기 

- 자바스크립트 기초 핥기 프로젝트 

- 로그인/ 회원가입 Modal 창 : 이벤트와 기초 셀렉터

- 로그인/ 회원가입 Modal 창2 : 모던 자바스크립트로 코드 refactoring 

- 상품 진열 및 데이터 다루기 기초 : Array와 Object의 용도, 그리고 간단한 데이터 바인딩

- HTML 요소 찾기와 배치 : vanilla JS 셀렉터와 name, id, data 몰래 심어놓는 법

 

- Bootstrap으로 상세페이지 15분만에 만들기 

- 폼 기능 개발 : 데이터 형식 검사하기 (string validation) 와 if 조건문

- 코드 재사용 : 함수 등으로 비슷한 코드 재사용하기

- 이벤트를 이용한 코드양 줄이기 : Event Bubbling과 Event 객체를 이용해 고수처럼 이벤트 다루기

- 모달창 업그레이드 : 이벤트 객체를 이용해 배경을 눌러 모달창을 닫아보자

- jQuery 입문과 예제 : jQuery를 이용한 손쉬운 기능개발

 


[3~4주] 쇼핑카트 리스트, 결제 폼, Ajax, 애니메이션 등

- Bootstrap으로 장바구니 페이지 10분만에 만들기  

- 중요한 Tab 기능 : 같은 코드 for 문으로 반복하기

- 장바구니 추가 버튼 만들기 : 서버말고 브라우저에 몰래 정보를 저장하기 (Cookie / local Storage)

- 장바구니에 넣을 상품 데이터 구축 : Array와 Object 데이터 다루기 심화  

- 장바구니 품목 바인딩 : 옛날 vs 최신 문법을 이용한 자료 iteration  

- 장바구니 스몰 UI : 버튼 및 계산기능 만들기

 

- 객체지향 프로젝트 (Overwatch 만들기) : 자바스크립트의 Class 와 객체, 그리고 prototype 

- 상품진열 심화 (메인페이지 업그레이드) : Ajax 통신을 이용해 상품목록 더 불러오기 

- 메뉴 숨기기 애니메이션 : Scroll 이벤트와 css 애니메이션 이용하기 

- 결제기능 : 외부 API를 이용해 Paypal 등 간단한 결제 모듈 붙여보기 (요청시)

- Vue.js 프로젝트 : Vue.js 를 이용한 데이터 바인딩과 iteration 맛보기 

 

 


 

 


 

<장점>

 

1. 문법학습만 진행되지않습니다. 

첫날부터 바로 쇼핑몰부터 프로젝트 제작! 자바스크립트 문법은 프로젝트를 만들며 맞닥뜨릴 수 있는 실전 상황에서 배워보게 됩니다. 


2. 코드 따라적기식 강의가 아닙니다.

프로그래밍 논리을 배워본 후 직접 코드를 작성해보는 시간을 많이 가져보게 됩니다.


3. 자바스크립트 책 읽어도 혼자 코드 못짜던 분들 많으시죠? 

원인을 짚어드립니다. 생각대로 코드를 작성할 수 있는 사람을 만드는게 목표!




 

 

<프로젝트 샘플>

 

 

 

 

 

 

 

 

 

 

 

▲ 만들어볼 페이지 3~4개 및 여러가지 쇼핑몰 필수기능이 포함되어있습니다.

 

 

 

 

 

 

 

 

기타 상세한 커리큘럼은 코딩애플 홈페이지에서 조회가능합니다 

더 자세한 내용보기 & 신청은 codingapple.com

 

 

 

 

 

 




새로고침 | 목록보기 
댓글을 작성하실 수 없습니다. (권한이 없는 회원레벨)
목록보기 
고파스 소개 | 이용약관 | 개인정보취급방침 | 불량게시물 신고 | FAQ | 서버 부하 : 45.25%
KOREAPAS.COM ⓒ 2019