Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
BEST
Programming

/

Front-end

Vue.js 中級講座 - ウェブアプリ制作で学ぶ Vue.js、ES6、Vuex

Vue.js 中級講座 - 「誰でも」「簡単に」「素晴らしい」Webアプリケーションを作成できるVue.js活用講座です。Vue.jsの基本的な理解をベースにTodoアプリを作成しながら、コード中心の実用的な知識を学びます。

  • captain
JavaScript
Vue.js
ES6
Vuex

学習した受講者のレビュー

こんなことが学べます

  • Web開発

  • Javascript

  • Vue.js

  • 最新の CLI ツール機能を確認できます

  • コンポーネントベースの Web アプリケーションの設計方法を学習できます

  • コンポーネントの設計方法

  • ES6 (const & let、アロー関数、強化されたオブジェクトリテラル、モジュールなど)

  • Vuex (state、getters、mutations、actions、modules など)

HTML、CSS、JS、Vue.jsの基礎を知る
簡単にWebアプリを開発できるVue.jsを学びましょう! 💁‍♂️

Vue.jsの基礎を固める
中高級レベルの開発者に成長します✨

この講座は次のように大きく3つのパートに分かれます。

  • Vue.jsで実装するTo-do App
  • きちんとしたVue.jsコードのためのES6
  • 複雑なアプリケーションを実装するためのVuex

今Vue.jsやWeb開発に興味がある方におすすめの講義です。コンポーネント、インスタンスなどはわかりますが、実際にアプリを作ろうとするので、苦しい方にアプリケーションを作っていくことができます。 ES6のビューコードを見なければならない方に簡単かつ迅速にES6を学ぶ方法を教えてください。

アプリケーションが大きくなり、コンポーネントを効率的に管理したい人にVuexを簡単かつ簡単に学ぶ方法を紹介します。全体的な講義方法は、コード中心の学習型講座で構成されています。

ビューベースの概念でTo-doアプリを作成し、コンポーネントベースの設計方法と構造化方法を習得した後、 ES6の概念を学習してアプリケーションコードに適用することで、アプリケーションコードを改善していきます。 Vuexの主な技術要素を学び、Todoアプリを再度リファクタリングしながら、学んだ内容を直接コードに適用してみる実践的な講義です。

フロントエンド開発に興味がある
誰でも学べます🏃‍♀️

フロントエンド開発者として前向きでオープンなパブリッシャー

Vue.jsをすぐに
実務に書きたい開発者

フロントエンド開発をしてみたいデザイナー

フロントエンド開発
したいデザイナー

フロントエンド開発者就職を準備する大学生

フロントエンド開発者として
転向したいパブリッシャー

📢選手の知識をぜひご確認ください!

  • HTML、CSS、JS、Vue.jsの基礎を知っておくと効率的に学習できます。


学習する内容の
プレビュー📘

vueコース

vueコース

Vue.jsの中級コースで実際のサービスを開発する際に必要なコンポーネントベースのプロジェクトの構造化方法とコンポーネントの設計方法を学び、Vue.jsコードを簡単に編むことができるES6の主な特徴について説明します。実務で必然的に使用される状態管理ライブラリVuexも深く学習します。

  • ビュー最新のCLIツールの特徴
  • コンポーネントベースのWebアプリの設計方法
  • コンポーネントの設計方法
  • ES6(const&let、矢印関数、拡張オブジェクトリテラル、モジュールなど)
  • Vuex(state、getters、mutations、actions、modulesなど)

講義の特徴を紹介します📋

Cracking Vue.js サイトのショートカット

  • 前半は、別途の理論の説明なしでアプリケーションを設計し実装しながら、Vue.jsの画面開発の感覚を捉えます。
  • その後、作成したアプリケーションの問題点を見て、コードのリファクタリングによってアプリケーション構造を改善します。
  • 中盤は、ES6とVuexの概念を簡単かつ迅速に把握できるように、理論の説明 - >準備された例で実習 - >アプリケーションに適用し、リファクタリングの形で講義を進めます。

関連ロードマップ🚎

Vue.jsとTypeScriptで征服するフロントエンド開発
キャプテン板橋様のビュー+タイプスクリプトで一度に
学習は講義で構成されるロードマップです。
この講義を含む


知識共有者の紹介👨‍🏫

チャン・ギヒョ(キャプテン板橋)

「Inflearnが出会った人」インタビュー

「講義収益でVue.jsオープンソース+
ライフコーディングを後援します😁」

講義割引を提供します!

シリーズ「Vue.jsで完成するフロントエンド
開発者ロードマップ" 25%オフ(クリック)

収入のない中・高校生、
大学生のための学生の50%割引(クリック)

こんな方に
おすすめです

