SUNABACO
フロントエンドコース
お申込み準備中
What
フロントエンドコースとは
フロントエンドコースは
HTML,CSS,JavaScriptの
基礎学習を終えた人向けのコースです
ステップアップ・案件獲得を
目的としています
WEBデザイン × フロントエンド
WEBデザイン、コーディングを
1人で行える技術を身につけ
自ら価値を提供できる人材を目指します
Recommend
こんな人におすすめ

WEBデザイン、コーディング
開発を1人で行えるようになりたい方

WEBデザイナーとして
案件獲得を目指したい方

JavaScriptを用いた
フロントエンド開発を学びたい方
Feature
コースの特徴

センスは知識から始まる
毎週、参考にしたいWEBページを選びそのデザインについて研究を行います。研究したデザインについて受講生同士でアウトプットします。インプットとアウトプットを習慣化しセンスを磨き続ける力を手に入れます。

WEBページを実際に公開
講義で制作するWEBページはサーバーにアップロードします。ワイヤーフレーム・モックアップの設計、コーディングして公開まで、WEB制作の案件に必要なスキルを一通り学びます。

2ヶ月半で効率よくスキルアップ
フロントエンドコースは週3日(月水金)の講義を10週間、計30日行います。これまでSUNABACOで開催してきたスクールやワークショップで得た知見から短期間で効率よくスキルアップできるカリキュラムです。
Best support
最高のサポート


動画教材じゃない
完全ライブ配信講義
SUNABACOでは現地の講義をYouTubeライブで配信するので、お好きな場所からリアルタイム受講、質問やサポートを受けることができます。

配信元のSUNABACOで
現地受講可能
講座の配信を担当する拠点がお近くにある方はSUNABACO現地で受講することもできます。
※詳しくは受講場所をご確認ください。



いつでも復習できる
アーカイブ動画
毎日の講義はYouTubeに収録され、受講生限定で復習動画として公開されます。講座期間中は何度も見直すことができます。

気軽に質問ができる
安心のコミュニティ
オンライン受講の方はZoomでサポートを受けることやチャットアプリでいつでも質問ができます。また、専用のSlackグループで同期の受講生と繋がることができます。

Skills
身につくスキル



WEBデザイン
配色・レイアウト・タイポグラフィ、WEBページを制作する上で欠かせないWEBデザインの知識を身につけます



Adobeツール
WEBデザインの現場で必ずと言って良いほど使用されるAdobeソフトウェアの使い方を学びます。



コーディングスキル
デザイン原則、ツールの使い方を学んだら実際に静的ページを作成します。実務で役立つコーディングスキルを磨きます。


魅力的なページ表現
WEBページにJavaScriptで動きをつける方法を学びます。さらに、仕上げたページを公開します。


フロントエンド開発
近年人気急上昇中のフレームワークVue.jsとFirebaseを使用して高性能なWEBページを開発します。
Curriculm
カリキュラム
WEBデザイン概論
配色
レイアウト
タイポグラフィ・WEBフォント
デザインとは何か、アートとの違い、なぜWEBデザインが必要なのかを学びます。WEBデザインをする上で押さえておくべき配色の知識、レイアウト、WEBフォントの扱い方を学びます。
Illustrator
Photoshhop
Adobe Xd
WEBデザインの現場で実際に使用するAdobeソフトウェアの使い方を学びます。Illustratorでロゴ・名刺制作、PhotoshopでWEBデザインにおける画像処理、Adobe Xdでワイヤーフレーム ・モックアップ制作を学びます。
HTML
CSS
Sass
HTMLタグの正しい使い分け、Sass記法を用いたスタイリング、保守性を高めるCSS設計やフレームワークを学びます。静的ページを作りながらコーディングスキルを磨きます。
JavaScript
jQuery
FTPソフトでサーバにアップロード
ページを公開
WEBページをさらに魅力的に見せるため、JavaScript,jQueryで動きをつける方法を学びます。完成したWEBページはFTPソフトでアップロードし公開します。ここまでの講義でWEBデザイン・コーディング・ページの公開を1人で行えるようになります。
Vue.js基礎
Vue CLIでSPA制作
Firebase
フロントエンドコースは単にWEBデザインを学ぶだけでは終わりません。JavaScriptフレームワークを用いて従来のWEBページでは表現できなかった高性能なWEBページ制作を学びます。近年人気急上昇中のVue.jsとFirebaseを使用してSPA開発を行います。
卒業制作
これまで学んだ知識、習得した技術を用いてオリジナルのポートフォリオ制作を行います。コースを終えた後、お仕事や案件獲得に繋げやすくするために、これまでの集大成を作品としてアウトプットします。