Усъвършенстван магистър по уеб дизайн и разработка (разработка на пълен стек)

Общ преглед

2 locations available
Прочетете повече за тази програма на сайта на университета

Описание на програмата

136329_pexels-photo-1779487.jpeg

540 часа

Съдържанието на тази програма е ориентировъчно и може да варира поради причини за актуализиране или промяна на съдържанието.

цели

Мислите ли, че можете да усвоите инструменти за графичен дизайн (Adobe Tools) и в същото време да превърнете собствените си дизайни в уеб страници? За щастие или за съжаление, този профил е все по-търсен във фирми и агенции в сектора. Понякога не е достатъчно само да бъдеш добър графичен дизайнер или уеб разработчик, тъй като много компании изискват двоен или многофункционален профил. В тази магистърска степен ще се научим да усвояваме най-важните инструменти на графичния дизайн (Adobe Illustrator, Photoshop и Indesign) и в допълнение, студентът ще се превърне в уеб програмист с пълен стек, програмист с много завършен технически профил, който знае добре и какво отнасящи се до бек-енд, като отнасящи се до предния и все по-търсено и по-добре оценено в компаниите.

За тази цел този Master е съставен от три модула: Adobe Tools, уеб дизайн с HTML5, CSS3, Javascript и jQuery и цялостна разработка на стека с предишните инструменти плюс PHP7 и SQL.

В първия модул студентът ще се научи да борави с най-важните инструменти на графичния дизайн. Ще започнем с векторния дизайн (Adobe Illustrator), да продължим с дигиталната обработка на изображения (Adobe Photoshop) и редакторския дизайн (Adobe Indesign). След като завърши този модул, студентът ще може да направи всеки графичен интерфейсен дизайн, който си представя.

Във втория модул студентът научава всичко свързано с уеб структура (HTML5), оформление и визуален уеб дизайн (CSS3) и ще се задълбочим в уеб програмирането с Javascript и jQuery.

В третия модул студентът ще стане пълен уеб разработчик или пълен стек програмист. Какво означава това? Че студентът ще може да програмира приложения или уеб страници както от страна на клиента (разработка на предния край), така и от страна на сървъра (back-end development). Пълната позиция на разработчиците е все по-търсена от компаниите и следователно е една от най-добре оценените икономически в нашия трудов сектор.

информация

  • Adobe илюстратор
  • Адобе Фотошоп
  • Adobe InDesign
  • Обикновен текстов редактор, специализиран в уеб: Dreamweaver / Sublime / Notepad ++ / Komodo Edit / Brackets
  • HTML5 / CSS3
  • Мобилно първо индексиране за първоначално зареждане
  • SEO уеб позициониране. Достъпност и използваемост
  • JavaScript
  • JQuery
  • Сложни променливи и контролни структури
  • Функции в JavaScript
  • ДОМът
  • Разширен JavaScript
  • AJAX в JavaScript
  • разширено 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

Официален

  • Нашето училище е един от петте оторизирани учебни центъра на Adobe в Испания . Този факт показва, че CEI е изпълнила всички изисквания, които Adobe изисква, и по същия начин представлява гаранция за качество за всички наши студенти.
  • CEI е упълномощен учебен център на Apple . Следователно нашите студенти ще могат да получат сертификат на Apple Professional и да развият своята кариера в областта на дизайна и информационните технологии, бизнес средите и B2B пазарите.
  • IBM ни се доверява и поради тази причина те ни връчиха значката на IBM Education Partner . Този печат награждава училищата, които поддържат и насърчават качествено обучение.
  • Нашето училище се консолидира като референтен център за обучение Maxon в Испания и ние станахме първото училище в Европа, което е доставчик на обучение Maxon за R18 .

Модул за графичен дизайн (Adobe Tools)

