러닛 회원가입
러닛 회원 로그인
사용자 인증
비밀번호 찾기
자바스크립트로 프론트엔드 개발자로 거듭나기
일정 2018. 10. 20 ~ 12. 8 (총 8주) 시간 매주 토요일 12:00 ~ 15:00 장소 러닛 압구정센터 지도보기 참가비 22만원  x 2개월 = 44만원

찜하기 클릭 시 강의 시작 전 알려드립니다.

강의 소개

소개

먼저 소프트웨어가 세계를 지배했고, 웹이 소프트웨어를 지배했으며, 그리고 자바스크립트가 웹을 지배했다.

Javascript is eating the world


Javascript is everywhere

바야흐로 자바스크립트의 시대입니다.
자바스크립트를 빼고는 프론트엔드 개발을 논할 수 없을 뿐더러, 자바스크립트는 프론트엔드를 넘어서 백엔드, 데이터 분석, IoT와 같은 다양한 영역에서 사용되고 있습니다.

본 강의에서는 이렇게 다양하게 쓰이는 자바스크립트를 핵심으로 프론트엔드 개발자에게 필요한 컴퓨터 공학의 기초 지식, JS 기초 문법부터 ES6, Native DOM API 활용, 최신 프레임워크, 버전 관리 툴 Git까지 프론트엔드 개발의 전반적인 내용을 다루는 강의입니다. 단순한 프레임워크/라이브러리의 사용법을 익히는 학습이 아닌 원리를 익혀 문제해결 능력을 기르는 것을 목표로 합니다.

참가대상

✔ HTML과 CSS는 익혔지만, JS부터 막막함을 느끼시는 분
HTML과 CSS는 독학으로 어느정도 학습했지만, JavaScript부터는 혼자서 독학하기에 애를 먹고 계신분들. JavaScript는 HTML/CSS 보다는 훨씬 더 '개발' 영역에 가깝다보니, '개발자적 사고'를 하지 않으면 어려운 부분이 많습니다. 따라서 JavaScript는 '잘' 배워야합니다. 먼저 시행착오를 겪어본 리더와 함께 학습한다면 보다 효율적으로 JavaScript를 학습하실 수 있습니다.

✔ jQuery가 JavaScript라고 오해를 하시는 분
지금까지 오랫동안 프론트엔드 개발을 지배했던 jQuery가 곧 JavaScript라고 오해하신다면, 다시 학습하셔야 할 때입니다. 기술은 계속 변하고, Angular나 React 같은 최신 프레임워크들은 직접 DOM 스크립트를 사용하는 등 jQuery와는 다른 방법으로 접근합니다. 그동안 jQuery에 익숙해져있었다면, 지금 다시한번 ES6부터 최신 프레임워크들까지 프론트엔드 개발 학습을 해보는 것은 어떨까요?

✔ 프론트엔드 개발자로 커리어 전환을 원하는 디자이너/퍼블리셔
현재 하고 있는 업무 외에 추가적인 학습을 통해 내 커리어를 발전시키고자 하는 분들. 디자이너 출신으로 백엔드 개발/프론트엔드 개발을 모두 학습한 리더와 함께 커리어를 전환해보세요. 리더는 디자이너로 근무하던 도중 '개발'에 대한 필요성을 몸소 깨닫고, Python과 Django를 활용한 백엔드 개발과 프론트엔드 개발을 모두 학습한 후 현재는 국내 유명 스타트업에서 프론트엔드 개발자로 근무하고 있습니다. 단순히 배우는 것 이외에 프론트엔드 개발자로의 커리어에 대한 조언도 함께 얻어가실 수 있습니다 :)


상세정보

  • 일정2018. 10. 20 ~ 12. 8 (총 8주)
  • 시간매주 토요일 12:00 ~ 15:00
  • 장소러닛 압구정센터 지도보기
  • 참가비 22만원  x 2개월 = 44만원

후기

    커리큘럼 소개

    주교재로 <모던 자바스크립트 입문>을 사용합니다.

    자바스크립트로 프론트엔드 개발자로 거듭나기
    • 1. 컴퓨터와 대화 잘하는 법(코딩과 컴퓨터의 동작)
      2. 언어로서 자바스크립트(웹 브라우저와 서버 환경의 이해)
      3. 변수, 자료형, 연산자
      4. 조건문, 반복문 문법
      5. 실습 : 문제 풀이(자료구조와 알고리즘)

      1. 컴퓨터와 대화 잘하는 법(코딩과 컴퓨터의 동작)<br>
2. 언어로서 자바스크립트(웹 브라우저와 서버 환경의 이해)<br>
3. 변수, 자료형, 연산자<br>
4. 조건문, 반복문 문법<br>
5. 실습 : 문제 풀이(자료구조와 알고리즘)<br>
    • 1. 기본 함수
      2. 함수의 고오급 사용법
      3. 내장객체, 주요 메서드 살펴보기

      1. 기본 함수<br>
