カリキュラム

CodeVillageでは、基礎から応用・実践まで一気通貫で学べる環境を用意しております。
さらに実践学習（チーム開発）では現役エンジニアから具体的なレビューをもらいながら、
開発に取り組むことができます。

\ 参加者限定特典あり /

カリキュラムの強み 
4選

01 / JavaScriptメインのカリキュラムで効率よく学べる！

アプリケーション開発スキルを習得する上で必要になってくる「フロントエンド・バックエンド・DB」の3つの要素を
CodeVillageでは全てJavaScriptというプログラミング言語を用いて学習していただきます。一気通貫で学習しやすく、大幅に学習効率をあげることができます。 
また、世界で最も使われるJSのフレームワーク※1であるReact.jsやNext.jsが深く学べて市場価値を高めやすいです。

※1. (2024/5/14 時点参照https://2022.stateofjs.com/ja-JP/libraries/front-end-frameworks/)

フロントエンドもバックエンドもJavaScriptを使用して学習できるという説明図

02 / 超実践的な仮想インターン！後半の2ヶ月は実際の開発に参画！

個人で完結する開発はエンジニア人生において多くありません。就職してもフリーランスになってもチームで開発することになるので、卒業後を意識してもらうためチーム開発を実施しています。 開発を楽しめると同時に、 実務を想定してやり取りを行うので、実務に活きる力が養われます。
 このカリキュラムでの経験が、就職活動時にあなたのアピールポイントになります。

Phase4で実際に取り組む開発issueの例

初心者〜上級者向けの⁨⁩⁨⁩ 多様なレベル感の課題をご用意しております。

issue例-1
プロフィールの開発環境ページのレイアウト修正

依頼内容:
空欄がある場合に違和感のあるレイアウトになっているため自然なレイアウトに変更したいです。
現在はatndを使っているが出来るだけ使用しない方向で実装お願いします。もし余裕があればコンポーネントを作成していただいていると思うのでそちらをstorybookに入れていただけるとみやすくていいかと思います。

issue例-2
プロフィール確認の管理タブのスタイル修正

依頼内容:
「評価者」のテキストが折り返されない様にしていただきたいです。
評価日・名前を横スクロールできる様にしてください。

チーム開発に携わるとここが強い！

現場で活きる

チーム力が磨かれる！

答えがないので

調査能力・問題解決能力が養われる！

実績がつくので

面接でアピールできる！

03 / 講師から1対1で指導を受けられる！

学習を進める中で、不安な点を集中的に解説してもらうことや、自分の書いたコードへのフィードバックがもらえます。
1対1なのであなたの理解度に合わせて、納得のいくまで無制限に質問できます。
テキスト質問は24時間いつでもでき、ビデオ質問は開催時間内であればすぐに質問、最短5分で解決できます。
また、ビデオ質問では、教材のテキスト上や動画だけでは理解しづらい部分を講師がコードやイメージ図を使いながら、説明してくれます。
質問を活用して挫折率を下げ、効率的に成長しましょう！

エラーが出て解決できない...
難しいから解説が欲しい

そんな時でも大丈夫!! 
納得いくまでビデオ・テキストでのサポートが利用可能です！
 詳細ページをチェック！

スタディルーム詳細へ

例えば、スタディルームで講師に
こんな相談もできます！

今後のキャリアについて相談したい

自分が書いたコードにフィードバックしてほしい

Reactの概念についてイメージがつかないので解説してほしい

ポートフォリオについて相談したい

04/ アウトプット式の学習法だからより身につく！

エンジニアは基本的に修正も含め「作ること」が仕事！実際に自分の力で作ることで成長を促進させます。
アプリケーション作りを楽しみながら技術の習得ができる当スクールオリジナルのカリキュラムを多数ご用意しております。

こんなものが作れます！
 制作物一例

ヘアサロン風HP

HTML/CSS/Sassを使用し、デザイン通りのサイトを作成します。

神経衰弱

HTML/CSS/JavaScriptを使用し、神経衰弱ゲームのフロー考案から実装までを行います。

リアルタイムチャット

HTML/CSS/React/Firebaseを使用し、より高度なアプリ開発をします。

ブログ

HTML/CSS/Nextを使用し、簡易的なブログを作成します。

卒業までの流れ

180日プランの場合
※その他のプランの方もメンタリングにて一緒に計画を立てますので、ご安心ください。

基礎（Phase1,2）

1ヶ月〜 3ヶ月

Phase1ではフロントエンドの基礎、Phase2ではフレームワークや周辺知識まで簡単なサイトやアプリを作り、手を動かしながら学習します。
インプット学習→アウトプット学習を繰り返していただくことで、着実にプログラミングへの理解を深めていきます。

フロントエンド・バックエンド・インフラ

環境構築 (Git/GitHub)

HTML/CSS基礎

JavaScript用いた簡易アプリ開発 (初級・中級・上級)

コマンドライン演習

インターネットの仕組み

データ構造とアルゴリズム

クロスブラウザ概論

Vagrant / Docker入門

React.js基礎

Next.js基礎

SPAアプリ演習

WordPressセットアップ演習

応用・演習（Phase3）

4ヶ月

フロントエンドからバックエンド/DBまでを網羅的にカバーしたデモアプリケーションの開発演習に取り組んでいただきます。

webアプリ全般

SvelteKitで作るスプレッドシートアプリケーション【Svelte.js+TypeScript】

Next.jsで作るスプレッドシートアプリケーション【Next.js+TypeScript】

ココが

＼CodeVillageの強みです!!／

実践（Phase4）

5ヶ月〜

弊社の開発チームに参画し模擬実務経験を積みます。
基礎的な修正案件から応用的な実装案件まで複数開発issueがあり、
現役エンジニアに指導してもらいながら取り組んでいただきます。

仮想インターン

開発環境構築・開発実践

理解度テスト

卒業

ポートフォリオ作成＆就活(1~4ヶ月)

時間帯は問いませんが、週に最低20時間以上の学習を推奨しております。
(モデル：平日2h・土日5h ※180日プランの場合) 
StudyRoomが稼働している平日午後・土日午後以降の時間帯での学習を推奨しております。

受講開始までの流れ

カウンセリング後、
最短で当日から学習をスタートできます!!

STEP 1

申し込み

カウンセリングを
申し込む

STEP 2

契約

カウンセリング後

STEP 3

会員登録

各ツールを登録

STEP 4

メンタリング

※別途ご連絡します

受講開始

まずはお気軽に無料カウンセリングへご参加ください

「興味はあるけど、自分にできるか不安...」

「どんなキャリアを描けばいいのか分からない...」

そんなあなたのために!!

何でも相談できる無料カウンセリングを実施しています。

無料カウンセリングを申し込む〉

学べる技術

HTML

CSS

Sass

JavaScript

TypeScript

React.js

Next.js

Svelte.js

Firebase

Vagrant

Docker

WordPress

Linux

Git/Github

node.js

express

その他周辺技術など

なぜこれらの技術なのでしょうか？

HTML/CSS
→Webサイトを記述できるほぼ唯一の技術だからです。
JavaScript
→ブラウザ上で動作するほぼ唯一の言語だからです。
初心者向けであり、フロントエンドで必須級の技術です。
また、フロントからバックエンドまで記述できるので、汎用性が高いです。
React.js/Next.js
→Reactは世界的に1番人気のJSフレームワークで市場価値を高めやすいからです。高機能のアプリケーションを効率よく作ることができます。