01- Adobe Illustrator

  • Цветни профили и режими
  • Workspace
  • Основни форми
  • Инструменти за избор
  • Суичове / цвят / градиент
  • Инсулти / запълвания
  • Външен панел
  • Работни маси
  • слоеве
  • трансформации
  • За подреждане
  • пионер
  • Химикалката
  • Моливът
  • Четки
  • текст
  • Гумка / ножици / острие
  • Разширете
  • Интерактивна живопис
  • Мотиви, шарки
  • символи
  • Вмъкване на изображения
  • Интерактивно проследяване
  • Перспективни решетки
  • прозрачност
  • Подстригваща маска
  • Градиентни мрежи
  • Ефекти редактират
  • 3D ефект
  • Текст
  • Печат и извеждане

02- Adobe Photoshop

  • Цветови режими
  • Работни пространства
  • Пикселът
  • слоеве
  • Основни форми
  • Инструменти за подбор
  • Саксия с боя
  • понижен
  • трансформации
  • Интелигентен обект
  • Сливания
  • Четки
  • гутатор
  • Моливът
  • Клонираща тапа
  • Кръпки
  • Инструменти за ретуширане на снимки
  • Химикалката
  • Маски за подстригване
  • Слоеви маски
  • вещи
  • Канали
  • Настройки на картината
  • Коригиращи слоеве
  • филтри
  • Печат и извеждане

03- Adobe Indesign

  • Документ / книга / библиотека
  • Страници и разпространения
  • Workspace
  • Маржове и колони
  • правилник
  • Направляващи и решетки (шарнирни)
  • Пробите
  • Инструменти за създаване
  • Обекти (контейнери)
  • слоеве
  • трансформация
  • Състави
  • вещи
  • Панел за връзки
  • Дантела
  • Главна страница
  • книгопечатане
  • Опции за символи
  • Опции за абзаци
  • Работете със стилове
  • композиция
  • Автоматично пейджинг
  • Интерактивни елементи
  • Печат и извеждане

Модул за уеб дизайн с HTML5, CSS3 и Javascript

01 - Уеб дизайн, HTML5 И CSS3

Въведение в използването на компютърна техника

Операционна система:

  • Windows
  • Mac
  • Linux

Инсталиране и управление на софтуер:

  • Браузъри
  • Текстови редактори

Файлова система и папки

  • Създайте файлове и папки
  • Организиране на уеб проекти
  • Абсолютни, относителни и URL пътеки

уеб сърфиране

Принципи в мрежовото администриране

Архитектура клиент-сървър

Сървъри и протоколи

  • SSL сертификати
  • HTTP / HTTPS
  • FTP / SFTP / FTPS

Екип на клиента

Въведение в рутери и ключове

DNS (домейни и IP адреси)

  • Публичен IP
  • Локален IP
  • Имена на домейни

Хостинг, жилища и CPD

Основни принципи за създаване на статични уебсайтове

  • Използвани езици (HTML5 и CSS3)
  • Код на изпълнение на код
  • Визуална структура на уебсайт

Принципи на използваемост и достъпност

Прототипиране на уебсайт (UX / UI)

  • Потребителски интерфейс (Marvel)
  • Потребителски опит (InVision)

HTML5

  • Етикети и атрибути
  • Семантика и употреба
  • HTML5 стандарт и структура на документа
  • Коментари
  • Параграфи, заглавия и текстови формати
  • Мултимедия (изображения, аудио и видео)
  • Връзки и бутони
  • списъци
  • изготвят
  • Форми
  • вградени рамки
  • Мета тагове
  • Favicom

CSS3

Свържете CSS

Селектори и псевдоселектори

атрибути

  • Цветове
  • Пари
  • Формат и трансформация на текстове
  • Височина, широка
  • Ръбовете
  • Полета
  • пълнежи
  • позиции
  • подравняване
  • Засенчени и наклони
  • непрозрачност
  • трансформации
  • филтри

Псевдокласове (активни, задържане, проверено, първо дете, последно дете, n-то дете)

Псевдоелементи (след, преди)

Импортиране и внедряване на шрифтове (медия и шрифт)

Импортиране и внедряване на икони (шрифтове и SVG)

CSS променливи

CSS анимации (ключови кадри)

