Webデザインおよび開発の高度なマスター(フルスタック開発)

一般

2 箇所のロケーションから選択可能
教育機関のウェブサイトでこの講座についての詳細を読む

講座の説明

136329_pexels-photo-1779487.jpeg

540時間

このプログラムの内容は目安であり、内容の更新または変更の理由により異なる場合があります。

目標

グラフィックデザインツール(Adobe Tools)を習得し、同時に独自のデザインをWebページに変換できると思いますか?幸いなことに、残念なことに、このプロファイルは、セクターの企業や代理店でますます需要が高まっています。多くの企業は多目的または多目的のプロファイルを必要とするため、優れたグラフィックデザイナーまたはWeb開発者であるだけで十分ではない場合があります。この修士号では、グラフィックデザインの最も重要なツール(Adobe Illustrator、Photoshop、Indesign)を習得する方法を学びます。さらに、学生はフルスタックのWeb開発者、両方の知識を備えた非常に完全な技術プロファイルを持つプログラマーになります。バックエンドをフロントエンドと呼び、ますます需要が高まり、企業でより高く評価されます。

このため、このマスターは3つのモジュールで構成されています:Adobe Tools、HTML5を使用したWebデザイン、CSS3、JavaScriptとjQuery、および以前のツールとPHP7とSQLを使用したフルスタック開発。

最初のモジュールでは、学生はグラフィックデザインの最も重要なツールの扱い方を学びます。ベクターデザイン(Adobe Illustrator)から始め、デジタル画像処理(Adobe Photoshop)と編集デザイン(Adobe Indesign)を続けます。このモジュールを完了すると、受講者は想像するあらゆるグラフィックインターフェイスデザインを作成できるようになります。

2番目のモジュールでは、学生はWeb構造(HTML5)、レイアウト、ビジュアルWebデザイン(CSS3)に関連するすべてを学び、JavascriptとjQueryを使用したWebプログラミングについて詳しく学びます。

3番目のモジュールでは、学生は完全なWeb開発者、またはフルスタック開発者になります。これは何を意味するのでしょうか?学生がクライアント側(フロントエンド開発)とサーバー側(バックエンド開発)の両方でアプリケーションまたはWebページをプログラミングできること。フルスタック開発者としての地位は、企業からますます要求されているため、私たちの労働セクターにおいて経済的に最も価値のあるものの1つです。

情報

  • アドビイラストレーター
  • アドビフォトショップ
  • Adobe InDesign
  • Webに特化したプレーンテキストエディター:Dreamweaver / Sublime / Notepad ++ / Komodo Edit / Brackets
  • HTML5 / CSS3
  • モバイルファーストインデックス。ブートストラップ
  • SEOウェブポジショニング。アクセシビリティと使いやすさ
  • JavaScript
  • jQuery
  • 複雑な変数とフロー制御構造
  • JavaScriptの関数
  • DOM
  • 高度なJavaScript
  • JavaScriptでのAJAX
  • 高度なjQuery
  • PHP7の最初のステップ
  • PHP7のデータ型
  • PHP7の制御構造
  • PHP7の関数
  • セッションを管理する

期間

合計540時間

  • 対面またはオンライン
  • クラスの420時間
  • 月曜日から木曜日(+金曜日)
  • 120時間の最終プロジェクト

スケジュール

  • 09.00-12.00時間
  • 12.00-15.00時間

午後

  • 16.00-19.00時間
  • 19.00-22.00時間

価格

€4,450

www.cei.esで現在のオファーとプロモーションを確認してください

公式

  • 私たちの学校は、スペインにある5つのアドビ認定トレーニングセンターの1つです 。この事実は、CEIがアドビが要求するすべての要件を満たしていることを示しており、同様に、すべての生徒の品質を保証します。
  • CEIはApple認定トレーニングセンターです。したがって、学生はApple Professional認定を取得し、設計および情報技術、ビジネス環境、B2B市場でのキャリアを伸ばすことができます。
  • IBMは私たちを信頼しており、このため、彼らは私たちにIBM Education Partnerバッジを授与しています。このシールは、質の高いトレーニングを維持および促進する学校に報酬を与えます。
  • 私たちの学校はスペインのマクソントレーニングセンターとして統合され R18のマクソントレーニングプロバイダーとしてヨーロッパで最初の学校になりました。

