Vue.js 시작하기 – Age of Vue.js

Vue.js 시작하기 – Age of Vue.js

“1000명이 넘는 분들의 성원과 피드백에 힘입어 새롭게 탄생한 Vue.js 입문 강좌입니다”

강좌소개

누구나 다루기 쉬운 Vue.js 입문의 리뉴얼 강좌입니다. 입문자 관점으로 더욱더 눈높이를 낮춰 프런트엔드 개발할 때 알고 있으면 좋은 지식들을 상세하게 설명하였습니다. Vue.js로 재밌게 웹 개발을 시작하실 수 있도록 알차게 내용을 구성하였으니 관심 있으신 분들은 90초 소개 영상을 꼭 확인해보시고 수강 신청해주세요 😁

강좌를 들으면서 Do it! Vue.js 입문 책도 함께 보시면 더 좋습니다. 미리 책을 보고 강의로 더 살을 붙이셔도 될 것 같아요. 책에는 없는 내용들도 많이 다뤘습니다 😁

누구에게 도움이 되나요?

1. 프런트엔드 개발에 입문하는 분 
2. 프런트엔드 개발자로 전향하고픈 퍼블리셔 
3. 프런트엔드 개발을 해보고 싶은 디자이너 
4. 프론트엔드 개발자로 취업을 희망하는 대학생 
5. jQuery에서 벗어나 프레임워크를 사용하고픈 백엔드 개발자
※ 다만 HTML, CSS, JS 의 기초는 알고 계셔야 합니다..! 😁

함께 실습해요!

추천 학습 로드맵

1. Vue.js 시작하기 
Age of Vue.js (현재강좌)

2. Vue.js 중급 강좌
웹앱 제작으로 배워보는 
Vue.js, ES6, Vuex 

3. 쉽게 배우는 Webpack
최신 프론트엔드 프레임워크
(React, Angular, Vue)에서 
필수로 사용되는 도구

4. Vue.js 고급 강좌
Vue.js 완벽 가이드

같이 공부하면 좋은 자료

vuejs

강좌를 들으면서, 입문 책도 함께 공부해보세요 🙂
vue.js의 기본 동작 원리부터 꼼꼼하게 설명하고, 
실제 서비스를 개발할 때 필요한 컴포넌트 기반 설계 방법과 
프로젝트 구조화 노하우까지 알차게 담았습니다.

배우면 할 수 있는 것들

  • Vue.js 개발
  • 화면 UI 개발
  • 프런트엔드 개발

수강 대상

  • 프런트엔드 입문 개발자
  • 대학생
  • 디자이너
  • 퍼블리셔
  • 백엔드 개발자
  • 프런트엔드 개발자

선수 지식

  • Javascript
  • CSS
  • HTML

지식공유자 소개

장기효 (캡틴판교)

  인프런이 만난 사람 #02 | 장기효님 인터뷰 보러가기

“강의 수익금으로 Vue.js 커뮤니티와 생활 코딩을 후원합니다 😁”

취준생을 도와주는 4가지 로드맵

취준생을 도와주는 4가지 로드맵

취준생을 도와주는 4가지 로드맵
୧(-᷅‎ہ-᷄)୨ 
୧(-᷅‎ہ-᷄)୨ 

초딩도 배운다는 코딩, 이젠 문과계열에서도 물어보는 코딩(파이썬). 이제 곧 취업을 앞둔 취준생에게 필요한, 꼭 알아두면 좋을 지식들! 인프런에서 현직에 있는 실무자들이 나눠주는 노하우로 꿀팁 얻어가세요 🙂

1. 신입을 위한 시니어 개발 로드맵


개발 공부를 했는데, 현직자를 위한 심화 공부를 어디서 해야하는 지 막막하다면, 여기서 바로 노하우를 얻어가세요.

예제로 배우는 스프링 입문 (무료강좌)
https://www.inflearn.com/course/spring_revised_edition

스프링부트 개념과 활용 (by 미국 Microsoft 개발자님)
https://www.inflearn.com/course/스프링부트

