Webディベロッパーコースフロントエンドとバックエンドの両スキルを習得

Webディベロッパーコース

Webサービスやアプリケーション開発において、直接ユーザーの目に触れるフロントエンド部分から、ユーザーの入力したデータなどを処理するためのバックエンド部分のスキルまで網羅したコースです。わかりやすいインターフェースをデザインする力が身につくのはもちろん、Webに特化した人気の開発言語であるPHPを押さえているので、コーダーやWebデザイナーといった職種だけではなく、技術面に強く市場価値の高いWebディベロッパーを目指すことができます。

対象者

  • Web制作の実務を担当する方
  • フロントエンドだけではなくサーバーサイドのプログラムも含めて学習したい方
  • 自社のWebサイトの更新や制作を担当する方

このコースの目的

  • Webサイトの更新を担当する社員にWeb標準のコーディングスキルを学ばせたい
  • サーバーサイドの知識も把握したうえで自社サイトの更新ができるようになりたい
  • デザインからプログラムまでWebサイトのしくみを把握して外注できるようにしたい

Webディベロッパーコースで学べること

Photoshopを使ったWebデザインに加え、Web標準に沿った正しいHTML/CSSを学習します。さらに、Webサイトの設計やコーディングの演習を通じて、Webデザイナーとしての業務を行う上で必須となる技術も身につけることができます。

コーディング演習では、正しい文書構造でコードを記述するセマンティックコーディングをベースに、実際のページをコーディングしながら技術を身につけます。また、モバイルファーストを考慮し、ページを軽量化するための様々なテクニックも習得するため、SEOにも強いWebページを構築することができます。また、JavaScriptの基本文法の学習や、jQueryを利用して様々なプラグインを導入するスキルも身につけるため、操作性の高いWebページの構築ができるようになります。

サーバーサイドの言語はPHPを学習。PHP言語の特徴や基本構文を学んだうえで、フォームや掲示板などの機能を作りながら、プログラムのロジックを理解していきます。データベースとの連携やクッキーやセッションの管理方法について学習し、ログイン機能を有した顧客管理システムや在庫管理アプリケーションの開発方法を学びます。

到達目標

  • セマンティックコーディングによる高品質なコードでWebサイトが構築できるようになる
  • PHPによるWebアプリケーションの開発が行えるようになる
  • モバイルファーストを考慮したWebサイトの構築や更新ができるようになる

目次・料金

目次

題名 時間 内容
HTML 8時間
  • Webの概要
  • HTMLの基本的なタグ
  • テーブル(表)
  • ハイパーリンク
  • 画像とWebにおける色指定
  • 動画・音声
  • フォームの基本
  • フォームの応用
  • セマンティック・コーディング
  • Web制作フロー
  • 画像の書き出し
  • HTMLのコードチェック
CSS 4時間
  • CSSとは
  • CSSのルール
  • セレクター
  • フォント、テキストのスタイリング
  • 疑似クラス
  • CSSレイアウト
  • デザインのプロパティ
  • その他スタイル指定
Webサイト制作演習 6時間
  • オーサリングツールとは
  • HTMLコーディング
  • CSSコーディング
  • 開発者ツール
  • 演習
  • サーバーへのアップロード
  • メディアクエリ
  • Webフォント
  • 疑似要素
  • アニメーション
JavaScript基礎 6時間
  • JavaScriptの概要と書式
  • JavaScriptの命令
  • 変数・演算子
  • 条件・ループ
  • 関数とイベント
  • DOMの仕様と要素ノードの操作
  • 属性ノードとテキストノード
  • jQueryの基本
  • jQueryにおけるイベント処理
  • jQueryの実践
  • jQueryプラグインの利用
Webサイト制作実践 16時間
  • 企画・デザインカンプの作成
  • モバイルサイトの企画・設計
  • ワイヤーフレーム
  • Webサイトの高速化
  • モバイルサイト構築の方法
  • レスポンシブWebデザイン
  • レスポンシブWebデザインのコーディング演習
  • 画像アセット
  • コーディング実践
  • ソースコードの検証とモバイル最新技術
JavaScript応用 16時間
  • 開発環境の設定と最新の記法
  • デバッグ
  • ビルトインオブジェクトとブラウザオブジェクト
  • 【開発演習】 宿泊サイト料金計算アプリ
  • 制御構文を使った複雑な処理
  • 例外処理
  • 【開発演習】 フォームの入力内容を確かめる
  • イベント・JavaScriptのクラスとオブジェクト
  • 【開発演習】 簡易的なRPGの戦闘処理
  • jQueryによるアニメーション作成
  • パララックスの作成
  • ローディングアニメーションの作成
  • Ajaxの基本
  • JSONとJSONP
  • AjaxとPromise
  • 【開発演習】 OpenWetherAPIを用いた固定の気象情報の取得
  • jQueryを用いたAjax
  • 住所自動入力フォームの読解
  • 【開発演習】 ユーザーの入力に応じて気象情報を取得するアプリ
  • Canvas
  • Webアプリを作る