Мобилно първо индексиране

  • Общи структури (поплавъци)
  • Прости структури (Flexbox)
  • Сложни структури (CSS Grid)

Рамки и API

  • Bootstrap 4
  • материализирам
  • Материален дизайн

Интернет

  • Създайте домейн
  • Създаване на уеб хостинг
  • Връзка и качване на уебсайт към сървъра

SEO

  • Свържете мрежата с конзолата за търсене на Google
  • Канонично изпълнение на връзката

02- Уеб разработка (Front-End)

JavaScript

  • Въведение в предно програмиране
  • JavaScript. Общ синтаксис
  • Включете JavaScript в HTML документи
  • JavaScript в прикачени файлове
  • JavaScript вътре в HTML код
  • JavaScript. Променливи и оператори
  • Локални и глобални променливи
  • Числени променливи
  • Методи за числови променливи
  • Оператори за присвояване
  • Оператори за увеличаване и намаляване
  • Математически оператори
  • Текстови низове (низове)
  • Методи за текстови низове
  • Недефинирани променливи
  • NULL променливи
  • NaN променливи
  • Логически оператори в JavaScript
  • Релационни оператори

JQuery

  • Въведение в Jquery
  • Стъпки за използване на jQuery
  • Първи сценарий с jQuery
  • Основи на JQuery: Добавяне и премахване на CSS класове
  • Основи на JQuery: показване и скриване на елементи от страницата
  • Основи на JQuery: Бързи ефекти с jQuery
  • Основи на JQuery: Обратно извикване на функция jQuery
  • Основи на JQuery: Използване на Basic Ajax с jQuery
  • Основи на JQuery: Ajax jQuery с съобщение за зареждане

Пълен стек модул за уеб разработка

01- Front-End Development с JavaScript и jQuery

Сложни променливи и контролни структури

  • JavaScript. Сложни типове променливи
  • Масиви в JavaScript
  • Методи за масиви
  • Условия в JavaScript
  • Ако / иначе
  • ключ
  • Loops в JavaScript
  • За цикъл
  • Докато цикъл

Функции в JavaScript

  • Функции в JavaScript
  • Синтаксис и употреба
  • Обхват на JavaScript
  • Работете с функции

ДОМът

  • JavaScript. ДОМът
  • Въведение в DOM
  • Обект на нотация
  • Създайте възли
  • Добавете възли
  • Промяна, замяна и изтриване на възли
  • Достъп до атрибутите на DOM
  • Промяна на стиловете на елементите
  • DOM събития

Разширен JavaScript. обекти

  • Определение на обекта
  • Асоциативни масиви
  • Имоти
  • методи
  • Прилагайте () и call () методи
  • Въведение в нотация JSON
  • Работа с JSON в JavaScript (I)
  • Работа с JSON в JavaScript (II)

AJAX в JavaScript

  • AJAX в JavaScript
  • Първи стъпки
  • Първо приложение
  • Как работи приложение AJAX
  • Методи и свойства на обекта XMLHttpRequest
  • Обекти за AJAX
  • Работя с AJAX. Отпадащи списъци
  • Работя с AJAX. Форма за автоматично попълване
  • Работя с AJAX. RSS четец
  • Работя с AJAX. Google Maps

jQuery Advanced

  • JQuery 3. Основни методи
  • JQuery или $ () функция
  • Ядро / всеки: всяко от jQuery ядрото
  • Метод размер () и дължина на ядрото на jQuery
  • Метод на ядрото на jQuery за данни ()
  • Селектори на JQuery
  • Избиратели на йерархията в jQuery
  • Методи за атрибути в jQuery
  • Достъп и модифициране на HTML атрибути от jQuery
  • Методът attr () на JQuery, други приложения и removeAttr ()
  • Метод JQuery prop () и разлики с attr ()
  • JQuery CSS методи
  • JQuery css () метод
  • JQuery CSS функции, за да знае размера и позицията на елементите
  • Събития в jQuery
  • Обработващи събития в jQuery
  • Въвеждане на обект на събитие в jQuery
  • Събития с мишката в jQuery mouseenter и mouseleave
  • Събития на клавиатурата в jQuery
  • Определете събитията с bind () и ги премахнете
  • Събития, дефинирани с live () в jQuery
  • Делегирани събития в jQuery
  • Ефекти в jQuery
  • jQuery animate (): анимация на CSS свойства
  • Цветни анимации с jQuery
  • Избледняването в jQuery
  • Ефектни опашки в jQuery
  • Queue () метод за достъп до опашка от ефекти
  • Поставете функции в опашката с ефекти на jQuery
  • Спрете изпълнението на опашката с jQuery ефект
  • Delay () метод за забавяне на изпълнението на ефекти на опашката
  • Опашка за лични ефекти (не е по подразбиране) в jQuery
  • Разработка на плъгини в jQuery
  • Въведение в разработката на плъгини в jQuery

