Webサービスを作る上で必須のフロントエンドの技術と現場レベルで活躍するのに必要な知識を最速で学ぶ総合コース

Webサービスを作る上で、フロントエンドの技術は避けて通ることはできません。ブラウザ上で動的に動作する画面制御、データの保持、ユーザーの状態に合わせて変化する操作など。このコースではそうした複雑な処理を実現するために必要なJavaScriptの技術に始まり、React, Next.jsなどのフレームワーク、TypeScriptの技術をアプリケーション開発をしながら学ぶことができます。

オンライン授業 全16回 / 無期限サポート / 2週間のトライアル期間あり

フロントエンドコースの特長

フロントエンドの基礎から応用まで、総合的に習得できる

React、TypeScript、Next.jsでのアプリケーション開発を学べる

Storybook、WebAPIといった現場の知識を学べる

こんなあなたにおすすめ

  • プログラム初心者、業界未経験だけど、エンジニアになりたい
  • 基礎から応用まで現場で通用する技術を一通り学びたい
  • 現役エンジニアのメンターが欲しい
  • 1人で学ぶのが苦手だから、学習をサポートして欲しい
  • とにかくエンジニアになって稼ぎたい

フロントエンドコースの講師

じゃけぇ

じゃけぇ(岡田拓巳)

(フロントエンド / 株式会社Reach Script代表取締役)

フロントエンドを軸にキャリアスケールしてきた経験を余すことなく凝縮してお伝えします。エンジニアリングに必要なのは技術力だけではないのでその辺りも是非お話しましょう!

自己紹介動画
自己紹介文

何もできない新卒からSIerで基幹システム等を経験した後、フリーランスとして独立。
「ユーザーの目に触れる部分の開発」に魅力を感じ、フロントエンド周りの技術を軸にプロダクト開発、カイゼンを支援。
2020年に株式会社Reach Scriptを設立、「とどく」プロダクト開発に取り組む。

その他の活動
・大阪で個人主催としては最大規模となる「ノーマウント勉強会」を主催し、関西の若手エンジニア/デザイナーコミュニティを盛り上げるための活動も行っている。
・UdemyでReactの動画コースを出しており、ベストセラー講師となっている。

性格

人あたりはめちゃくちゃ良いので安心してください!(主催の勉強会に毎月何十人も参加してくれてるのが証明してるはず…)
座右の銘は「万物すべてこれわが師なり」で、全ての物事から学ぶことがあると思っているので皆さんとの会話の中でも色々学ばせてもらいます!覚悟してください←
週5でサウナに行っておりSDD(Sauna Driven Development:サウナ駆動開発)の申し子なので興味ある人には伝授します!

コース受講で受けられる内容

1

現役エンジニアによる
オンライン授業(全16回)

週1回2時間のオンラインライブ授業で学習します。万が一欠席しても授業の録画を見て学習することができます!過去の動画も見れるので、復習も可能です。

2

半永久的な
オンラインサポート

受講中はもちろん、受講終了後も質問は回数、内容ともに無制限。さらに、個人面談・補講などで徹底的にサポートします。

3

情報共有がさかんな
コミュニティへの参加

オンラインコミュニティ上で講師や他の受講生たちと情報交換ができます。「もくもく会」などの作業会やイベントもたくさん開催され、やる気もアップ!

4

転職・就職・案件獲得
のサポート

ポートフォリオや履歴書の添削など、就職・転職・案件獲得の支援を行います。転職クエストとも提携し、受講生第一のサポートをしています。

5

随時追加される動画教材を
半永久的に見放題

授業では詳しく説明できない基礎の部分など、学習をサポートするための動画教材を半永久的に見ることができます!

6

オンライン飲み会や
オフ会での交流

自由参加のオンライン飲み会やオフ会を不定期で開催しており、講師や他の受講生と交流することができます。

まずは無料説明会へ

毎週金曜日20時から開催しているオンラインの無料説明会にぜひご参加ください!
RaiseTechについての説明はもちろん、現場のリアルな情報もお伝えします。

今すぐ受講を申し込む

コース料金

フロントエンドコース

授業回数
全16回 (週1回/1回あたり120分)
質疑応答
10:00 – 24:00 (月曜日 – 日曜日)
通常価格
398,000円 (税込)
早割10%OFF
358,200円 (税込)
学割
238,000円 (税込)

早割価格…開講月の2つ前の月のうちに本申し込み完了で適応(学割との併用不可)
例:4月に開講する講座であれば2月28日まで

  • 講座回数は補講の回数によって増加する場合があります。
  • 講座の時間は質疑応答の量によって、前後する場合があります。
  • オンライン質問対応は講師・メンターの都合により変動する場合があります。