PHP 16時間
  • PHPの概要
  • XAMPP
  • PHPの基本文法
  • ビルトイン関数とユーザー定義関数
  • 環境変数
  • フォーム処理
  • 掲示板の基礎
  • オブジェクト指向とデータベース基礎
  • クッキーとセッション
  • Webシステムの仕様設計
  • 在庫管理アプリケーションの作成
  • デバッキング
  • セキュリティ対策
  • 様々なライブラリ
UI 8時間
  • 良いデザインとは
  • UIとUX
  • 色彩
  • タイポグラフィ
  • ゴール設定とユーザー
  • 情報設計
  • アクセシビリティ
  • ユーザビリティ
  • マルチデバイス対応
  • レイアウトパターン
  • 効果検証、分析
  • 代表的なUIパーツ
  • スマホサイトに特化したUIパーツ
Photoshop 16時間
  • Photoshopとは
  • 作業画面
  • 色の選択
  • 選択範囲
  • 画像の加工・補正
  • レイヤー
  • チャンネル
  • シェイプレイヤー
  • Webページ作成
  • 画像の加工
  • パーツデザインのポイント
  • テクスチャ作成
  • 文字の加工
  • 複数のデザインパターン作成
  • アイコンの作成
  • 保存形式
  • 書き出し
Illustrator 8時間
  • Illustratorとは
  • 作業画面
  • オブジェクトの作成
  • 保存・書き出し
  • パス
  • テキストの入力・編集
  • オブジェクトの変形
  • ブレンドオブジェクト
  • メッシュオブジェクト
  • レイヤー機能

料金

学習時間

104時間

受講料

¥892,100

目的に合わせてコースのカスタマイズができます

インターネット・アカデミーのコースは、自由自在にカスタマイズができます。このコースに加えて別の講座を組み合わせたり、一部の講座を削って費用を抑えることもできます。カスタマイズについてはお問い合わせフォームより弊社コンサルタントにご相談ください。

助成金を利用できます

個人向けサービスのコースを受講される場合も、要件を満たせば「人材開発支援助成金」などの助成金を利用し、コストを抑えてスキルアップを図ることができます。助成金の利用についてはお問い合わせフォームより弊社コンサルタントにご相談ください。

個人向けサービスの活用事例

インターネット・アカデミーの個人向けサービスを利用された企業様の事例の一部を紹介します。また、個人通学のサービスと御社オリジナルの研修を組み合わせたハイブリッドの研修も可能ですので、お気軽にご相談ください。

個人向けサービス・ハイブリッド研修について相談する

全研本社株式会社

人事部 人事広報課 リーダー
橋本歩惟 様
研修前の課題
  • 内定者研修を自社内で行うとなると、日程、人数など制約が多く、出来ることに限界があった
実施したIT研修
  • インターネット・アカデミーでの受講希望者に対し、受講料を半額負担する福利厚生制度を内定者向けに用意した
研修事例の詳細をみる

東日印刷株式会社

営業取締役 営業担当 営業局長 小松原慶和 様
取締役 経営企画・経理担当 総合企画室長 濱田俊雄 様
総合企画室 次長 岩本好司 様
研修前の課題
  • 内Webを新たな事業にするために、ビジネスで使えるWebスキルを新規事業チームのメンバーに習得してもらう必要があった
実施したIT研修
  • インターネット・アカデミーでの受講希望者に対し、受講料を半額負担する福利厚生制度を内定者向けに用意した
研修事例の詳細をみる

法人用 個別通学サービスのポイント

演習重視の授業だから実践力が身につく

演習重視の授業
講師の画面を共有しながら学習するため、プロの技術を学び取ることができます。

インターネット・アカデミーでは、プログラミングやデザインの演習、ディスカッションなどアウトプットを重視した授業を行うため、実務で活かせるスキルが身につきます。オンラインでもコミュニケーションをはかれるインタラクティブな形式で演習を実施します。グループワークにも対応しているため、実地での研修と同様の教育効果が得られます。

eラーニングでいつでも学習できる

eラーニング

インターネット・アカデミーの研修講師が、そのノウハウを注ぎ込んで開発したeラーニングで学習します。いつでも好きなタイミングで受講できるため、業務の合間や夜間・休日などに学習を進められます。何度も繰り返し受講したり、チャットサポートを利用した質問もできるため安心して受講できます。

IT研修・DX人材育成についてのご相談

法人サービスの電話お問合せ窓口
03-3341-3781
受付時間(平日・土日) 10時-21時

IT人材育成に精通したコンサルタントに無料でさまざまな相談をしていただけます。お気軽にご相談ください。

たとえばこんな相談ができます
  • 人材育成計画を立てるために人材育成の事例などをとりあえず聞きたい
  • 助成金の使い方や、支給額のシミュレーションを知りたい
  • 自社の業務や受講者のレベルにあったカリキュラムを提案してほしい
会社名必須
部署名必須
お名前必須
電話番号必須
メールアドレス必須
受講人数
開始時期
対象者
       
ご相談内容
個人情報の取扱いについて

個人情報の利用目的についてご同意いただいた場合のみ、「同意して進む」を押してください。

このページの上へ