学習対象は
誰でしょう?

  • Vue.js の基本知識があり、フロントエンド開発に興味のあるすべての人に適しています。

  • Vue.js の学習時間を節約してすぐに実務に利用したい開発者

  • フロントエンド開発を始めた方

  • フロントエンド開発をやってみたいデザイナー

  • フロントエンド開発者になりたいパブリッシャー

  • フロントエンド開発者として就職を希望する大学生

こんにちは
です。

48,013

受講生

4,651

受講レビュー

3,812

回答

4.9

講座評価

17

講座

인프런에서 8년째 지식을 공유하고 있습니다. 🏠 기술블로그, 📣 트위터, 💻 깃헙

📗 Do it! Vue.js 입문, 쉽게 시작하는 타입스크립트, 나는 네이버 프런트엔드 개발자입니다. 책 3권 집필
📖 Cracking Vue.js, 타입스크립트 핸드북, 웹팩 핸드북. 온라인 무료 가이드북 3권 집필
👨‍💻 캡틴판교의 프론트엔드 개발 유튜브 채널 운영 - 취준생, 주니어 개발자들의 고민을 들을 수 있는 곳
🥤 캡틴판교의 카카오톡 오픈 채팅방 운영 - 프런트엔드 개발 최신 정보와 업계 동료들의 생각과 고민을 들을 수 있는 곳

カリキュラム

全体

63件 ∙ (6時間 50分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

611件

4.9

611件の受講レビュー

  • 묘다님의 프로필 이미지
    묘다

    受講レビュー 5

    平均評価 4.2

    4

    98% 受講後に作成

    블로그부터 이 강의까지 정말 많은도움이 됐습니다 ㅎㅎ 하지만 초보 입장에서 아쉬웠던 부분이 있습니다 일단 강의 마지막업데이트가 좀 오래전에된거같습니다. 마지막 업데이트일자가 19년2월인데 지금시점에서보면 거의 2년이네요 ㅜㅜ 그래서 그런지, 강의중간에 안내가되고있긴하지만 vue 프로젝트 시작명령어부터, 기본 파일구조등등 강의와 다른부분이 가끔 나와서 초보자입장에서 혼란스러울때가있습니다. 그리고 NG라고해야될까요? 인프런대표님한테 카톡오는 알람이 화면에 뜨는거랑ㅋㅋㅋ, 말이꼬이는부분, 파일생성했다가 아 필요없겠구나 하면서 다시 삭제하는부분등등은 컷편집이라도 해주시면 집중에 더 좋을거같습니다

    • vue.jh님의 프로필 이미지
      vue.jh

      受講レビュー 3

      平均評価 5.0

      5

      100% 受講後に作成

      for (let i=0; i<999; i++) { console.log('감사합니다 강의 너무 좋아요') };

      • 장기효(캡틴판교)
        知識共有者

        do { console.log('감사합니다 ^^') } while (true)

    • 지능정보화연구실님의 프로필 이미지
      지능정보화연구실

      受講レビュー 3

      平均評価 4.7

      5

      100% 受講後に作成

      todo앱 만들기를 vue로 구현해보면서 기존 js, jquery로 하는 방식과 어떤점이 다른지 확인할 수 있는 시간이었고 단계별로 코드가 어떻게 간소화 되는지 설명을 잘해주셔서 좋았습니다. 다만 구현된 todo앱이 초보자들이 보기 쉬운 코드로 만드신 것 같아 조금 아쉬워서 기능이랑 데이터를 저장하는 방식을 좀 바꿔서 구현해보았습니다. 배열하나로 todo 목록을 다 관리할 수 있게 로컬스토리지에 저장하였구요. 키값은 중복되면 안된다고 생각되어 중복검사를 해서 카운트를 올려주었습니다. 별도 추가된 기능은 필터링, 카운트, 메뉴바, 테마변경 등을 추가하였습니다. 추가된 기능은 공식사이트에 있는 예제를 참고하였습니다. https://vuejs.org/v2/examples/todomvc.html

      • 이승환님의 프로필 이미지
        이승환

        受講レビュー 6

        平均評価 4.7

        5

        100% 受講後に作成

        초급 강좌를 이어 중급 강좌까지 모두 마쳤는데 이해도와 학습자료가 충분하여 만족 하였습니다. 다음편도 이어 듣겠습니다.ㅋ

        • sion007005님의 프로필 이미지
          sion007005

          受講レビュー 9

          平均評価 5.0

          5

          100% 受講後に作成

          중급 다 듣기도 전에 전체 로드맵 짜주신 강의들 다 ~~ 신청해버렸어요 ㅎㅎㅎ 잘 가르쳐 주셔서 감사합니다! 나머지 강의들도 열심히 따라가겠습니다!!!^ㅇ^

          期間限定セール、あと2日日で終了

          ¥41,250

          25%

          ¥6,497

          captainの他の講座

          知識共有者の他の講座を見てみましょう!

          似ている講座

          同じ分野の他の講座を見てみましょう!