ItCYxSjTkX2Hdc6GameVros7PAqhO41w

 

 

 

요즘 파이썬과 함께 급부상하고있는 자바스크립트 배우기로 결심했는데 

문법책만 보다가 때려친 분들 많으시죠?

그래서 준비했습니다.  

 

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

 

 

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

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

 

 



<세줄 요약>

 

- JavaScript 기초~중급내용을 아우르는 과정을 재미난 Project-based 커리큘럼으로 배우게됩니다. 

- 문법나열식 강의가 앙닙니다. 생각대로 코드를 짤 수 있는 능력을 키워드립니다. 

- 자바스크립트 기초 syntax, selector, 이벤트 객체, 데이터형과 바인딩, 조건/반복문, JSON, iteration, Ajax, jQuery, 애니메이션, ES6문법, Class와 prototype, Vue.js 맛보기 등 프론트엔드 개발에 필요한 거의 모든 내용을 다뤄보게 됩니다. 

 

 

 

 


* 권장 HTML 실력 *


(HTML/CSS 기초를 알고 계신분들에게 추천드립니다)


글자를 누르면 네이버로 이동하게 만들 수 있다


- HTML에 이미지를 넣을 수 있다 


- CSS 파일을 별도로 이용해 HTML에 스타일을 넣을 수 있다

- display, background, margin 등 기본적인 스타일 속성을 알고 있다

- form과 input으로 폼 디자인을 해봤다 

 

 

 

 

 

 

 

* 추천 대상 *

 


 


- 생각하는 대로 코드를 짤 수 있는 능력을 기르고 싶다. (핵심)


- HTML/CSS만 다뤄봤는데 웹개발도 해보고 싶다. 


- 문법책만 보면 하기싫고 졸리다. 


- 요즘 자바스크립트는 어떤 식으로 작성하는지 배우고 싶다. 


- 모달창, 탭, 버튼 등 필수 UI 개발에 대해 배우고 싶다.


- 이벤트 객체, 이벤트 bubbling을 이용해 버그없는 코딩을 해내고 싶다.  


- 요즘 중요해지는 자바스크립트로 데이터 다루기를 배우고 싶다. 


- Class(객체지향) 문법이 이해가 가질 않는다. 


- 으앙 prototype이랑 this랑 ajax 넘 어려워여 


  


- 취업을 목표로 하는 Javascript 포트폴리오를 만들고 싶다.


- 개발자 면접 질문에 대비한 자바스크립트 '동작 원리'를 배우고 싶다.


- 지랄맞은 자바스크립트 공부 4주만에 다 끝내고 싶다. 


- Vue와 jQuery 3버전을 실전에서 맛보고 싶다.


- 옛기술 보다는 신기술을 배우기 원한다. 

 

 

 

 

 

 

 

 

<장점>

 

1. 문법학습보다는 프로젝트 중심입니다.

 

가위바위보, 369게임, 구구단 만들기.. 등 이런 문법 예제코드를 짤 줄 안다고 프론트엔드 개발자가 되는게 아닙니다. 

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

 

 

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

 

선생님 예제코드를 그대로 따라적으면 코딩실력이 상승합니까. 

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

 

 

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

 

왜 그런지 원인을 짚어드립니다. 

언제나 생각대로 코드를 작성할 수 있는 사람을 만드는게 코딩애플의 목표!

이제는 혼자서도 코드를 창조해낼 수 있는 진짜 Programmer가 되어봅시다. 

 

 

 

 

 

 

 

<프로젝트 샘플>

 

 HmaAqsJe7Ii2vf5khRTBL4tWulCyMOFp

jSJOZ4Wl5abmqkg78LDfXhnd0pHTMNKG

DPZz4VjgEkmy9INd7BrH0nGqpslMQOax

YgBibVJAGU7RoXW9rf6x52lLOqHmehuk

 

 

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

 

 

 

 

 

<커리큘럼> 

 

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

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

 

- 요즘 웹개발 트렌드 (Javascript로 앱을 만드는 이유) 

- 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 최신 문법을 이용한 JSON 데이터 다루기

 

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

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

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

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

 

 

 

 

 

 

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

더 자세한 내용은 codingapple.com

 

 

 lN53vEw2AJspFCc0hMto71KYHgmWfj6i