AIと一緒に学ぶNext.js
captain
複雑なNext.jsの複数の概念を短時間で核心だけ学ぶことができます。Next.jsを初めて学ぶ方のための実務必須知識だけお教えします。フレームワーク講義だけで8年目を迎えるキャプテンパンギョのNext.js新規講義。「AI時代のフロントエンド開発者」のコーディングと学習方法を学ぶことができます！😊
Beginner
JavaScript, React, Next.js
BEST
Vue.js 中級講座 - ウェブアプリ制作で学ぶ Vue.js、ES6、Vuex
Vue.js 中級講座 - 「誰でも」「簡単に」「素晴らしい」Webアプリケーションを作成できるVue.js活用講座です。Vue.jsの基本的な理解をベースにTodoアプリを作成しながら、コード中心の実用的な知識を学びます。
学習した受講者のレビュー
こんなことが学べます
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.jsの中級コースで実際のサービスを開発する際に必要なコンポーネントベースのプロジェクトの構造化方法とコンポーネントの設計方法を学び、Vue.jsコードを簡単に編むことができるES6の主な特徴について説明します。実務で必然的に使用される状態管理ライブラリVuexも深く学習します。
- ビュー最新のCLIツールの特徴
- コンポーネントベースのWebアプリの設計方法
- コンポーネントの設計方法
- ES6（const＆let、矢印関数、拡張オブジェクトリテラル、モジュールなど）
- Vuex（state、getters、mutations、actions、modulesなど）
講義の特徴を紹介します📋
- 前半は、別途の理論の説明なしでアプリケーションを設計し実装しながら、Vue.jsの画面開発の感覚を捉えます。
- その後、作成したアプリケーションの問題点を見て、コードのリファクタリングによってアプリケーション構造を改善します。
- 中盤は、ES6とVuexの概念を簡単かつ迅速に把握できるように、理論の説明 - >準備された例で実習 - >アプリケーションに適用し、リファクタリングの形で講義を進めます。
関連ロードマップ🚎
Vue.jsとTypeScriptで征服するフロントエンド開発
キャプテン板橋様のビュー＋タイプスクリプトで一度に
学習は講義で構成されるロードマップです。 この講義を含む
知識共有者の紹介👨🏫
チャン・ギヒョ（キャプテン板橋）
- 現在のフロントエンド開発者
- 「Do it! Vue.js入門」、「 簡単に始めるタイプスクリプト」著者
- Naver、eBay Korea、Samsung、LG、SKグループなどVue.js講義
- ファーストキャンパスVue.js征服キャンプ講義
- Google ウェブ技術の公式サイト翻訳者
- 技術ブログ, Github
「講義収益でVue.jsオープンソース+
ライフコーディングを後援します😁」
こんな方に
おすすめです
学習対象は
誰でしょう？
Vue.js の基本知識があり、フロントエンド開発に興味のあるすべての人に適しています。
Vue.js の学習時間を節約してすぐに実務に利用したい開発者
フロントエンド開発を始めた方
フロントエンド開発をやってみたいデザイナー
フロントエンド開発者になりたいパブリッシャー
フロントエンド開発者として就職を希望する大学生
48,610
受講生
4,731
受講レビュー
3,815
回答
4.9
講座評価
19
講座
인프런에서 8년째 지식을 공유하고 있습니다. 🏠 기술블로그, 📣 트위터, 💻 깃헙
📗 Do it! Vue.js 입문, 쉽게 시작하는 타입스크립트, 나는 네이버 프런트엔드 개발자입니다. 책 3권 집필
📖 Cracking Vue.js, 타입스크립트 핸드북, 웹팩 핸드북. 온라인 무료 가이드북 3권 집필
👨💻 캡틴판교의 프론트엔드 개발 유튜브 채널 운영 - 취준생, 주니어 개발자들의 고민을 들을 수 있는 곳
🥤 캡틴판교의 카카오톡 오픈 채팅방 운영 - 프런트엔드 개발 최신 정보와 업계 동료들의 생각과 고민을 들을 수 있는 곳
カリキュラム
全体
63件 ∙ (6時間 50分)
講座掲載日:
最終更新日:
受講レビュー
全体
613件
4.9
613件の受講レビュー
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
期間限定セール、あと1日日で終了
￥5,227
23%
￥6,795
captainの他の講座
知識共有者の他の講座を見てみましょう！
似ている講座
同じ分野の他の講座を見てみましょう！
![JavaScriptからReactまで [PART2/4] 諦めないReactへの道Course Thumbnail](https://cdn.inflearn.com/public/courses/335780/cover/a1e69ed1-63ad-4f4b-b3f2-fb44374699bd/335780.png?f=avif&w=420)
![フルスタックのための堅実なフロントエンドブートキャンプ (HTML, CSS, バニラJavaScript + ES6) [フルスタック Part2]Course Thumbnail](https://cdn.inflearn.com/public/course-326306-cover/4ea213de-f786-4af1-a9d0-b8932263885a?f=avif&w=420)