グラフィックデザインモジュール(Adobe Tools)

01- Adobe Illustrator

  • カラープロファイルとモード
  • 作業領域
  • 基本形状
  • 選択ツール
  • スウォッチ/カラー/グラデーション
  • ストローク/塗りつぶし
  • 外観パネル
  • 作業台
  • レイヤー
  • 変革
  • 並ぶ
  • パスファインダー
  • ペン
  • 鉛筆
  • ブラシ
  • テキスト
  • 消しゴム・はさみ・刃
  • 拡大する
  • インタラクティブペインティング
  • モチーフ、パターン
  • シンボル
  • 画像を挿入
  • インタラクティブなトレース
  • 遠近グリッド
  • 透明度
  • クリッピングマスク
  • グラデーションメッシュ
  • エフェクト編集
  • 3D効果
  • テキスト
  • 印刷および出力

02-Adobe Photoshop

  • カラーモード
  • 作業スペース
  • ピクセル
  • レイヤー
  • 基本形
  • 選択ツール
  • ペイントポット
  • 劣化
  • 変革
  • 知的なオブジェクト
  • 合併
  • ブラシ
  • ドロッパー
  • 鉛筆
  • クローンプラグ
  • パッチ
  • 写真レタッチツール
  • ペン
  • クリッピングマスク
  • レイヤーマスク
  • エフェクト
  • チャンネル
  • 画像設定
  • 調整レイヤー
  • フィルタ
  • 印刷および出力

03-Adobe Indesign

  • ドキュメント/ブック/ライブラリ
  • ページとスプレッド
  • 作業領域
  • マージンと列
  • ルール
  • ガイドとグリッド(グラティクル)
  • サンプル
  • 作成ツール
  • オブジェクト(コンテナ)
  • レイヤー
  • 変革
  • ラインナップ
  • エフェクト
  • リンクパネル
  • レース
  • マスターページ
  • タイポグラフィー
  • 文字オプション
  • 段落オプション
  • スタイルを操作する
  • 構成
  • 自動ページング
  • インタラクティブな要素
  • 印刷および出力

HTML5、CSS3、JavaScriptを備えたWebデザインモジュール

01- Webデザイン、HTML5およびCSS3

コンピュータ機器の使用の紹介

オペレーティングシステム:

  • ウィンドウズ
  • マック
  • Linux

ソフトウェアのインストールと管理:

  • ブラウザー
  • テキストエディター

ファイルシステムとフォルダ

  • ファイルとフォルダーを作成する
  • Webプロジェクトの構成
  • 絶対パス、相対パス、およびURLパス

ウェブ閲覧

ネットワーク管理の原則

クライアントサーバーアーキテクチャ

サーバーとプロトコル

  • SSL証明書
  • HTTP / HTTPS
  • FTP / SFTP / FTPS

クライアントチーム

ルーターとスイッチの概要

DNS(ドメインとIP)

  • パブリックIP
  • ローカルIP
  • ドメイン名

ホスティング、住宅、CPD

静的Webサイトを作成するための基本原則

  • 使用される言語(HTML5およびCSS3)
  • コード実行フロー
  • ウェブサイトの視覚的構造

使いやすさとアクセシビリティの原則

ウェブサイトのプロトタイピング(UX / UI)

  • ユーザーインターフェイス(Marvel)
  • ユーザーエクスペリエンス(InVision)

HTML5

  • タグと属性
  • セマンティクスと使用法
  • HTML5ドキュメントの標準と構造
  • コメント
  • 段落、見出し、テキスト形式
  • マルチメディア(画像、オーディオ、ビデオ)
  • リンクとボタン
  • リスト
  • テーブル
  • フォーム
  • iFrame
  • メタタグ
  • ファビコム

CSS3

CSSをリンク

セレクターと疑似セレクター

属性

  • お金
  • テキストのフォーマットと変換
  • 高さ、広い
  • エッジ
  • マージン
  • 充填物
  • ポジション
  • アラインメント
  • シェーディングとグラデーション
  • 不透明度
  • 変革
  • フィルタ

疑似クラス(アクティブ、ホバー、チェック済み、最初の子、最後の子、n番目の子)

疑似要素(後、前)

フォントのインポートと実装(メディアとフォントフェイス)

アイコンのインポートと実装(フォントとSVG)

CSS変数

CSSアニメーション(キーフレーム)

