인프런 영문 브랜드 로고
인프런 영문 브랜드 로고
BEST
Programming

/

Front-end

Vue.js の始め方 - Age of Vue.js

Vue.jsでWebを簡単に開発できるように、基本的な概念と重要な機能について学び、実装します。 講座を聞いたら、Vue.jsでフロントエンドの開発をするのが面白いです。

JavaScript
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開発を始められるように充実した内容を構成しましたので、興味のある方は講義紹介映像をぜひご確認ください! 😁


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

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

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

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

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

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

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

jQueryから離れてフレームワークを書き込んだバックエンド開発者

jQueryから抜け出す
フレームワークを書く
バックエンド開発者

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

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

練習で楽しく
学習してみてください✨

Event Emit?

Webでイベントが発生し、コンポーネント間でデータをやり取りするプロセスを直接実装します。説明を聞いて実習をしてみた後、どんな構造で動作が行われたのか解くまでじっくり身につけることができますよ。

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

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


講義教案を提供します📖

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

「Cracking Vue.js」サイトシ​​ョートカット(クリック)


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

vuejs

Do it! Vue.js入門

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


予想される質問 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で征服するフロントエンド開発
キャプテン板橋様のビュー+タイプスクリプトで一度に
学習は講義で構成されるロードマップです。
この講義を含む


知識共有者の紹介👨‍🏫

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

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

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

講義割引を提供します!

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

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

こんな方に
おすすめです!

学習対象は
誰でしょう?

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

  • パブリッシャー

  • バックエンド開発者

  • デザイナー

  • 大学生

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

  • HTML

  • CSS

  • Javascript

こんにちは
です。

47,395

受講生

4,546

受講レビュー

3,812

回答

4.9

講座評価

17

講座

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

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

カリキュラム

全体

68件 ∙ (5時間 25分)

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

受講レビュー

全体

1,438件

4.9