02- Back-End Development с PHP7

Първи стъпки с PHP7

  • Въведение в бек-енд програмирането
  • Основна структура на PHP страница
  • PHP тагове
  • Функцията ехо
  • Разделител за инструкции
  • Коментари
  • Смесете PHP и HTML
  • Правила за именуване
  • PHP конфигурация
  • Конфигурационният файл php.ini
  • Информация за конфигурация
  • Набор от знаци
  • Използвайте PHP от командния ред
  • Основите на езика на PHP
  • константи Определение и обхват
  • Променливи Инициализация и възлагане
  • Променливи Обхват и продължителност
  • Динамични променливи (или променливи променливи)

Типове данни в PHP7

  • Типове данни
  • Налични видове
  • Скаларни и специални типове данни
  • Масивите
  • Масиви. Създаване, манипулация и обхват
  • Операторите
  • Операторът за присвояване по стойност
  • Операторът за присвояване по референция
  • Аритметичните оператори
  • Низовият оператор
  • Комбинираните оператори
  • Логическите оператори и операторите за сравнение
  • Тройният оператор
  • Операторът на NULL съюз
  • Комбинираният оператор за сравнение
  • Операторски приоритет

Контролни структури в PHP7

  • Контролни структури в PHP 7. Условия
  • Ако структурата
  • Структурата на превключвателя
  • Контролни структури в PHP 7. Цикли
  • Ако структурата
  • Докато структурата
  • Структурата ... докато структура
  • Структурата за
  • Структурата на foreach
  • Изявленията за продължаване и прекратяване
  • Включете файл
  • Работа и употреба
  • Прекъснете сценария
  • Интерфейси
  • Константи на класа
  • черти
  • Анонимни часове
  • Изключения
  • Управление на грешки в PHP скрипт
  • Обща информация
  • PHP съобщения за грешки
  • Грешка при работа с функции

Функции в PHP7

  • Използвайте PHP функции
  • предисловие
  • Манипулирайте константи, променливи и типове данни
  • константи
  • променливи
  • Типове данни
  • Реализации
  • Манипулирайте числови променливи
  • Манипулирайте променливи низове
  • Манипулирайте масивите
  • Използвайте регулярни изрази
  • Структура на редовен израз

MySQL бази данни

  • Управление на формуляри и връзки
  • Възстановяване на данни
  • Кодиране на символи
  • Необходими данни
  • Изпращане и изтегляне на файлове
  • Достъп до база данни
  • Връзка и прекъсване
  • Основни SQL заявки (преглед, редактиране, изтриване и вмъкване)
  • Създаване на таблица
  • Съхранявайте записи от PHP
  • Интеграция на резултатите
  • Кодиране на данни
  • Потвърждаване на полето

Управление на сесиите

  • Управление на сесиите
  • Обща информация
  • Идентификация по форма
  • Идентификация чрез HTTP удостоверяване
  • Проверете въведените идентификационни данни
  • Използвайте бисквитки
  • Използвайте PHP управление на сесиите
  • изпълнение
  • Самоуправление за предаване на идентификатор на сесия
  • Пазете информация от посещение за посещение
  • Кратко резюме на променливите Get / Post / Cookie / Session
Последна актуализация Авг. 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. Свиване