DMM WEBCAMPDMM WEBCAMP

「フロントエンドコース」とは

モダンフロントエンドフレームワークであるVue.jsと開発プラットフォームであるFirebaseを基礎から学べるコースです。
週2回のメンタリング、毎日15〜23時のチャットサポートで、1人では続かない方でも短期間でのスキル習得が可能。
モダンフレームワークの学習やスキルアップを目指す方におすすめです。

このコースにおすすめの方

  • フロントエンドエンジニアを目指す
    社会人・学生の方

  • モダンフレームワークを
    学習したい方

  • Webデザイナーに必要な技術を
    幅広く習得したい方

  • マークアップ言語から
    JavaScriptまで
    幅広く言語に触れたい方

モダンなフロントエンド技術を使い、
オリジナルのWebサービスを公開

リアルタイムに画面が更新される非同期チャットアプリケーションの開発を通して、実践的なスキルを身に着けます。

  • HTML/CSSでレスポンシブ
    飲食店サイトを作成

    HTMLタグの基礎、CSSの基礎を学習しオリジナルの飲食店サイトを作成します。

  • オリジナルのWebサービスの
    開発

    身につけたスキルを応用し、Vue.js、Firebaseを活用して、オリジナルのWebサービスを開発します。

  • 非同期チャット
    アプリケーションの開発

    バックエンドサービスの開発なしで、ログイン処理、DB保存を実装した非同期チャットアプリケーションを開発します。

  • おみくじアプリケーションの作成

    JavaScriptの基礎を学び、動的にHTMLが変化する簡単なアプリケーションを作成します。

簡単30秒!まずは無料体験!

フロントエンドコースの
カリキュラム内容

  • HTML/CSS

    Webページを作成するための言語であるHTML・CSSを学び、Webサイトのコーディングスキルを身につけます。

  • JavaScript/jQuery

    フロントエンドを勉強する上で必須となる言語を学び、IDやクラスを使い、DOMを操作するために必要な知識を学習します。

  • Vue.js

    モダンフロントエンドの要であるVue.jsを学習し、画面を動的に更新する方法を学習します。

  • BootStrap

    CSSフレームワークであるBootstrapを学び、レスポンシブデザインの考え方、グリッドレイアウトを学習します。

  • Firebase(Hosting)

    FirebaseのHosting機能を利用し、作成したアプリケーションをCLIコマンドで簡単にデプロイできるような手順を学習します。

  • Firebase(RealtimeDB/Authentication)

    Firebaseのバックエンドサービスの使い方を学習し、アプリケーションにDBとの連携、認証機能を組み込みます。

DMM WEBCAMPの
3つの学習サポート

1.マンツーマンのメンタリング

学習サポートとして1回25分、週に2回の定期メンタリングを実施いたします。疑問点の解消や学習方法のレクチャーはもちろん、1週間の振り返りなど、一人ひとりに合わせたサポートを行っています。

  • 学習方法のレクチャー
  • チャットでは聞きづらい
    疑問点の解消
  • モチベーションの
    維持・向上
  • 1週間の振り返り
    改善点の洗い出し
  • 生活スタイルを含む
    タイムマネジメント

2.毎日できるチャットサポート

学習中の疑問点がすぐに解決できるよう、現役エンジニアにいつでも質問できるチャットサポートをご用意しています(対応時間:毎日15~23時)。学習する上での疑問点を随時質問できる他、学習中に出される課題に対するレビューも無制限で受けることが可能です。

※画像はイメージです

3.学習の進捗を見える化

学習を習慣化させるために、専用のシステムを導入し、自身の学習進捗状況を常に見える化。短期的な目標の達成はもちろん、長期的な目標まで到達できるよう、それぞれの自律的な学びを支えます。

簡単30秒!まずは無料体験!

独自メソッド
「ITスキル習得の
3ステップ」を実践

DMM WEBCAMPでは、「自己調整学習理論」に基づき、ITスキル習得に必要なプロセスを3つのステップに分解。それぞれのプロセスに必要な学習環境を整えることで、自律的な学びに導きます。このサイクルを1週間ごとに繰り返すことで、最終的に長期的な目標の達成を目指します。

「ITスキル習得の3ステップ」と
学習サポートの流れ

実際に学習をする 遂行段階 学習の振り返りをする 自己内省段階 学習の目標設定をする 予見段階 約1週間
基礎的な知識や概念の習得 丁寧に解説された教材 知識・概念同士を組み合わせる 各チャプターごとの課題 知識を活かして課題解決を行う 最終課題・ポートフォリオ

簡単30秒!まずは無料体験!

DMM認定の現役エンジニア講師が
日々の学習を手厚くサポート

DMM WEBCAMPでは「メンター」と呼ばれる現役エンジニア講師が、一人ひとりの学びに合わせたマンツーマン体制で
速戦力までの道のりをサポートしていきます。さらに、講師の選考には通過率わずか10%という厳しい基準を設けており、
確かなスキルと講師としての素質を併せ持った質の高いメンターのみが在籍しています。