モバイルファーストインデックス

  • 一般的な構造(フロート)
  • 単純な構造(Flexbox)
  • 複雑な構造(CSSグリッド)

フレームワークとAPI

  • ブートストラップ4
  • マテリアライズ
  • 材料設計

インターネット

  • ドメインを作成する
  • ウェブホスティングを作成する
  • サーバーへのWebサイトの接続とアップロード

SEO

  • ウェブをGoogle Search Consoleとリンクする
  • 正規リンクの実装

02- Web開発(フロントエンド)

JavaScript

  • フロントエンドプログラミングの概要
  • JavaScript。一般的な構文
  • JavaScriptをHTMLドキュメントに含める
  • 添付ファイル内のJavaScript
  • HTMLコード内のJavaScript
  • JavaScript。変数と演算子
  • ローカル変数とグローバル変数
  • 数値変数
  • 数値変数のメソッド
  • 代入演算子
  • インクリメントおよびデクリメント演算子
  • 数学演算子
  • テキスト文字列(文字列)
  • テキスト文字列のメソッド
  • 未定義の変数
  • NULL変数
  • NaN変数
  • JavaScriptの論理演算子
  • 関係演算子

jQuery

  • Jqueryの概要
  • jQueryを使用する手順
  • jQueryを使用した最初のスクリプト
  • jQueryの基本:CSSクラスの追加と削除
  • jQueryの基本:ページ要素の表示と非表示
  • jQueryの基本:jQueryによるクイックエフェクト
  • jQueryの基礎:jQuery関数のコールバック
  • jQueryの基本:jQueryでBasic Ajaxを使用する
  • JQueryの基本:ロードメッセージを含むAjax jQuery

Web開発モジュールフルスタック開発

01- JavaScriptとjQueryを使用したフロントエンド開発

複雑な変数とフロー制御構造

  • JavaScript。複雑な変数型
  • JavaScriptの配列
  • 配列のメソッド
  • JavaScriptの条件文
  • もし/他の場合
  • スイッチ
  • JavaScriptのループ
  • サイクル用
  • ループ

JavaScriptの関数

  • JavaScriptの関数
  • 構文と使用法
  • JavaScriptスコープ
  • 関数を使用する

DOM

  • JavaScript。 DOM
  • DOMの概要
  • 表記オブジェクト
  • ノードを作成する
  • ノードを追加する
  • ノードの変更、置換、および削除
  • DOM属性へのアクセス
  • 要素のスタイルを変更する
  • DOMイベント

高度なJavaScript。オブジェクト

  • オブジェクト定義
  • 連想配列
  • プロパティ
  • 方法
  • Apply()およびCall()メソッド
  • JSON表記の概要
  • JavaScriptでのJSONの操作(I)
  • JavaScriptでのJSONの操作(II)

JavaScriptでのAJAX

  • JavaScriptでのAJAX
  • はじめに
  • 最初のアプリケーション
  • AJAXアプリケーションのしくみ
  • XMLHttpRequestオブジェクトのメソッドとプロパティ
  • AJAXのオブジェクト
  • 私はAJAXを使用しています。ドロップダウンリスト
  • 私はAJAXを使用しています。オートコンプリートフォーム
  • 私はAJAXを使用しています。 RSSリーダー
  • 私はAJAXを使用しています。グーグルマップ

jQuery Advanced

  • jQuery 3。基本的な方法
  • jQuery関数または$()関数
  • コア/それぞれ:各jQueryコア
  • jQueryコアのSize()メソッドとlengthプロパティ
  • データ()コアjQueryメソッド
  • jQueryセレクター
  • jQueryの階層セレクター
  • jQueryの属性メソッド
  • jQueryからHTML属性にアクセスして変更する
  • jQueryのattr()メソッド、その他の用途、およびremoveAttr()
  • jQuery prop()メソッドとattr()との違い
  • jQuery CSSメソッド
  • jQuery css()メソッド
  • 要素のサイズと位置を知るためのjQuery CSS関数
  • jQueryのイベント
  • jQueryのイベントハンドラー
  • jQueryでのイベントオブジェクトの紹介
  • jQuery mouseenterとmouseleaveのマウスイベント
  • jQueryのキーボードイベント
  • bind()を使用してイベントを定義し、それらを削除します
  • jQueryのlive()で定義されたイベント
  • jQueryでの委任されたイベント
  • jQueryの効果
  • jQuery animate():CSSプロパティのアニメーション
  • jQueryによるカラーアニメーション
  • jQueryでのフェード
  • jQueryのエフェクトキュー
  • Queue()メソッドを使用してエフェクトのキューにアクセスする
  • 関数をjQueryエフェクトキューに入れる
  • jQueryエフェクトキューの実行を停止する
  • キューエフェクトの実行を遅らせる遅延()メソッド
  • jQueryの私物キュー(デフォルトではない)
  • jQueryでのプラグイン開発
  • jQueryでのプラグイン開発の概要

