강의

멘토링

커뮤니티

BEST
Programming

/

Front-end

Vue.js 始める - Age of Vue.js

Vue.jsで簡単にWeb開発ができるよう、基本概念と核心機能について学習し、実装してみます。 講座を受講すると、Vue.jsでフロントエンド開発をするのが楽しくなるでしょう。

難易度 初級

受講期間 無制限

  • captain
JavaScript
JavaScript
Vue.js
Vue.js
JavaScript
JavaScript
Vue.js
Vue.js

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

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

4.9

5.0

허헌

99% 受講後に作成

同社はフロントエンドをVue.jsとして実装しました。私はVue.jsについて何も知らないでやるのは難しいです。しかし、基本知識がないので、なぜ書かなければならないのか分からずに書いたことが多いですね。基礎知識がしっかりしなければなりません。新しい講座が出たというニュースを聞いてすぐに購入して一日で頑張りました。明確な音声科ユーザーを配慮するディテールな部分(アイコン拡大、字幕、学習資料など)まで気をつけて講義を聞くのに良かったです。 次の講義も期待になります。

5.0

Yunse Lee

100% 受講後に作成

新しく勉強しようとしていた真に、新しい講義が登録されてすぐに始めました。 内容も良く…^^ 何よりも声も盛り上がり、そして画面も重要な瞬間には拡大して見せるなど構成も丁寧に気をつけていただいていいですね。 vue講義ではやはりキャプテン板橋チャン・ギヒョ様です。 ^^ ~~ 中級も学びたいです。 ^^

5.0

야옹이는애옹

100% 受講後に作成

私は2年目に入るWeb開発者です。 実際、当社は公企業を主な顧客としているので、javascript、jquery、html、css、spring を主に使用するうえに、エディタはエディットプラスを主に使用します。 業務で主に上記のような技術を使ってみると何かトレンドから遠ざかる感じがして個人プロジェクトはvue.jsで始めてみようと今回の講座受講することになったのですが、 本当にお得でした。 1. vscodeの使い方を知ってもらえてよかったです。 主に業務にエディットプラスを使ってみるとあまり適応になってしまって変更ができていませんでしたが、今回の講座を通じてvscodeを使ってみると本当に楽ですね。会社でも今では主にvscodeを使用しています。 2.講義一つ一つの時間が短くて少しずつ集中してできてよかったです。 会社員だから講義時間が長くなると少しルーズになる傾向がありましたが今回の講座は短い時間複数に分けてくださって集中も上手くなって何か達成感(?)というかそういうこともできますね。 まだ個人プロジェクトに適用するのは難しいかもしれませんが、webpack講座とvue.jsの公式文書を読みながら内空を少し積み重ねなければなりません。 良い川のありがとう。中級もチャンスになったら、一度触れてみたいです。

受講後に得られること

  • フロントエンド開発

  • 画面UI開発

  • Javascript

  • Web開発

  • Vue.js開発

  • Vue.js

Vue.js 始める、
Age of Vue.js 🌌

1,000명이 넘는 분들의 성원에 힘입어 새롭게 탄생한 Vue.js 입문 강의입니다. 1,000名を超える方々のご声援を受けて
新しく生まれ変わったVue.js入門講座です。

誰でも扱いやすいVue.js入門リニューアル講座です。初心者の視点でさらに目線を下げ、フロントエンド開発をする際に知っておくと良い知識を詳しく説明しました。Vue.jsで楽しくWeb開発を始められるよう充実した内容で構成しましたので、興味のある方は講座紹介動画をぜひご確認ください!😁. From a beginner's perspective, we've lowered the bar even further and explained in detail the knowledge that's good to know when doing frontend development. The content is packed with value so you can start web development with Vue.js in an enjoyable way, so if you're interested, be sure to check out the course introduction video! 😁. Từ góc nhìn của người mới bắt đầu, chúng tôi đã hạ thấp tầm nhìn hơn nữa để giải thích chi tiết những kiến thức hữu ích khi phát triển frontend. Nội dung được cấu trúc chặt chẽ để bạn có thể bắt đầu phát triển web một cách thú vị với Vue.js, vì vậy nếu bạn quan tâm, hãy nhất định xem video giới thiệu khóa học nhé! 😁


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

프론트엔드 개발자로 전향하고픈 퍼블리셔

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

프론트엔드 개발을 해보고 싶은 디자이너

フロントエンド開発を
やってみたい
デザイナーphát triển frontend

프론트엔드 개발자 취업을 준비하는 대학생

フロントエンド開発者
就職を準備する
大学生lập trình viên frontend

