フロントエンド開発者のためのWebpack
captain
1000人が選んだWebpack講座！新しくリリースされたWebpackバージョンに合わせてリニューアルされた講座です。実習中心でより簡単にWebpackを学んでみましょう :)
초급
Webpack
BEST
Vue.js 中級講座 - Webアプリ制作で学ぶVue.js、ES6、Vuex
Vue.js 中級講座 - 「誰でも」、「簡単に」、「素晴らしい」Webアプリケーションを作れるようサポートするVue.js活用講座です。Vue.jsに対する基本的な理解をもとにTodoアプリを作りながら、コード中心の実用的な知識を学びます。
JavaScript
JavaScript
Vue.js
Vue.js
ES6
ES6
Vuex
Vuex
学習した受講者のレビュー
学習した受講者のレビュー
4.9
5.0
vue.jh
100% 受講後に作成
for (let i=0; i<999; i++) { console.log('ありがとうございます講義大好きです') };
5.0
지능정보화연구실
100% 受講後に作成
todoappの作成をvueで実装してみながら、既存のjs、jqueryにする方法とどのような点が違うのかを確認できる時間で、ステップごとにコードがどのように簡素化されるか説明をうまくやってくれてよかったです。 ただ実装されたtodoアプリが初心者が見やすいコードで作られたようで少し残念で機能とデータを保存する方法を少し変えて実装してみました。配列ごとにtodoリストをすべて管理できるようにローカルストレージに保存しました。キー値は重複してはならないと考えられ、重複検査をしてカウントを上げました。別途追加された機能は、フィルタリング、カウント、メニューバー、テーマ変更などを追加しました。 追加された機能は公式サイトの例を参考にしました。 https://vuejs.org/v2/examples/todomvc.html
5.0
이승환
100% 受講後に作成
初級講座を続けて中級講座まで全て終えましたが、理解度と学習資料が十分で満足しました。 次回も続きます。
受講後に得られること
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アプリ
- きれいなVue.jsコードのためのES6
- 複雑なアプリケーションを実装するためのVuex
Vue.jsやWeb開発に興味を持ち始めたばかりの方におすすめの講座です。コンポーネント、インスタンスなどは知っているけれど、実際にアプリを作ろうとするともどかしい方に、アプリケーションを作り上げていけるようサポートします。ES6で書かれたVueコードを読む必要がある方に、簡単で素早くES6を学ぶ方法をお教えします。
アプリケーションが大きくなってコンポーネントを効率的に管理したい方にVuexを簡単に学ぶ方法を紹介します。全体的な講義方式はコード中心の学習型講座で構成されています。
Vueの基礎概念でTo-doアプリを制作しながらコンポーネントベースの設計方法と構造化方法を身につけた後、ES6の概念を学習してアプリケーションコードに適用することでアプリケーションコードを改善していきます。Vuexの主要技術要素を学習し、Todoアプリを再度リファクタリングしながら学んだ内容を直接コードに適用してみる実践型講座です。
フロントエンド開発に興味がある
誰でも学ぶことができます 🏃♀️
Vue.jsをすぐに
実務で使いたい開発者
フロントエンド開発を
したいデザイナーphát triển frontend
フロントエンド開発者に
転向したいパブリッシャーlàm lập trình viên frontend
📢 前提知識を必ずご確認ください!
- HTML、CSS、JS及びVue.jsの基礎を知っている必要があり、効率的に学習することができます。 to learn efficiently. để có thể học hiệu quả.
学習内容 プレビュー 📘
Vue.js中級講座では、実際のサービスを開発する際に必要なコンポーネントベースのプロジェクト構造化方法とコンポーネント設計方法を学び、Vue.jsのコードを簡単に書けるES6の主要な特徴について見ていきます。実務で必然的に使用することになる状態管理ライブラリVuexも深く学習します。
- Vue最新CLIツールの特徴
- コンポーネントベースのウェブアプリ設計方法
- コンポーネント設計方法
- ES6 (const & let、アロー関数、拡張オブジェクトリテラル、モジュールなど)
- Vuex (state、getters、mutations、actions、modules など)
講座の特徴をご紹介します 📋
- 前半部は別途の理論説明なしに、すぐにアプリケーションを設計して実装しながらVue.jsの画面開発の感覚をつかみます。
- その後は制作したアプリケーションの問題点を確認しながら、コードリファクタリングを通じてアプリケーション構造を改善します。
- 中盤はES6とVuexの概念を簡単かつ迅速に把握できるよう、理論説明 -> 用意された例題で実習 -> アプリケーションに適用しながらリファクタリング形式で講義を進めます。
関連ロードマップ 🚎
Vue.jsとTypeScriptで制覇するフロントエンド開発
キャプテンパンギョ様のVue + TypeScriptで一度に
学べる講義で構成されたロードマップです。この講義を含む
講師紹介 👨🏫
キャプテンパンギョ
- 13年目のフロントエンド開発者
- "Do it! Vue.js 入門" 、"쉽게 시작하는 타입스크립트" 著者
- ネイバー、eBayコリア、サムスン、LG、SKグループなどでVue.js講義
- ファストキャンパス Vue.js 征服キャンプ講義
- Google ウェブ技術公式サイト翻訳者
- 技術ブログ、Github
"講義収益でVue.jsオープンソース +
生活コーディングを後援しています 😁"
こんな方に
おすすめです
学習対象は
誰でしょう？
Vue.jsの基礎知識があり、フロントエンド開発に興味のある全ての方に適しています。
Vue.jsの学習時間を節約してすぐに実務で使いたい開発者
フロントエンド開発に入門された方
フロントエンド開発をやってみたいデザイナー
フロントエンド開発者に転向したいパブリッシャー
フロントエンド開発者として就職を希望する大学生
49,261
受講生
4,852
受講レビュー
3,816
回答
4.9
講座評価
19
講座
인프런에서 8년째 지식을 공유하고 있습니다. 🏠 기술블로그, 📣 트위터, 💻 깃헙
📗 Do it! Vue.js 입문, 쉽게 시작하는 타입스크립트 등 책 3권 집필
📖 Cracking Vue.js, 타입스크립트 핸드북, 웹팩 핸드북. 온라인 무료 가이드북 3권 집필
👨💻 캡틴판교의 프론트엔드 개발 유튜브 채널 운영 - 취준생, 주니어 개발자들의 고민을 들을 수 있는 곳
🥤 캡틴판교의 카카오톡 오픈 채팅방 운영 - 프런트엔드 개발 최신 정보와 업계 동료들의 생각과 고민을 들을 수 있는 곳
カリキュラム
全体
63件 ∙ (6時間 50分)
1. 講座紹介
10:16
5. コンポーネントの作成と登録
12:15
15. GitHub ブランチ案内
02:28
講座掲載日:
最終更新日:
受講レビュー
全体
616件
4.9
616件の受講レビュー
ads受講レビュー 5
∙
平均評価 4.2
4
98% 受講後に作成ブログからこの講義まで本当にたくさんの助けになりましたㅎㅎ しかし、初心者の立場で残念な部分があります いったん川の最後のアップデートがちょっと前になったようです。 最後の更新日付が19年2月なのに今の時点で見るとほぼ2年ですねㅜㅜ だからそうか、講義の途中で案内がされているけどvueプロジェクト開始命令から、基本ファイル構造などなど講義と他の部分がたまに出て初心者の立場で混乱うるさい時があります。 そしてNGと言うべきですか？インフレン代表にカトコはアラームが画面に浮かんでるｗｗｗ、言葉が潰れる部分、ファイル生成したがああいらないだろうし、また削除する部分などはカット編集でもしていただければ集中にもっといいと思います
- wlsgus9936
受講レビュー 3
∙
平均評価 5.0
5
100% 受講後に作成for (let i=0; i<999; i++) { console.log('ありがとうございます講義大好きです') };
- captain知識共有者
do { console.log('ありがとうございます ^^') } while (true)
- hanna75820806
受講レビュー 3
∙
平均評価 4.7
5
100% 受講後に作成todoappの作成をvueで実装してみながら、既存のjs、jqueryにする方法とどのような点が違うのかを確認できる時間で、ステップごとにコードがどのように簡素化されるか説明をうまくやってくれてよかったです。 ただ実装されたtodoアプリが初心者が見やすいコードで作られたようで少し残念で機能とデータを保存する方法を少し変えて実装してみました。配列ごとにtodoリストをすべて管理できるようにローカルストレージに保存しました。キー値は重複してはならないと考えられ、重複検査をしてカウントを上げました。別途追加された機能は、フィルタリング、カウント、メニューバー、テーマ変更などを追加しました。 追加された機能は公式サイトの例を参考にしました。 https://vuejs.org/v2/examples/todomvc.html
- lshk9550391
受講レビュー 6
∙
平均評価 4.7
- sion007005733
受講レビュー 9
∙
平均評価 5.0
￥6,765
captainの他の講座
知識共有者の他の講座を見てみましょう！
似ている講座
同じ分野の他の講座を見てみましょう！