在籍メンター全員

現役エンジニア

厳しい選考を通過

通過率わずか10%

  • 01.スキルチェック
  • 02.面接 & 適正試験
  • 03.メンター研修

適正が合わなければ
メンター変更保証

※適用条件があります。

料金プラン

※どの学習期間でも学習カリキュラムの内容は同じです。

  • 4週間
  • 8週間
  • 12週間
  • 16週間
コース料金表
  • 4週間プラン 料金表

    早く学習終了しても安心!返金保証制度

    利用していない期間分を
    返金致します。

    注意事項

    ・4週単位での返金が可能です。
    ・4週間プランには、本制度の適用はございません。
    ・カリキュラムは永続的に閲覧可能です。

    延長料金

    各コース・
    プラン共通
    88,000円(税込)

    ・4週単位で延長が可能です。
    ・受講最終日の1週間前まで延長申請が可能です。
    ・支払い方法は、クレジットカードによる一括支払いのみとなります。

    参加条件
    ・必要なメンタリング回数をこなすことが出来る
    ・期間内に必要な学習時間を確保出来る
    ・MacかWindowsのPCを持っている
    ・Google Chrome を利用できる
    ・ウェブカメラ、マイクを利用できる
    ・PCの基本的な操作が問題なくできる
    ・メモリ4GB以上(8GB以上推奨)
    ・【Webデザインコースのみ】PCスペックが、Photoshopの最小技術仕様を満たしている(詳細な内容は[こちら]
    ・【動画クリエイターコースのみ】PCスペックが動画編集スペックに必要な最低スペックを満たしている(PCスペック:RAM 8GB以上, GPU VRAM 2 GB以上)
    注意事項
    ・支払い方法はクレジットカード払い(分割可能)のみとなります。
    ・クレジットカード払いは、Visa、Master、JCB(楽天、セゾンのみ)に対応しています。
    ・カード分割払いご利用回数(3/6/12)
    ・JCB(セゾン)は分割の支払いが利用できません。
    ・決済後、専用のフォームから領収書の発行が可能です。
    ・参加にはウェブカメラ、マイクが必要となります。
    ・12/28から1/3はメンターサポート休止期間です。受講期間がサポート休止期間にかかる場合、受講が最大7日間延長されます。
    ・【動画クリエイターコースのみ】コース内で一部、AfterEffectsが学べる箇所があります。スペックが満たない場合、スキップして進めることも可能です。充分に操作する場合は、以下のスペックが必要となります。(RAM 16GB以上(32GBを推奨), GPU VRAM 2GB以上)
    キャンセルポリシー
    ・サービス提供開始より8日以内に申請を行うことで受講のキャンセルを行うことができます。
    ※キャンセルについての詳細は、申込規約をご覧ください。
    • 受講生限定の転職サポート

      受講生限定の無料転職サポートです。一人ひとりのプロフィールや学習で身につけたスキルを元に、キャリアアドバイザーがそれぞれのニーズにあった転職の機会をご提供いたします。ぜひご利用ください。

    • 受講生限定の副業サポート

      無料でご利用になれる受講生限定の副業サポートです。現役エンジニア講師が、副業・フリーランス案件獲得後もマンツーマンでサポートいたします。今後、副業を始めたい方やフリーランスを目指したい方はぜひご活用ください。

    キャンペーン情報

    DMM WEBCAMPを受講した方限定! 次回割引クーポン 次回受講15%OFF

    DMM WEBCAMPを受講すると
    次回の受講料が15%OFF!

    更なるスキルアップを応援します!

    • 適用条件

      DMM WEBCAMPを受講された全ての方が対象です

      対象コース

      はじめてのプログラミングコース

      PHP/Laravelコース

      Webデザインコース

      動画クリエイターコース

      データサイエンスコース

      フロントエンドコース

      Webアプリケーションコース

      Javaコース

      UI/UXデザインコース

      Pythonコース

      AIコース

    • 割引額

      DMM WEBCAMPの次回受講申込の場合、受講料金が15%OFF

    • 適用期間・回数

      有効期限:
      クーポン発効日から約1年
      回数:
      期間内であれば何回でも利用可能
    • 注意事項

      クーポンの利用期限はクーポン送付の際に記載のご利用期限をご確認ください。

      クーポンは卒業時にお送りするメールにてご案内させていただきます。

      受講開始前解約の方、8日間返金保証制度を利用された方は制度適用対象外となりますので、予めご了承ください。

      本制度は事前の予告なしに中止・変更される場合がございます。

      他の制度や割引と併用はできません。

      「DMM WEBCAMPエンジニア転職」「Webマーケティングコース」は対象外です。

    何を学びたいか迷っている方 無料体験を申し込む
    詳しい内容を確認したい方 動画説明会を視聴する
    動画説明会動画説明会 詳しい内容を確認したい方 動画説明会にて無料で確認いただけます 無料で申し込む