Programming: Front end Course フロントエンドコース Programming On-line On-demand Programming: Front end Course フロントエンドコース Programming

コースの特徴

未経験から
フロントエンドの基礎を学ぶ

プログラミング経験0から、実践で利用できるレベルまで
各言語の基礎から、現場で必要な最新テクニックまで実践的に学習します。

Point1

未経験からのデビューにオススメな講座内容

Webサイト制作の基礎知識であるHTML/CSSから学びJavaScriptの開発からWebサイト制作の一連の流れを学びます。

Point2

働きながらスキルアップしたい方

オンデマンド授業を基本に週1回、講師とオンラインで直接質問できる制度を開設。働きながら学びたい方にもおすすめの講座になります。

Point3

フロントエンドエンジニアに
必要なスキルを学ぶ

フロントエンドエンジニアでは様々なプログラミング言語を使用します。基本的なHTML/CSSからプロも使うReact/Vue.jsまで基礎から応用まで学びます。

学びやすい環境で、
確実に実力がつくよう支援します

不明点は講師に
直接メール・チャット
で質問OK

現役クリエイター講師
による担任制

オンデマンド授業を
繰り返し受講して
定着率アップ

学習の流れ(例)

Learning Flow

自身の生活に合わせて受講可能!

コース紹介

Course

フロントエンドの基礎から応用まで学びたい方

短期間でフロントエンドの知識を身につけたい方

カリキュラム

Curriculum

※コース及び各講座の内容の一部はトレンドやツールのバージョンアップなどの事情により変更される場合が御座います。
予めご了承ください。

HTML、CSS

HTML:Webページの構造を定義する。CSS:Webページの見た目を定義する。

HTML:Webページの構造を定義する。CSS:Webページの見た目を定義する。

ベーシック

オンデマンド

オンラインサポート

基礎1

HTMLとは?/HTML関連用語について/HTMLの構造について/テキストを表示する/画像を表示する/動画、音声の再生

基礎2

CSSとは?/CSSの関連用語について/CSSの書式について/HTMLにCSSを適用する/回転・移動、拡大縮小について/トランジションについて/アニメーションについて

基礎3

テーマを決めて、サイトを制作してみる
・1カラムページを作ってみる
・2カラムページを作ってみる

基礎4

Webサイトを作ってみる/これまでに学習したことを利用して、決められた要件に沿ったサイトを1から作ってみる

JavaScript

Webページに動きをつけたり、ページの内容を書き換えたりする。

Webページに動きをつけたり、ページの内容を書き換えたりする

ベーシック

オンデマンド

オンラインサポート

基礎1

JavaScriptとは?/開発の基礎/変数とデータ型について/演算子について/制御構文について

基礎2

関数について/クラスとオブジェクトについて

基礎3

Ajaxについて/非同期処理について

基礎4

基礎1〜3の復習も兼ねて、サンプルのWebページにJavaScriptで動きをつけてみる

JQuery

通常のJavaScriptより記述がシンプルになり、どのブラウザでも同じコードで動作する。

通常のJavaScriptより記述がシンプルになり、どのブラウザでも同じコードで動作する。

ベーシック

オンデマンド

オンラインサポート

基礎1

jQueryとは?/環境構築/デバッグ方法/変数、配列、オブジェクトについて/thisについて/関数について/演算子について/制御文について

基礎2

jQueryの基本テクニック/CSSを変更してみる/アニメーション/イベント処理について

基礎3

Ajaxでサーバと通信する/jQuery UIを使ってみよう

基礎4

基礎1〜3の復習も兼ねて、サンプルのWebページにjQueryで動きをつけてみる

React

UIに特化。コーディングコストが少なく、開発規模が大きくなっても管理しやすい。

UIに特化。コーディングコストが少なく、開発規模が大きくなっても管理しやすい。

スタンダード

オンデマンド

オンラインサポート

基礎1

Reactとは?/JSX記法について/コンポーネントの使い方について/イベント処理について/propsについて/stateについて

基礎2

フォームについて/アニメーションについて/React Hooksについて