2. 함수의 고오급 사용법<br>
3. 내장객체, 주요 메서드 살펴보기<br>
    • 1. 생성자와 prototype, this
      2. 실습 1 : 기본 타이머 구현
      3. 실습 2 : 생성자를 이용한 개별 타이머 구현
      4. jQuery의 가치 이해하기
      - DOM과 JavaScript
      - 크로스 브라우징 이슈

      1. 생성자와 prototype, this<br>
2. 실습 1 : 기본 타이머 구현<br>
3. 실습 2 : 생성자를 이용한 개별 타이머 구현<br>
4. jQuery의 가치 이해하기<br>
 - DOM과 JavaScript<br>
 - 크로스 브라우징 이슈<br>
    • 1. 이벤트와 콜백
      2. 폼 사용법
      3. HTTP 통신의 이해
      4. Ajax 통신
      5. 실습 1 : Ajax 유틸리티 함수 구현
      6. 실습 2 : 회원가입 폼 구현

      1. 이벤트와 콜백<br>
2. 폼 사용법<br>
3. HTTP 통신의 이해<br>
4. Ajax 통신<br>
5. 실습 1 : Ajax 유틸리티 함수 구현<br>
6. 실습 2 : 회원가입 폼 구현<br>
    • 1. 실습 1 : 무한 스크롤 구현하기
      2. 실습 2 : 캐러셀 구현하기
      3. 실습 3 : 슬라이드 메뉴 구현하기

      1. 실습 1 : 무한 스크롤 구현하기<br>
2. 실습 2 : 캐러셀 구현하기<br>
3. 실습 3 : 슬라이드 메뉴 구현하기<br>
    • 1. 실습 : jQuery 직접 만들어보기
      2. 이후 공부해야 할 것
      - 커맨드 라인(CLI)
      - 프론트엔드 프레임 워크
      - 서버, 실제 서비스 구현

      1. 실습 : jQuery 직접 만들어보기<br>
2. 이후 공부해야 할 것<br>
 - 커맨드 라인(CLI)<br>
 - 프론트엔드 프레임 워크<br>
 - 서버, 실제 서비스 구현<br>
    • 1. 자바스크립트 프레임워크 둘러보기
      - AngularJS 1
      - Vue.js
      2. Git/Github을 이용한 버전관리

      1. 자바스크립트 프레임워크 둘러보기<br>
- AngularJS 1<br>
- Vue.js<br>
2. Git/Github을 이용한 버전관리
    • 1. 자바스크립트 프레임워크 둘러보기
      - AngularJS 2
      - React.js
      - Typescript와 ES6

      1. 자바스크립트 프레임워크 둘러보기<br>
- AngularJS 2<br>
- React.js<br>
- Typescript와 ES6

    리더 소개

    이성필

    - 현) Buzzvil 프론트엔드 개발자
    - 전) 4grit 프론트엔드 개발자 : UX 분석 툴, 뷰저블 프론트엔드 개발 담당
    - 전) 패스트캠퍼스 프론트엔드 스쿨 1기 조교
    - 전) 패스트캠퍼스 데이터분석 입문을 위한 파이썬 캠프 1기 조교
    디자이너로 재직하며 웹디자인을 공부하던 중
    프로그래밍에 푹 빠져 커리어를 전환하였습니다.

    독학을 하다보니 벽에 부딪히기 일수였습니다.
    이내 지쳐 어떨땐 키보드에서 손을 놓기도 했지만
    문제를 해결할 때의 짜릿함에 헤어나올 수 없었고,
    많은 삽질을 통해 개발자의 길을 걸어가고 있습니다.

    혹시 예전의 저처럼 조금 돌아서 가고 계시다면
    플립러닝 스터디를 통해 즐겁게 공부하며
    놀라운 러닝커브를 만들어 가길 희망합니다!

    Q. 이 강의를 왜 만들게 되었나요?
    디자이너로 재직하며 웹디자인을 공부한 것이 프로그래밍의 시작이었습니다. 독학을 하다보니 힘든 시간이 많았습니다. 마침내 프로그래머로 커리어를 전환 하였지만 저처럼 돌아오는 분들이 계시다면, 길잡이가 되고 싶습니다.

    Q. 강의를 어떻게 운영하실 계획인가요?
    팀 단위 학습을 통해 '같이' 문제를 해결하게 됩니다. 동료들과 '함께' 공부한다면 힘든 과정도 재미있게 헤쳐나갈 수 있습니다.

    Q. 이 강의만의 특장점이 있다면 말해주세요.
    현대 프론트 엔드의 프로그래밍은 방대한 지식을 요구합니다. 컴퓨터, 웹 지식 부터 급변하는 최신 트렌드 까지 쉴 새가 없습니다. 하지만 근본은 변함이 없습니다. JavaScript의 동작 원리를 이해한다면 실무에서 맞닥뜨릴 문제들을 현명하게 대처할 수 있습니다.

    강의 참가신청