コードメンター | 超実践型のオンライン家庭教師

オンライン講座
信用できない。

そんな方たちに選ばれる

WEB制作の手応えを感じていないのは、クライアントワークの流れを理解できていないからでは?
私たちは、作りながら学び、稼ぐことを前提とした、超実践型のオンライン家庭教師です。

  • 作りながら
    スキルアップ
    できる
  • WEB制作の
    家庭教師

ENTRY

まずは自宅から参加できる
オンライン無料説明会へ

相談会へ参加する

高額なオンライン講座、基礎的なコーディングだけで終了。
コードは書けるようになった。でも仕事の全体像がイマイチ理解できない。
現場の最前線で活躍するためには、なんとなくポートフォリオを作って終わりではいけない。

そこで私たちは実際の業務フローから、フロントエンドエンジニアの実務を学べる"超実践型のオンライン家庭教師”を立ち上げました。

WALK ON. WLAK ON.

CODE MENTOR

業務フローと実務を
徹底リハーサル

  • トレンドを抑えた
    デザインの実装

    現役で活躍するプロのデザイナーが制作したXDをもとに、実際の案件と同じ業務フローで制作します。
    業務の流れを把握しつつ、クライアント以上のフィードバックが得られます。

  • 280人の
    指導経験

    コードメンターは280人の指導実績を持つパーソナルメンターばかり。
    実務未経験者がつまずきやすいポイントを網羅しているため、悩みがその日のうちに解決します。

  • ハイレベルな
    ポートフォリオ制作

    パーソナルメンターのアドバイスにより制作した課題は、制作実績として使用できハイレベル。

ENTRY

まずは自宅から参加できる
オンライン無料説明会へ

相談会へ参加する

MESSAGE

Web系スクールとの違い

コードレビューを中心とした学習

コードメンターは、フロントエンドエンジニアとして、フリーランスを目指す方、転職したい方に向けた少人数制オンライン家庭教師です。
顧客・ユーザー視点をもった最前線で活躍中の現役フリーランサーがあなただけの専属講師となりレクチャーします。
正解を先に与える学習方法で得ることができない、たくさんのアプローチを知ることができるので、効率のいい積み上げ型のスキルが身につきます。

相談会へ参加する

POINT

コードメンターの特長

  • 定員10名までの
    少人数制

    一人ひとりに合ったカリキュラムを組むので、定員は10名までとさせていただいています。

  • 現役のクリエイターが
    講師

    第一線で活躍している講師と一緒に、あなたに合わせた学習ができます。

  • 専門チャットで
    いつでも質問可能

    受講期間中は、チャットでいつでも質問可能。質問回数に制限もありません。疑問や不安をその場で解消できます。

ゼロから構築していくための
実践力を磨くカリキュラム

必要なのは正しい技術と最新の知識です。
コードメンターでは、フロントエンドエンジニアとしての必須スキルやノウハウを現役フリーランサーとして最前線で活躍中の講師が丁寧にレクチャーします。

    • 当カリキュラムでは、まずは自分で考え、調べる時間も必要と考えています。なぜなら、それがあるのとないのとでは、納得感に明らかな違いが生まれるからです。実践を意識したカリキュラムで卒業に即プロになれる内容となっています。
    • 日々WEB業界の技術は進化し続けています。
      今は使われていない技法を覚えても、実際に使われなければ意味がありません。
      コードメンターでは、使えるオススメの頻出要件を惜しみなく共有し、実践で使えるレパートリーを増やしてもらいます。
    • フリーランスでも、実際の制作会社でも、複数人でプロジェクトを進めていくことがほとんどです。
      作業を効率化してくれるツールを理解することによって、時にスピードも求められる現場で即戦力として活躍することができます。
    • フロントエンドエンジニアとして活躍するためには、コーディングとデザインの他にも、フリーランスなら見積書の作成、サーバーの知識なども必要になってきます。
      コードメンターでは実際の納品、テストまでの流れを想定しているため、実際の案件でも通用する力を身につけることができます。

SKILL

習得できるスキル