스프링 프레임워크 핵심 코어 (N모사 개발자들도 듣는 강좌)
https://www.inflearn.com/course/spring-framework_core

견고한 JS 소프트웨어 만들기
https://www.inflearn.com/course/tdd-견고한-소프트웨어-만들기

함수형 프로그래밍과 JavaScript ES6+
https://www.inflearn.com/course/functional-es6

2. 비전공자에게 필요한 IT 기술


엑셀, 파이썬, 문과계열도 기본으로 알아하는 IT 상식들을 체크해보세요.

파이썬 입문과 업무자동화
https://www.inflearn.com/course/python-파이썬-자동화

빅데이터의 통찰력을 키워주는 엑셀 Quick Start
https://www.inflearn.com/course/엑셀-강좌

컴퓨터, 웹, 코딩, 프로그래밍의 시작 – Web1
https://www.inflearn.com/course/컴퓨터-웹-코딩-프로그래밍-시작-web-1

3. 아무나 시작할 수 있는 게임 개발

게임개발에 관심이 있다면 아래 강좌로 일단 시작해보세요 🙂 순서는 상관없어요!

유니티 게임 개발 (Unity 2D) – 시작부터 배포까지 (ver.2018)
https://www.inflearn.com/course/유니티-게임-개발-unity

배틀로얄 게임을 만들며 배우는 언리얼 게임 개발
https://www.inflearn.com/course/unreal-언리얼-게임-개발-강좌

4. 스타트업에서 꼭 필요한 그로스해킹!  

스타트업에 관심이 있거나, 핫한 트렌드를 알고 싶다면, 아래 강좌를 한 번 훑어보세요.

페이스북 마케팅의 모든 것
https://www.inflearn.com/course/페이스북/

R을 R려줘 – R 문법 기초 (중급강좌도 있어요)
https://www.inflearn.com/course/r-기초-데이터-분석

 

 

최종면접 통과하고 취뽀하는 강좌들

최종면접 통과하고 취뽀하는 강좌들

 

최종면접 통과하고
취뽀하는 강좌들  ༼ つ ◕_◕ ༽つ


덕분에 기술면접을 잘 
봤다는 수강평들이 올라온 강좌들을 선별했습니다. 관심사에 맞는 강좌를 찾으셔서 꼭 좋은 곳에 취뽀하세요. 그리고 좋은 결과 있다면 인프런에 꼭 알려주세요!

웹 개발  (ง •̀_•́)ง

파이썬 사용자를 위한 웹개발 A to Z
https://www.inflearn.com/course/파이썬

파이썬으로 장고 공략하기: 입문
https://www.inflearn.com/course/django-course

트렐로 개발로 배우는 프론트엔드 실전 기술
https://www.inflearn.com/course/vuejs

Vue.js 완벽 가이드
https://www.inflearn.com/course/vue-js


백엔드 / 서버  (ง •̀_•́)ง

테스트주도개발로 다루는 Node.js API 서버
https://www.inflearn.com/course/테스트주도개발-tdd-nodejs-api

Node.js 교과서 – 기본부터 프로젝트 실습까지
https://www.inflearn.com/course/node-js-교과서


자바 + 스프링을 다룰거라면  (ง •̀_•́)ง

예제로 배우는 스프링 입문 (무료강좌)
https://www.inflearn.com/course/spring_revised_edition

스프링부트 개념과 활용 (by 미국 Microsoft 개발자님)
https://www.inflearn.com/course/스프링부트

스프링 프레임워크 핵심 코어 (N모사 개발자들도 듣는 강좌)
https://www.inflearn.com/course/spring-framework_core

 

교수님도 찾아 듣는 게임강의  (ง •̀_•́)ง

게임 프로그래밍 연습문제 패키지
https://www.inflearn.com/course/c-2

따라하며 배우는 C++ (국내 최고 C++ 띵강 인증)
https://www.inflearn.com/course/following-c-plus/