1,438件の受講レビュー

  • 허헌님의 프로필 이미지
    허헌

    受講レビュー 3

    平均評価 5.0

    5

    99% 受講後に作成

    회사에서 프론트단을 Vue.js로 구현하게 되었습니다. Vue.js에 대한 아무 지식없이 할려니 어렵더군요.. 빠르게 업무에 사용할려고 vue.js 완벽가이드를 구매하여 강의를 들으면서 바로바로 적용하였습니다. 하지만 기본지식이 없다보니 왜 써야 하는지를 모르고 썻던 경우가 많더군요. 기본지식이 탄탄해야 합니다. 새 강좌가 나왔다는 소식을 듣고 바로 구매하여 하루만에 완강을 하였습니다. 또렷한 음성과사용자를 배려하는 디테일한 부분(아이콘 확대, 자막,학습자료등)까지 신경써주셔서 강의 듣기에 좋았습니다. 다음강의도 기대가 됩니다.

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

      안녕하세요 허헌님, 강의에 대해서 좋은 평가 남겨주셔서 감사합니다 :) 완벽 가이드를 듣고 기초 강좌까지 들어주셔서 개인적으로 더 감사하네요. 무엇보다도 제가 열심히 준비한 강의의 특징들을 잘 짚어주시고 좋다고 해주셔서 더 고맙습니다 :) 앞으로 제 컨텐츠도 많이 기대해주셨으면 좋겠구요. 좋은 수강평 남겨주신 만큼 더 좋은 컨텐츠로 보답해드리겠습니다. 감사합니다!! :)

  • Yunse Lee님의 프로필 이미지
    Yunse Lee

    受講レビュー 2

    平均評価 5.0

    5

    100% 受講後に作成

    새롭게 공부하려고 하던 참에, 새로운 강의가 등록되어서 바로 시작했습니다. 내용도 좋고... ^^ 무엇보다도 목소리도 또렸하게, 그리고 화면도 중요 순간에는 확대되어 보여주는 등 구성도 세심하게 신경 써 주셔서 좋네요. vue 강의로는 역시 캡틴 판교 장기효 님이에요. ^^ ~~ 중급도 배우고 싶어요. ^^

    • 안녕하세요 Uno님, 새 강좌를 빠르게 신청해주시고, 또 빠르게 완강하신 다음에 기분 좋은 칭찬까지 남겨주셔서 감사합니다 :) 신규 강좌 오픈 기념으로 댓글 이벤트를 진행하고 있는데 Uno님께 먼저 기회를 드리고 싶습니다! 다시 한번 감사드리고 앞으로도 잘 부탁드립니다 :)

  • 야옹이는애옹님의 프로필 이미지
    야옹이는애옹

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    저는 2년차 접어드는 웹개발자입니다. 사실 저희 회사는 공기업을 주 고객으로 하다보니 javascript, jquery, html, css, spring 을 주로 사용하는데다가, 편집기는 에디트플러스를 주로 사용합니다. 업무에서 주로 위와같은 기술들을 사용하다보니 뭔가 트렌드에서 멀어지는 느낌이 들어서 개인프로젝트는 vue.js로 시작해보고자 이번 강좌 수강하게되었는데, 정말 유익했습니다. 1. vscode 사용법을 알게되어서 좋았습니다. 주로 업무에 에디트플러스를 사용하다보니 너무 적응이되어버려서 변경을 못하고 있었는데 이번 강좌를 통해서 vscode를 사용해보니까 정말 편하네요. 회사에서도 이제 주로 vscode를 사용합니다. 2. 강의하나하나의 시간이 짧아서 조금씩 집중해서 할 수 있어서 좋았습니다. 직장인이다보니 강의시간이 길어지면 조금 루즈해지는경향이 있었는데 이번 강좌는 짧은시간 여러개로 나누어주셔서 집중도 잘되고 뭔가 성취감(?) 이랄까요 그런것도 생기네요. 아직 개인프로젝트에 적용하기는 힘들겠지만 webpack 강좌와 vue.js 공식문서 읽으면서 내공을 좀 쌓아야겠네요. 좋은강의 감사합니다. 중급도 기회가되면 한번 접해보고싶네용

    • 안녕하세요 야옹이는애옹님, 상세한 수강평 감사드립니다. 짧게 구성된 강좌가 성취감에 도움되셨다니까 컨텐츠 제작자로서 더 뿌듯하네요 :) 수강평 잘 정리해서 적어주셨으니 중급 강좌 추가해드릴게요! :) 개인 토이 프로젝트 하시는데 더 도움이 많이 되었으면 좋겠습니다. 강의 질의 코너에 인프런 계정 이메일 적어주시면 추가해드릴게요!

  • 블라빙님의 프로필 이미지
    블라빙

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    아무것도 몰랐던 상태에서 개념정리가 된것같아서 덕분에 잘 들었습니다. 감사합니다!!

    • 도움 되었다니 뿌듯합니다. 좋은 수강평 남겨주셔서 감사해요 :)

  • Sanghun Han님의 프로필 이미지
    Sanghun Han

    受講レビュー 4

    平均評価 5.0

    5

    100% 受講後に作成

    좋은 강의 감사합니다!, 재밌게 잘 따라할수 있었어요, 추천해 주신 책으로만 보다가 강의를 처음 들어보았는데, 반복학습으로 기초를 잘 이해시켜주시네요~ 강의가 너무 많아서 언제 다 듣지 했는데, 집중해서 듣다가 너무 빨리 줄어들어서 아쉬웠어요. 강의에 참고하라고 링크 걸어주시는 부분도 좋았고, 기초를 더 탄탄히 하고싶은 분들에게 추천드릴 강의입니다! 남은 부분 빨리 듣고 중급도 들으러 가야겠어요!

    • 안녕하세요 상훈님, 좋은 강의 평가 남겨주셔서 감사합니다 :) 저도 이번 강의를 찍고 나서 보니 5시간이 넘어서 좀 길지 않을까 걱정을 했었는데, 오히려 시간이 빨리 갔다고 해주시니까 기분이 좋네요. 나머지 후속 강좌도 상훈님이 재밌게 들으실 수 있었으면 좋겠습니다. 중급 강좌는 이미 결제하신 것 같아서 완벽 가이드 강좌 추가해드리고 싶습니다. 강의 질문 게시판에 이메일 남겨주세요 :) 감사합니다!

captainの他の講座

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

似ている講座

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