基礎3

タスク管理アプリを作ってみる

基礎4

基礎3で作ったタスク管理アプリに機能を追加してみる

Vue.js

シンプルな設計で拡張性が高く、SPA開発に使われることが多い。

シンプルな設計で拡張性が高く、SPA開発に使われることが多い。

スタンダード

オンデマンド

オンラインサポート

基礎1

Vue.jsとは?/環境構築/基本的な使い方を学ぶ/Vueインスタンス作成について/テンプレート作成について/データバインディングについて

基礎2

条件分岐について/繰り返し処理について/イベント処理について/双方向データバインディングについて/コンポーネントについて

基礎3

タスク管理アプリを作ってみる

基礎4

基礎3で作ったタスク管理アプリに機能を追加してみる

TypeScript

コードがシンプルで、プログラムの処理速度が速い。リリースする前にエラーやバグを未然に防止することが可能。

コードがシンプルで、プログラムの処理速度が速い。リリースする前にエラーやバグを未然に防止することが可能。

スタンダード

オンデマンド

オンラインサポート

基礎1

TypeScriptとは?/環境構築/文法や型について/オブジェクトについて

基礎2

関数について/クラスについて/非同期処理について

基礎3

タスク管理アプリを作ってみる

基礎4

基礎3で作ったタスク管理アプリに機能を追加してみる

よくある質問

Q&A

Q

未経験からの参加でも
大丈夫でしょうか?

A

もちろん大丈夫です。

未経験や初心者の方も基礎からしっかり段階的に学んでいただけますので安心してご参加いただけます。

Q

どんな方が受講されますか?

A

様々な方が受講されています。

これからエンジニアを目指す社会人や学生(業界に就職希望)、 すでにエンジニアとしてスタートされている方もいらっしゃいます。

Q

授業の進め方を教えてください。

A

授業はオンデマンド学習となります。

また、オンデマンド学習の他に、Slack (※)を使ったオンラインでのサポート体制が整っているため、いつでも気軽にご質問いただけます。
(※)Slackとは、オンライン上でコミュニケーションが取れるチャットツールのことです。最近の IT 業界では社内の連絡手段としてもよく使われていますので、慣れておくと今後のお仕事にも役立ちます。

Q

講師はどのような方ですか?

A

nestsの講師陣は全員現役エンジニアです。

各業界の一線で活躍するエンジニアばかりですのでスキルアップはもちろんのこと、最新の動向やトレンドなど何処よりも早くキャッチできます。

その他のよくあるご質問は こちら

お問い合わせ

入学をご希望の方は、こちらからお気軽に
お問い合わせください。

入学をご希望の方は、こちらからお気軽に
お問い合わせください。

オンライン相談会/教室見学・相談会 各コースの詳細はもちろん、特待生制度のことや、業界についての 質問等、個別で対応させて頂きます。入学をご検討中の方は是非お申し込みください。

資料請求/お問い合わせ お問い合わせいただいた方には、nestsについての資料をお送りい たします。ご不明点やお困りのことがございましたら、お気軽にお問い合わせください。

お申し込み

銀行振込(Paypal)でのお申込み・2~12回分割でのお支払いが可能です。
(※受講期間内でのお支払い)

関連コース

さらなる実践スキルを
身につけたい方はこちら

Web Design Advance Course(UIUX) 制作現場が求める実践スキルを集約。クライアントのニーズに応える 実力を身につけながら就転職・独立に役立つ業界のネットワークを形成できます。

写真や画像の加工について
学びたい方はこちら

デジタル写真 / 画像加工基礎 写真の持つ力を理解し、カメラの設定、撮影方法といった素材撮りの撮影技術や、画像加工の基本を講師から直接学び、デザイン素材としての写真の使い方、活かし方を身につけます。

nestsは、制作会社の支援が強みの業界直結のアカデミーです。
就転職サポートはもちろん、起業、独立やプロジェクト参加など、制作会社などからのニーズと受講生をマッチング。
在学中から様々なサポートが受けられます。