02- PHP7を使用したバックエンド開発

PHP7の最初のステップ

  • バックエンドプログラミングの概要
  • PHPページの基本構造
  • PHPタグ
  • エコー機能
  • 命令セパレータ
  • コメント
  • PHPとHTMLを組み合わせる
  • 命名規則
  • PHPの設定
  • php.ini設定ファイル
  • 構成情報
  • 文字のセット
  • コマンドラインからPHPを使用する
  • PHP言語の基本
  • 定数定義と範囲
  • 変数初期化と割り当て
  • 変数範囲と期間
  • 動的変数(または変数変数)

PHP7のデータ型

  • データ型
  • 利用可能なタイプ
  • スカラーおよび特別なデータ型
  • 配列
  • 配列。作成、操作、スコープ
  • オペレーター
  • 値による代入演算子
  • 参照による代入演算子
  • 算術演算子
  • 文字列演算子
  • 結合された演算子
  • 論理演算子と比較演算子
  • 三項演算子
  • NULL結合演算子
  • 結合された比較演算子
  • 演算子の優先順位

PHP7の制御構造

  • PHP 7の制御構造。条件文
  • if構造
  • スイッチ構造
  • PHP 7の制御構造。ループ
  • if構造
  • while構造
  • do ... while構造
  • for構造
  • foreach構造
  • continueおよびbreakステートメント
  • ファイルを含める
  • 操作と使用
  • スクリプトを中断する
  • インターフェース
  • クラス定数
  • 特徴
  • 匿名クラス
  • 例外
  • PHPスクリプトのエラーを管理する
  • 一般情報
  • PHPエラーメッセージ
  • エラー処理関数

PHP7の関数

  • PHP関数を使用する
  • 前文
  • 定数、変数、データ型を操作する
  • 定数
  • 変数
  • データ型
  • 変換
  • 数値変数を操作する
  • 可変文字列を操作する
  • 配列を操作する
  • 正規表現を使用する
  • 正規表現の構造

MySQLデータベース

  • フォームとリンクの管理
  • データ復旧
  • 文字コード
  • 必要なデータ
  • ファイルを送信してダウンロードする
  • データベースにアクセスする
  • 接続と切断
  • 基本的なSQLクエリ(表示、編集、削除、挿入)
  • テーブル作成
  • PHPからレコードを保存する
  • 結果の統合
  • データのエンコード
  • フィールド検証

セッションを管理する

  • セッションを管理する
  • 一般情報
  • フォームによる識別
  • HTTP認証による識別
  • 入力されたID資格情報を確認してください
  • Cookieを使用する
  • PHPセッション管理を使用する
  • 実装
  • セッション識別子送信の自己管理
  • 訪問ごとに情報を保持する
  • Get / Post / Cookie / Session変数の概要
最後に8月 2020を更新しました。

学校について

CEI - Centro de Estudios de Innovación - es una Escuela de Diseño Digital del siglo XXI, fundada en el siglo XX (año 1991). Somos un centro de formación oficial de Adobe, Apple, IBM, Maxon y Google Pa ... もっと読む

CEI - Centro de Estudios de Innovación - es una Escuela de Diseño Digital del siglo XXI, fundada en el siglo XX (año 1991). Somos un centro de formación oficial de Adobe, Apple, IBM, Maxon y Google Partner, especializado en el sector del diseño y marketing digital, con sedes en Madrid, Sevilla y próximamente también en Lisboa. Nuestros cursos, masters y títulos superiores se desarrollan en cuatro áreas: Diseño gráfico, Desarrollo web, Marketing Digital y Edición y Postproducción de Vídeo Digital (VFX) y Motion Graphics. 閉じる
マドリード , セビリア , マドリード + 2 もっと 閉じる