HTML / CSS / Javascript / Git / Npm / WORDPRESS / ADOBE XD

相談会へ参加する

CODE MENTOR

TEACHER

代表講師

山田 和輝

愛知県出身、1988年生まれ。
ECサイトのディレクターからキャリアを始め、コードを書くことに目覚める。

0から独学でフロントエンドエンジニアとしてWebに関連したプログラミング言語を学ぶ。
現在は多数のweb制作会社をクライアントとして持ち、html/css/JavaScript/PHPの各プロジェクトに従事。

独学でつまずくポイントを理解しているため、駆け出しweb制作者にコーディングを指南しているうちに、講師としての案件が増え今に至る。
これまでの実務経験より培った経験と、丁寧なコミュニケーションを大切にし、プロとして独り立ちできるようにサポートします。

LESSON

習得できる内容

1 2 3 4 5 6 7 8 9 10 11 12 13

01

見積書作成

・デザインカンプから適切な見積書を作成

  • ー 見積書や契約書のテンプレートをプレゼント

02

実務レベルでのコーディング

・XDやFigma以外でのデータ形式でも臨機応変にコーディング対応

  • ー Photoshop
  • ー Illustrator
  • ー Skitch

03

スマホデザインがない場合の対応

・PCデザインのみで、スマホデザインをコーダー任せの案件もある。
・PCデザインをスマホデザインにする際のポイントなどを共有

04

サーバー周辺

・デザインカンプから適切な見積書を作成

  • ー 本番環境(サーバー)にアップロード
  • ー ドメイン取得からネームサーバー設定
  • ー CMS(wordpress)インストールとカスタマイズ

05

GIt活用した共同開発

・複数人でプロジェクトを進めていくこともある

  • ー メンターと一緒に課題を進めていくようなイメージで実際にGit活用

06

CSSアニメーション

  • ー 頻出のアニメーション共有
  • ー ホバー時の動きなどアイデア蓄積

07

Webフォント

  • ー Googleフォント導入方法
  • ー 日本語フォント(適宜サブセット化)
  • ー Googleフォント以外への対応(Adobe Font他)

08

JSの頻出要件

  • ー ハンバーガーメニュー
  • ー スライダー(Swiper、slick)
  • ー ローディング画面
  • ー ページ遷移
  • ー スクロールエフェクト
  • ー パララックス
  • ー メガメニュー、ドロップダウンメニュー
  • ー マウスストーカー
  • ー その他おすすめのライブラリ共有

09

お問い合わせフォーム構築

  • ー WordPressの場合(よく使うプラグイン)
  • ー 静的ページの場合

10

チャット機能

  • ー WordPressの場合(よく使うプラグイン)
  • ー 静的ページの場合

11

SNS連携

  • ー インスタ(API対応)
  • ー Facebook
  • ー Twitter

12

Google Map埋め込み

  • ー 基本の埋め込み
  • ー APIを取得して埋め込み(カスタマイズ)

13

納品前のチェック

  • ー ピクセルパーフェクト
  • ー フォームの動作チェック
  • ー OGP設定デバック
  • ー Googleアナリティクスの動作チェック

COURSE

料 金

  • ¥148,000+tax/2ヶ月

    • 学習

      メンタリングを中心にフィードバック

    • 質問数

      無制限

    • フィードバック

      制作したコードに対し、無制限コードレビュー

    • メンタリング

      月に2回、講師と日程を決めて個別にzoomにてメンタリングを行えます。
      技術に対して、納得できない箇所に対して聞くことができます。
      また、講師の画面共有によってライブコーディングを見ることができ、デバッグ方法などが学べます。

      時間内なら何を聞いても大丈夫です。不安なことや現状の問題点を解消できます。

    • 特典

      職務経歴書の添削、営業するクリプトの添削

    • 支払い方法

      銀行振込のみとなります

未経験からでも着実に学べ、
あなたの目標実現をする最適なカリキュラムを提供

相談会へ参加する

ENTRY

まずは自宅から参加できる
オンライン無料説明会へ