本講義は、フルスタックウェブ開発者養成のための「ウェブ開発フルスタックコース」講義シリーズのフロントエンド部分についての講義です。この講義は、講師の著書 <Vue.js プロジェクト投入一週間前>の内容に基づいて作られた講義です。
Vue 最新の構文
ミックスイン、プラグイン、Custom Directive
サーバー通信
Vuexの状態管理
便利な外部モジュールを使う
UIテンプレートの実装
基礎が格別なフロントエンド開発！
Vue.js、ちゃんと学んでください✨
✅このレッスンは、[フルスタックWeb開発者ロードマップ]シリーズのレッスンです。
ウェブ＆ネイティブアプリのメリットを一度に掴むフロント開発！
プログレッシブフレームワークVue.jsで体験してください。
Vue.jsは、ユーザーインターフェイスを開発するためのプログレッシブフレームワークです。ここでProgressiveとは、Webとネイティブアプリの利点をすべて受け入れ、標準パターンを使って開発されたという意味です。
ウェブは別途のインストールなしでブラウザだけで接続が可能なため、アクセシビリティが非常に優れています。一方、ネイティブアプリは、一般的なウェブよりも高速で優れたユーザーエクスペリエンスを提供するという利点があります。
結局、Vue.jsが目指すのは、 Webの利点とアプリの利点の両方を収容できる進化したWebアプリを作成できるフレームワークを提供することです。
フロントエンド開発者になりたい場合は、
必ずVue.jsのような
フロントエンドフレームワークを知る必要があります。
すでにWebアプリケーションは、モバイル専用のネイティブアプリケーションと同様にパフォーマンスが向上しています。そのため、多くのサービスとビジネスアプリケーションがVueなどのフロントエンドフレームワークを使用して開発されています。そのため、フロントエンド開発者になるためには、Vueのようなフロントエンドフレームワークを学ぶ必要があります。
Vue（ビュー）は、HTMLコードを実装する領域、JavaScriptコードを実装する領域、デザインCSSを実装する領域が完全に分離されているため、コードに対する読みやすさに非常に優れています。
アプリケーションを開発するときは、開発者一人で作業することはごくまれです。一般的には、UIデザイナーやWebパブリッシャーからHTML / CSSなどの結果を受け取り、それをプログラムに適用する必要があります。 VueはHTML、CSSコードが完全に分離されており、リアクトやアンギュラよりもコラボレーションプロジェクトを進める上ではるかに利点があります。
バックオフィスシステムとは、企業内の業務に関連するシステムを意味します。たとえば、ERP、CRM、HRなどがバックオフィスシステムです。国内の大多数の大企業がバックオフィスシステム開発のための標準的なWebフロントエンドフレームワークとしてVue.jsを選択する割合が大幅に増えています。
一般ユーザーを対象とするB2Cサービスとは異なり、バックオフィスシステムは各業務別画面がすべて分割されており、コンポーネントの複雑度が高くありません。このような場合、迅速かつ安定的に開発できることが最も重要です。また、バックオフィスシステムの場合、開発チームと運営チームが別々の場合がほとんどです。運営チームの場合、短時間で開発されたシステムを引き継ぐことができなければならないため、ランニングカーブが短くなければならず、直感的でコラボレーションが便利でなければなりません。この点で、Vue.jsは最も適切なフロントエンドフレームワークとして認識されています。
基本基をうまく積むほど重要なことはありません。私たちはたった1～2年だけこの仕事をするために勉強しているわけではありません。少なくとも何十年もこの仕事をする準備をしています。それなら、もう少し遠く見てきちんと準備しなければなりません。
このレッスンは徹底的にVue.js自体について説明します。基本を学ぶが退屈ではないように、実務で何を考慮すべきかについての経験までお届けします。初心者もうまく従うように、概念/文法/機能を最大限に分けて、すべての内容のサンプルコードまで提供します。
おそらくこの講義を最後まで受講しているなら、どんな固守よりももっと知ることになるかもしれません。 （しかし、コスがなぜこだわります！多くの実戦経験を持っているからでしょう。😉）
Vue.jsの基本を完全に積み重ねてから、すぐに1人の良い開発者の役割を果たすことができるように、実務で最も開発されたWeb画面パターンを習得します。驚くべきことに、大半のシステムは、全画面の約70％以上がわずかな画面パターンで構成されています。
ListToDetailパターン、MasterDetailパターン、MultipleEditパターン、Shuttleパターンなど標準パターンについてだけは完全に理解して開発できるようにWeb画面標準パターン開発講義を学びます。だから、皆さんが今後行くことになる無数の実戦を面白くてお得に！そして、よく遂行できる実務力量まで積み重ねられるような講義になってくれるでしょう。
Web開発フルスタックコース、
1. [ウェブ開発フルスタックコース - HTML&CSS基礎]
2. [ウェブ開発フルスタックコース - バニラJavaScript]
3. [ウェブ開発フルスタックコース - ブートストラップ基礎]
4. [Web開発フルスタックコース - Vue.jsプロジェクト投入1週間前 - 基礎から実務まで] 現在講義
5. [ウェブ開発フルスタックコース - ネットフリックスとニンジンマーケット分析を通じて学ぶデータベースの理解]
6. [ウェブ開発フルスタックコース - Node.jsプロジェクト投入一週間前 - 基礎から実務まで]
7. [ウェブ開発フルスタックコース - ポートフォリオ]
ソフトウェア技術を通じて世界に良い影響力を与えたい24年目のソフトウェア開発者。
知識を分かち合うのが好きで、常に新しいスキルを身につけることを楽しんでいます。
国内外60社を超えるグローバル企業ERPシステムを構築するコンサルタントおよび開発者として活動し、直接開発したソフトウェアを国内はもちろん海外有数の企業に販売した経験も持っています。 ITスタートアップ代表取締役でもあります。
開発者だけでなく、UXコンサルタントとして、時にはビジネスコンサルタントとして働きながら、アプリケーションやサービス開発時の企画から開発まで、全過程について数多くの経験を積んできました。今は20年以上の実務経験をもとに、後輩たちに本当に必要な技術、本当にきちんとした知識を伝える使命感で知識を分かち合うことをしています。
学習対象は
誰でしょう？
Vue.jsでプロジェクトを開始するビジネス開発者
Webフロントエンド開発者
前提知識、
必要でしょうか？
HTML
CSS
JavaScript
11,039
受講生
256
受講レビュー
152
回答
4.9
講座評価
8
講座
소프트웨어 기술을 통해 세상에 선한 영향력을 주고 싶은 24년차 소프트웨어 개발자.
지식을 나누는 것을 좋아하고 항상 새로운 기술을 익히는 것을 즐겨요.
국내외 60개가 넘는 글로벌 기업 ERP 시스템을 구축하는 컨설턴트 및 개발자로 활동하였고, 직접 개발한 소프트웨어를 국내는 물론 해외 유수의 기업에 판매를 한 경험 또한 가지고 있어요. IT스타트업 대표이사 이기도 해요.
개발자 뿐만 아니라, UX 컨설턴트로, 때로는 비즈니스 컨설턴트로 일하면서 애플리케이션과 서비스 개발 시 기획에서 개발까지 전과정에 대한 수많은 경험을 쌓았고, 이제는 20년이 넘는 실무 경험을 바탕으로 후배들에게 정말 필요한 기술, 정말 제대로 된 지식을 전달하는 사명감을 갖고 지식 나눔에 일을 하고 있어요.
이메일 - seungwon.go@gmail.com
全体
35件 ∙ (23時間 59分)
講座資料（こうぎしりょう）:
1. Vue.jsとは
05:07
3. ルーター
33:56
4. データバインディング
01:44:34
5. イベント
34:40
7. computed と watch
28:10
8. ライフサイクルフック
35:01
9. 再利用コンポーネント
57:04
10. ブートストラップを使う
03:54
11. 再利用コンポーネント - シンプルグリッド
01:01:56
12. スロット
24:51
13. レイアウトコンポーネント
16:08
14. provide と inject
11:05
15. カスタム指向
33:10
16. ミックスイン(mixin)
01:22:32
17. プラグイン
44:21
18. 状態管理（Vuex）
01:42:52
19. コンポジションAPI
42:45
20. カカオログイン
51:23
21. ネイバーログイン
30:06
22. カカオマップ API
23:57
23. Fontawesome
18:00
24. FullCalendar
27:00
25. Sweetalert2
18:07
27. vue-good-table
39:27
28. vue-apexcharts
01:12:22
全体
7件
4.7
7件の受講レビュー
受講レビュー 1
∙
平均評価 5.0
受講レビュー 1
∙
平均評価 5.0
受講レビュー 7
∙
平均評価 4.6
修正済み
3
The lecture structure and content are good. I learned well. However, there are some disappointing aspects. 1. The moments of hesitation during the lecture give the impression that it wasn't well-prepared. 2. For listeners who haven't taken other courses, it would be helpful if source code or download paths were provided for json server and postal codes, etc. However, such guidance wasn't properly provided, which made it very difficult to follow along with the lecture.
受講レビュー 25
∙
平均評価 5.0
修正済み
受講レビュー 18
∙
平均評価 4.7
￥29,397
知識共有者の他の講座を見てみましょう！
同じ分野の他の講座を見てみましょう！
![[Web Development Full Stack Course] A week before starting a Node.js project - From basics to practice강의 썸네일](https://cdn.inflearn.com/public/courses/330080/cover/53450c0a-fe6a-448a-a968-54803487b395/nodejs-1.jpg?f=avif&w=420)
![[Web Development Full Stack Course] Portfolio - Product Sales Mini Web App Development강의 썸네일](https://cdn.inflearn.com/public/courses/330081/cover/7afb92db-0588-4ac1-920f-38ab511054eb/fullstack-project-1.jpg?f=avif&w=420)
![[Web Development Full Stack Course] Learn Database Basics through Netflix and Carrot Market Analysis강의 썸네일](https://cdn.inflearn.com/public/courses/330079/cover/c142fdb2-b4fa-4b6a-9e8f-7bd48aed7635/fullstack-db-1.jpg?f=avif&w=420)
![[Web Development Full Stack Course] Bootstrap Basics강의 썸네일](https://cdn.inflearn.com/public/courses/330077/cover/828bc814-19c5-431e-a72c-f6592c9b7a74/fullstack-bootstrap-1.jpg?f=avif&w=420)
![[Web Development Full Stack Course] From Pure JavaScript Basics to Practice강의 썸네일](https://cdn.inflearn.com/public/courses/330076/cover/e46f4bde-0146-42d6-a2fa-64d9bd510d27/vanila-javascript-1)
![[Web Development Full Stack Course] HTML&CSS Basics강의 썸네일](https://cdn.inflearn.com/public/courses/330075/cover/56b8da2a-c02d-4812-8ae0-a5dad11a3aab/fullstack-html-css-1.jpg?f=avif&w=420)
