ホーム > eラーニング 教材一覧 > モダンな Web 開発コース (Vue/Nuxt)

モダンな Web 開発コース (Vue/Nuxt)

  • New!
    新規コース(過去6ヶ月)
標準学習時間 15時間提供元 株式会社キカガク
価格(税込)  77,000円(税込)備考 講義+演習
提供形態/付帯教材種別

ASP

オンラインテキスト

商品コード MAX0004R

重要なご連絡・ご確認事項

当コンテンツの視聴期限は、無期限です。
※ キカガク社より講義資料の停止またはURLの変更について連絡が入った際は、ご案内差し上げます。

お申込みより7営業日以降の開始日希望日をご記入お願いいたします。

対象者情報

対象者
・思いついたサービスを自ら開発し、世に公開したい方
・過去にアプリケーション開発を挫折してしまった方
・実践的なプログラミングを身につけ、市場価値を高めたい方
前提条件
    □特になし

学習内容の詳細

コース概要
モダンな技術を用いたWebアプリケーションの開発方法をゼロから習得できます。
受講後には自走できる実践的な開発力が身につき、アイデアをWebアプリケーションに落とし込むことができます。
Web ページ作成から公開用法を紹介。GitHub の基礎を習得できます。
また、EC サイト、to do アプリ、チャットボットなど複数のサービス開発を通じて Vue/Nuxt だけではなく、Firebase を使った認証機能やデータベースの活用まで学びます。
学習目標
● Webアプリケーション開発の基礎が習得できている状態
● 試行錯誤から得られるプログラミング問題解決法が身についている状態
● Firebase を使用したバックエンドを理解し、自身が考えるサービスのアーキテクチャを設計できるようになっている状態
学習内容
1. Web ページ制作の基本(前編)
  - イントロダクション
  - 初めての Web ページ制作
  - メインコンテンツの作成 パート1
  - メインコンテンツの作成 パート2
  - CSS の基本
  - CSS の実装
  - Bootstrap の実装
  - Netlify へのデプロイ

2. Web ページ制作の基本(後編)
  - イントロダクション
  - 初めての JavaScript
  - 関数とクリックイベント
  - 配列と繰り返し処理
  - 条件分岐とオブジェクト
  - 売上可視化のシステムのセットアップ
  - Chart.js を用いた売上と利益のグラフ化
  - データの加工と抽出
  - コマンドライン入門
  - GitHub の導入
  - GitHub を用いたファイル管理
  - GitHub Pages へのデプロイ

3. Vue.js 入門
  - イントロダクション
  - Vue の基本
  - 簡易 EC サイトのセットアップ
  - 繰り返し処理
  - クリックイベント
  - 条件分岐
  - 双方向バインディング
  - 算出プロパティ
  - 商品データの追加
  - Netlify へのデプロイ
  - Vue での開発で役立つデバックツール

4. Nuxt.js 入門
  - イントロダクション
  - Nuxt の環境構築
  - Nuxt で Hello, World!
  - セットアップと JAMstac
  - GSS の API 化
  - Bootstrap の導入
  - コンポーネント指向
  - API による商品データの取得
  - 商品カードのコンポーネント化
  - SSG でビルド
  - Netlify へのデプロイ
  - GSS と Netlify を連携した自動デプロイ

5. Firebase 入門
  - イントロダクション
  - 初めての Firebase
  - FAQ チャットボットのセットアップ
  - Nuxt への Firebase の導入
  - Firestore
  - 登録処理
  - 読み取り処理
  - リアルタイム同期の処理
  - 更新処理
  - 削除処理
  - ビルドとデプロイ

6. 認証状態の管理
  - イントロダクション
  - Authentication のセットアップ
  - ログイン機能の実装
  - 認証状態の監視
  - 認証状態の管理
  - リダイレクト
  - 認証状態の永続化
  - vue-chartjs の実装
  - 評価ボタンのコンポーネント化
  - ビルドとデプロイ

7. Firestore の DB 設計
  - Firestore の DB 設計
  - 【補足】デプロイ後の運用

8. GitHubAction で自動デプロイ
  - イントロダクション
  - GitHub Actions で Hello, World!
  - Github Actions による自動デプロイ

ご注意・ご連絡事項

お申込み手続きが完了しましたら、キャンセルはできませんのでご注意ください。
お申込みから7営業日以内には、キカガク社よりご案内が届きます。ご案内の内容に従い学習を始めてください。