jQuery에서 벗어나 프레임워크를 쓰고픈 백엔드 개발자

jQueryから抜け出して
フレームワークを使いたい
バックエンド開発者

📢 事前知識を必ずご確認ください!

  • Vue.jsフレームワークを学ぶためにはHTML、CSS、JSの基礎を必ず知っている必要があります。

実習で楽しく
学習してみましょう ✨

Event Emitとは?

Webでイベントが発生し、コンポーネント間でデータをやり取りする過程を直接実装してみます。説明を聞いて実習を行った後、どのような構造で動作が行われたのか解説まで一つ一つ学ぶことができます。

ユーザー入力フォームを作る最終プロジェクト

シンプルなログインフォームを実装してみます。ユーザーが入力したIDとパスワードのデータは、どのような構造でサーバーに送信されるのでしょうか?Vueを通じてイベントを扱い、コンポーネントを構成する方法の基本をしっかりと固めてみましょう。


講義資料を提供します 📖

Vue.jsでWebサービスを開発するために必要な知識をまとめたオンラインテキストブックを提供します。

"Cracking Vue.js" サイトはこちら (クリック)


本と一緒に勉強してみましょう📗

Do it! Vue.js 入門

Vue.jsの基本的な動作原理から丁寧に説明し、
実際のサービスを開発する際に必要なコンポーネントベースの設計方法と
プロジェクトの構造化ノウハウまでしっかり詰め込みました。
講義を聞きながら、Vue.js入門書も一緒に勉強してみてください!