retr0의 유니티 게임 프로그래밍 에센스 (알 사람은 다 압니다)
https://www.inflearn.com/course/유니티-게임-프로그래밍-에센스

유니티 게임개발 – 시작부터 배포까지 (수강평만 훑어보세요)
https://www.inflearn.com/course/유니티-게임-개발-unity

배틀로얄 게임을 만들며 배우는 언리얼 게임 개발
https://www.inflearn.com/course/unreal-언리얼-게임-개발-강좌

 

모바일 앱 개발로 갈래  (ง •̀_•́)ง

iOS 앱 개발 퍼펙트 가이드
https://www.inflearn.com/course/ios

Flutter 입문 – 안드로이드 iOS 개발을 한번에
https://www.inflearn.com/course/flutter-입문

안드로이드부터 파이어베이스 서버, 훌륭한 챗봇 만들기
https://www.inflearn.com/course/kotlin-android-firebase

 

인생이 바뀐다는 함수형 프로그래밍  (ง •̀_•́)ง

함수형 프로그래밍과 JavaScript ES6+
https://www.inflearn.com/course/functional-es6

swift로 함수형 프로그래밍 시작하기
https://www.inflearn.com/course/swift-fp

 

업무자동화와 마케팅 직군  (ง •̀_•́)ง

파이썬 입문과 업무자동화
https://www.inflearn.com/course/python-파이썬-자동화

페이스북 마케팅의 모든 것
https://www.inflearn.com/course/페이스북/

 

보안과 해킹  (ง •̀_•́)ง

화이트해커가 되기 위한 8가지 웹 해킹 기술
https://www.inflearn.com/course/화이트해커가-되기위한-8가지

취미로 해킹 #01
https://www.inflearn.com/course/linux-3

 

리눅스  (ง •̀_•́)ง

리눅스 시스템 프로그래밍 (15년 경력자의 노하우)
https://www.inflearn.com/course/리눅스-시스템-프로그래밍-이론과-실습/

 

데이터분석이 핫하다지 (ง •̀_•́)ง

데이터과학을 위한 파이썬 입문
https://www.inflearn.com/course/python-파이썬-입문-강좌

R을 R려줘 – R 문법 기초 (중급강좌도 있어요)
https://www.inflearn.com/course/r-기초-데이터-분석

0 부터 시작하는 웹 프론트엔드 개발자 과정 – 입문부터 퍼블리싱, Vue.JS 까지

0 부터 시작하는 웹 프론트엔드 개발자 과정 – 입문부터 퍼블리싱, Vue.JS 까지

웹 프론트 Vue.js로 정복하기

웹서비스를 개발하는데는 크게 두부분으로 나뉩니다. 사용자들이 직접적으로 이용하게 되는 Front-End 부분, 기능과 데이터를 관리하는 Back-End. 이 과정은 프론트엔드 개발에 필수적인 HTML-CSS-JAVASCRIPT 를 순차적으로 학습하고, 더 나아가 javascript 프레임워크까지 배워 실제 웹서비스의 프론트 영역을 만들 수 있도록 구성했습니다.  

도움이 되는 분들

프로그래밍에 대해 전혀 아는게 없는 분

아무것도 모르는 사람도 HTML 의 태그부터 차근차근 학습할 수 있습니다.

퍼블리싱 – JS프레임웍까지

화면단을 만드는 HTML-CSS 을 학습한후 개발자로 성장할 수 있는 Javascript, VueJS 프레임웍까지 주니어 프론트 개발자에게 필요한 모든것을 배울 수 있습니다.  

화면단을 이쁘게 만들고 싶은 백엔드 개발자

대략의 개념만 알고 전체 화면을 완벽하게 꾸며본 적이 없는, CSS 백엔드 개발자라도 이쁘고 꼼꼼하게 화면을 구성할 수 있습니다.
 

해내면 얻게 되는 것들

로드맵

웹의 뼈대를 만드는 기술 HTML (무료)