開講日程

  • 募集終了

    08/04(水) 開始

    毎週水曜 20:00 – 22:00

  • 募集中

    10/07(木) 開始

    毎週木曜 20:00 – 22:00

  • 募集中早割

    12/01(水) 開始

    毎週水曜 20:00 – 22:00

  • 講座内容はオンライン上で閲覧可能なように全て録画されます。
  • 講座の開催時間は受講者の都合に合わせて、変動する場合があります。
  • 講座は講師の業務都合などで日程変更する場合があります。
  • 10名以上集まらない場合、次月に順延を行う場合があります。
  • 順延の場合、受講者は自動的に次月に振替られますが、キャンセルも受付ます。その際には全額返金を行います。

学習スタイルが合わない場合

2週間全額返金保証

本コースでは、安心して学習を始められるよう2週間のトライアル期間をご用意。
未経験から始める人の為の安心の制度です。まずは2週間、体験してみましょう!

返金規定を満たす必要がございます。

参加条件

  • MacかWindowsのPCをもっている (必須)

    スペック

    – メモリ8GB以上(Adobe製ツールを使用する場合16GB以上推奨)

    – Wondows 10 または Mac OS 10.14以上

  • ネット検索を利用できる (必須)
  • 期間内に必要な学習時間 (300時間程度) を確保できる
  • PCの基本的な操作が問題なくできる
    • Webからアプリをダウンロードしてインストールする
    • オンライン通話サービスを活用して通話する
    • テキストチャットができる

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

JavaScriptの基本

第1週フロントエンド領域への理解とWebの仕組みを知る。
第2週JavaScriptの歴史とモダンフロントエンドを扱うために知っておく基礎知識の習得。
第3週JavaScriptの基本文法、モダンな記法を知りコーディングに慣れる。
第4週JavaScriptを使ったアプリケーション実装。

Reactでのアプリケーション開発

第5週Reactの概要。環境構築について。
第6週package.json。基本文法。Reactを使ったアプリケーション開発。
第7週様々なライブラリの使用。ReactとCSS。ルーティング。
第8週デプロイについて。Reactのレンダリングへの理解を深める。非同期処理について。WebAPIに触れる。
第9週カスタムフック。コンポーネント分割(Atomic Design等)。グローバルなstate管理実装。

TypeScriptを使用した実践的なアプリケーション開発

第10週TypeScriptの基本。
第11週React × TypeScriptの実践。
第12週API仕様を見てReact × TypeScriptのアプリケーションを開発。

Next.jsでのアプリケーション開発

第13週Next.jsの基本。アプリケーションをNext.jsに書き換える。
第14週CSR/SSR/SSG/ISRについて。

さらなる周辺知識の習得

第15週Storybookの使用。
第16週Reactでのフロントエンドテスト。

4ヶ月のカリキュラム修了後も、質疑応答などのサポートは無期限で利用できて、授業の録画も最新版を常に閲覧できるよ!

習得/学習できる技術の一覧

開発知識

Webシステム開発で必要な基本知識

  • フロントエンドの領域理解
  • Webの構造
  • JavaScriptの歴史

モダンJavaScriptの周辺知識

  • 仮想DOM
  • パッケージマネージャー(npm/yarn)
  • ECMAScript
  • モジュールバンドラー(Webpack)
  • トランスパイラ(Babel)
  • SPA

React開発で必要な知識

  • CRA(Create React App)
  • Hooks
  • NPMに公開されているライブラリの使用
  • Routing
  • ReactにおけるCSS適用
  • CRUD APIの実行
  • レンダリングの最適化手法
  • グローバルStateの管理
  • Atomic Design

型安全なフロントエンド開発

  • TypeScript × React

フレームワークを用いたReact開発

  • Next.js
  • CSR(Client Side Rendering)
  • SSR(Server Side Rendering)
  • SSG(Static Site Generating)
  • ISR(Incremental Static Regeneration)

テスト

フロントエンド テスト

  • Jest
  • React Testing Library

その他

UIコンポーネントの見える化

  • Storybook

フロントエンドエンジニアのあれこれ

  • キャリア戦略
  • チーム内での立ち振る舞い
  • マインド

まずは無料説明会へ

毎週金曜日20時から開催しているオンラインの無料説明会にぜひご参加ください!
RaiseTechについての説明はもちろん、現場のリアルな情報もお伝えします。

今すぐ受講を申し込む