を開発する際に必要なコンポーネントベースの設計方法とプロジェクト構造化のノウハウまでしっかり詰め込みました。講義を聞きながら、Vue.js入門書も一緒に勉強してみてください!` tags are empty - there is no Korean text between them to translate. The surrounding context shows: - Before: Korean text about component-based design and Vue.js - After: Korean text about Q&A and prerequisites But there is no content between the `` tags for me to translate. Could you please provide the Korean text you'd like me to translate?


想定質問 Q&A

Q. フロントエンド開発に慣れていないのですが、受講しても大丈夫でしょうか?

このコースは基本的なHTML、CSS、JavaScriptの知識がある方に適しています。特にJavaScriptの変数、関数、制御文、オブジェクトなどについてご存じない方は、まずJavaScriptの基礎知識を学習してから受講されることをお勧めします。

Q. Vue.jsの最新バージョンが出ましたが、この講座を受講しても大丈夫ですか?

もちろんです!講座で扱う概念と内容はすべてVue 3でも同じように活用されます。インスタンスオプション属性が1つ程度異なるだけで大きな違いはないため、Vue 2で学習しても問題ありません。

現在実務ではほとんどVue 2を使用しており、Vue 3で提供される主要な機能はすべてVue 2でも使用できます。今後Vue 3のエコシステムが成熟したら追加で講義を制作する予定ですので、参考にしてください!

Vue 2とVue 3の違いを紹介する動画。2021年フロントエンド開発者グループカンファレンス

Q. 講義で学習した内容をすぐに実務に適用できますか?

はい、インスタンスからコンポーネントまで基本的な概念をすぐにサービスに適用してみることができます。その後、学習ロードマップに沿って学習していけば、段階的に学んだ内容を適用できると思います😄


関連ロードマップ 🚎

Vue.jsとTypeScriptで極めるフロントエンド開発
キャプテンパンギョ様のVue + TypeScriptで一度に
学べる講義で構成されたロードマップです。
この講義を含む


講師紹介 👨‍🏫

キャプテンパンギョ

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

"講義収益でVue.jsオープンソース +
生活コーディングを後援しています 😁"

講座の割引を提供します!

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

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

こんな方に
おすすめです

学習対象は
誰でしょう?

  • フロントエンド入門開発者

  • パブリッシャー

  • バックエンド開発者

  • デザイナー

  • 大学生

前提知識、
必要でしょうか?

  • HTML

  • CSS

  • Javascript

こんにちは
です。

49,261

受講生

4,852

受講レビュー

3,816

回答

4.9

講座評価

19

講座

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

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

カリキュラム

全体

68件 ∙ (5時間 25分)

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

受講レビュー

全体

1,469件

4.9

1,469件の受講レビュー

  • heoheon님의 프로필 이미지
    heoheon

    受講レビュー 3

    平均評価 5.0

    5

    99% 受講後に作成

    同社はフロントエンドをVue.jsとして実装しました。私はVue.jsについて何も知らないでやるのは難しいです。しかし、基本知識がないので、なぜ書かなければならないのか分からずに書いたことが多いですね。基礎知識がしっかりしなければなりません。新しい講座が出たというニュースを聞いてすぐに購入して一日で頑張りました。明確な音声科ユーザーを配慮するディテールな部分(アイコン拡大、字幕、学習資料など)まで気をつけて講義を聞くのに良かったです。 次の講義も期待になります。

    • captain
      知識共有者

      こんにちはホホン、 講義について良い評価残してくれてありがとう :) 完璧なガイドを聞いて基礎講座まで聞いてくれて個人的にもっと感謝しますね。何よりも私が一生懸命準備した講義の特徴をよくつかんでくれて良いと言ってくれてもっと感謝しています:) これから私のコンテンツもたくさん期待していただきたいと思います。良い受講評を残してくださっただけに、より良いコンテンツでお返しします。ありがとうございます! :)

  • unolee0834님의 프로필 이미지
    unolee0834

    受講レビュー 2

    平均評価 5.0

    5

    100% 受講後に作成

    新しく勉強しようとしていた真に、新しい講義が登録されてすぐに始めました。 内容も良く…^^ 何よりも声も盛り上がり、そして画面も重要な瞬間には拡大して見せるなど構成も丁寧に気をつけていただいていいですね。 vue講義ではやはりキャプテン板橋チャン・ギヒョ様です。 ^^ ~~ 中級も学びたいです。 ^^

    • captain
      知識共有者

      こんにちはUnoさん、 新しい講座をすばやく申し込んでくださり、また素早く頑張ってくださった後に心地よい賞賛まで残していただきありがとうございます :) 新規講座オープン記念でコメントイベントを進めていますがUno様に先に機会を差し上げたいと思います! :)

  • thriller8901137797님의 프로필 이미지
    thriller8901137797

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    私は2年目に入るWeb開発者です。 実際、当社は公企業を主な顧客としているので、javascript、jquery、html、css、spring を主に使用するうえに、エディタはエディットプラスを主に使用します。 業務で主に上記のような技術を使ってみると何かトレンドから遠ざかる感じがして個人プロジェクトはvue.jsで始めてみようと今回の講座受講することになったのですが、 本当にお得でした。 1. vscodeの使い方を知ってもらえてよかったです。 主に業務にエディットプラスを使ってみるとあまり適応になってしまって変更ができていませんでしたが、今回の講座を通じてvscodeを使ってみると本当に楽ですね。会社でも今では主にvscodeを使用しています。 2.講義一つ一つの時間が短くて少しずつ集中してできてよかったです。 会社員だから講義時間が長くなると少しルーズになる傾向がありましたが今回の講座は短い時間複数に分けてくださって集中も上手くなって何か達成感(?)というかそういうこともできますね。 まだ個人プロジェクトに適用するのは難しいかもしれませんが、webpack講座とvue.jsの公式文書を読みながら内空を少し積み重ねなければなりません。 良い川のありがとう。中級もチャンスになったら、一度触れてみたいです。

    • captain
      知識共有者

      こんにちは、恥ずかしがり屋、 詳しい受講評 ありがとうございます。短く編成された講座が達成感に役立ったので、コンテンツ制作者としてもっと嬉しいですね:) :) 個人的なトイプロジェクトを行うには、より多くの助けがあることを願っています。講義の質問コーナーにインフラストラクチャアカウントのメールを書いてください。

  • umirolab1714님의 프로필 이미지
    umirolab1714

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    何も知らなかった状態で概念整理になったようでおかげでよく聞きました。ありがとうございます!

    • captain
      知識共有者

      役に立ったと思う。良い受講評を残してくれてありがとう:)

  • hu2y0588님의 프로필 이미지
    hu2y0588

    受講レビュー 4

    平均評価 5.0

    5

    100% 受講後に作成

    良い講義ありがとうございました!、楽しくよくフォローできました、 オススメしてくれた本だけでより講義を初めて聞いてみましたが、繰り返し学習で基礎をよく理解させてくれますね~ 講義が多すぎていつも聞かなかったのですが、集中して聞いてとても早く減ってしまって残念でした。聞きに行かなければなりません!

    • captain
      知識共有者

      こんにちはサンフン、良い講義の評価を残していただきありがとうございます:) 私も今回の講義をしてから見たら5時間を超えてちょっと長くないかと心配していましたが、むしろ時間が早く行ったと言ってくれるから気持ちがいいですね。残りの後続講座もサンフン様が楽しく聞くことができたらと思います。中級講座は既に決済されたようで完璧ガイド講座を追加したいと思います。講義の質問掲示板に電子メールを残してください:) ありがとう!

¥5,378

captainの他の講座

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

似ている講座

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