HTML 의 기본을 차근차근 이해하기 쉽게 설명해 줍니다. 또한 HTML5 에서 새롭게 추가된 부분들을 소개합니다.

뼈대에 색과 옷을 입혀주는 CSS (무료)

CSS 는 HTML 문서를 꾸며주는 언어입니다. 단순하게 색만 입히는 것이 아니라 위치, 모양, 속성 등을 통해 시각적으로 이해하기 쉽고 아름다운 정보를 만들어 주는 중요한 언어입니다.

[심화] 앤서블(Ansible)을 깊이 있게 활용하기

단순하게 작성했던 코드를 좀 더 구조적으로 효율적으로 동작하도록 만들고, 재사용할수 있도록 코드를 만들어 보겠습니다.
WENn(생활코딩) – 쌩기초부터 웹 사이트 구축까지

WENn(생활코딩) – 쌩기초부터 웹 사이트 구축까지

나만의 웹 사이트 만들기 마스터까지

웹 사이트를 만들어보고 싶은데 어디서 부터 시작해야할 지 막연하다면 이 로드맵을 따라오세요.
진짜 초보는 내가 뭘 모르는 지 모르는 상태라구요. 이런 완전 초짜를 위한 기초부터 차근차근 시작할 수 있는 과정입니다 🙂

WEBn은 WEB 1 → WEB 2 → WEB 3 → 의 단계만 지켜주시면 돼요. 아래의 로드맵의 순서를 꼭 지키실 필요는 없어요!

내가 원하는 WEBn을 골라서 따라가다보면 어느새 나만의 사이트가 만들어져 있을거에요.

 

도움이 되는 분들

프로그래밍의 ‘프’도 모르지만 도전하고 싶은 분들

이제는 초-중학생도 배우는 코딩. 이제라도 배워봐야할 것 같은데 어디서부터 시작해야하나 고민이라면 이 로드맵으로 도전해보세요. 컴퓨터에 대해서 하나도 몰라도 기초부터 배울 수 있어요.

이제는 IT지식도 함양하고 싶은 문과생

문과생도 이제는 코딩할 줄 알아야한다는 말. 막연히 배워야지 생각은 하는데 그래서 뭘 배우라는 건지 모르겠다면 이 로드맵이 적절하겠네요.

나만의 포트폴리오 사이트를 만들고 싶은 취준생

자기소개서를 웹으로 만들어보세요. 면접관에게 나의 역량을 강력하게 어필할 수 있어요.

아무나, 누구나,  Everyone!

프로그래밍을 시작하는데는 구별 차별이 없습니다. 간단하게 예제를 따라하다 보면 자연스럽게 실제 개발 경험을 쌓을 수 있지요!

 

해내면 얻게 되는 것들

로드맵

컴퓨터, 웹, 코딩, 프로그래밍의 시작 – WEB 1

일반인에게 프로그래밍을 알려주는 활동 ‘생활코딩’의 이고잉님이 진행하는 Web 1 – HTML 강좌 입니다. 웹의 근간이 되는 기술. HTML 문서와 웹페이지를 직접 만들어 보며, 누구나 코딩을 접해볼 기회를 제공합니다.

WEB 2- CSS

웹 사이트를 예쁘게 꾸며주는 CSS 수업입니다.

WEB 2- Javascript

Javascript를 이용해서 좀 더 활동적인 웹 사이트를 만들어 보세요.

WEB 2- PHP / python

기능을 구축하기 위한 백엔드 언어를 학습합니다. PHP / Python 등의 다양한 언어 중 원하는 배우고 싶은 언어를 선택해보세요

Database – MySQL

이 강좌는 데이터베이스, 그중에 관계형데이터베이스에 대해서 학습해보는 MySQL 강좌 입니다.

web3 php&mysql

PHP와 MySQL을 연동해서 웹의 접근성과 데이터베이스의 탁월한 정보관리 기능을 모두 갖춘 현대적인 웹애플리케이션을 구현하는 방법을 알려드리는 수업입니다.