Продвинутый магистр веб-дизайна и разработки (разработка полного стека)

Общая информация

Доступных мест: 2
Подробнее об этой программе на сайте вуза

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

136329_pexels-photo-1779487.jpeg

540 часов

Содержание этой программы является ориентировочным и может изменяться по причинам обновления или изменения содержания.

цели

Как вы думаете, сможете ли вы освоить инструменты графического дизайна (Adobe Tools) и в то же время превратить свой собственный дизайн в веб-страницы? К счастью или к сожалению, этот профиль становится все более востребованным в компаниях и агентствах этого сектора. Иногда недостаточно быть хорошим графическим дизайнером или веб-разработчиком, так как многим компаниям требуется двойной или многоцелевой профиль. В этой магистерской программе мы научимся владеть наиболее важными инструментами графического дизайна (Adobe Illustrator, Photoshop и Indesign), и, кроме того, студент станет полноценным веб-разработчиком, программистом с очень полным техническим профилем, который хорошо знает и то, и другое. ссылаясь на back-end как на front-end, все более востребованный и более ценимый в компаниях.

Для этого этот мастер состоит из трех модулей: Adobe Tools, Web Design с HTML5, CSS3, Javascript и jQuery и Full Stack Development с предыдущими инструментами плюс PHP7 и SQL.

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

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

В третьем модуле студент станет полноценным веб-разработчиком или разработчиком полного цикла. Что это значит? Студент сможет программировать приложения или веб-страницы как на стороне клиента (интерфейсная разработка), так и на стороне сервера (внутренняя разработка). Позиция full-stack разработчика все чаще востребована компаниями и, следовательно, является одной из самых экономически выгодных в нашем секторе труда.

информация

  • Adobe Illustrator
  • Adobe Photoshop
  • 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 часов

Afternoons

  • 16.00 - 19.00 часов
  • 19.00 - 22.00 часов

цена

€ 4 450

Ознакомьтесь с текущими предложениями и акциями на сайте www.cei.es

официальный

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

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

01- Adobe Illustrator

  • Цветовые профили и режимы
  • Рабочая область
  • Основные формы
  • Инструменты выделения
  • Образцы / Цвет / Градиент
  • Штрихи / заливки
  • Панель внешнего вида
  • Рабочие столы
  • слои
  • Трансформации
  • Выстроиться
  • следопыт
  • Ручка
  • Карандаш
  • Кисти
  • текст
  • Ластик / Ножницы / Лезвие
  • расширять
  • Интерактивная живопись
  • Мотивы, узоры
  • символы
  • Вставить изображения
  • Интерактивная трассировка
  • Перспективные сетки
  • прозрачность
  • Обтравочная маска
  • Градиентные сетки
  • Эффекты править
  • 3D эффект
  • Текст
  • Печать и вывод

02- Adobe Photoshop

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

03- Adobe Indesign

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

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

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

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

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

  • Windows
  • макинтош
  • Linux

Установка и управление ПО:

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

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

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

Просмотр веб-страниц

Принципы сетевого администрирования

Клиент-серверная архитектура

Серверы и протоколы

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

Команда клиента

Введение в маршрутизаторы и коммутаторы

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

  • Публичный IP
  • Локальный IP
  • Доменные имена

Хостинг, жилье и CPD

Основные принципы создания статических сайтов

  • Используемые языки (HTML5 и CSS3)
  • Поток выполнения кода
  • Визуальная структура сайта

Принципы юзабилити и доступности

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

  • Пользовательский интерфейс (Marvel)
  • Пользовательский опыт (InVision)

HTML5

  • Теги и атрибуты
  • Семантика и использование
  • Стандарт и структура документа HTML5
  • Комментарии
  • Абзацы, заголовки и текстовые форматы
  • Мультимедиа (изображения, аудио и видео)
  • Ссылки и кнопки
  • Списки
  • рисовать
  • формы
  • плавающие фреймы
  • Мета-теги
  • Favicom

CSS3

Ссылка на CSS

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

атрибуты

  • Цвета
  • Деньги
  • Форматирование и преобразование текстов
  • Высота, широкая
  • Ребра
  • Маржа
  • шпатлевки
  • позиции
  • выравнивание
  • Затененные и градиенты
  • помутнение
  • Трансформации
  • фильтры

Псевдоклассы (active, hover, checked, first-child, last-child, nth-child)

Псевдоэлементы (после, до)

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

Импорт и реализация значков (шрифты и SVG)

Переменные CSS

CSS-анимация (ключевые кадры)

Индексирование в первую очередь для мобильных устройств

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

Фреймворки и API

  • Бутстрап 4
  • материализовать
  • Материальный дизайн

интернет

  • Создать домен
  • Создание веб-хостинга
  • Подключение и загрузка сайта на сервер

SEO

  • Свяжите Интернет с Google Search Console
  • Реализация канонической ссылки

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: Использование базового Ajax с jQuery
  • Основы JQuery: Ajax jQuery с сообщением загрузки

Модуль веб-разработки Full Stack Development

01- Front-End разработка с помощью JavaScript и jQuery

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

  • JavaScript. Сложные типы переменных
  • Массивы в JavaScript
  • Методы для массивов
  • Условные выражения в JavaScript
  • Если еще
  • переключатель
  • Циклы в JavaScript
  • Для цикла
  • Пока цикл

Функции в JavaScript

  • Функции в JavaScript
  • Синтаксис и использование
  • Область действия JavaScript
  • Работа с функциями

ДОМ

  • JavaScript. ДОМ
  • Введение в DOM
  • Обозначение объекта
  • Создать узлы
  • Добавить узлы
  • Изменить, заменить и удалить узлы
  • Доступ к атрибутам DOM
  • Изменить стили элементов
  • События DOM

Продвинутый JavaScript. Объекты

  • Определение объекта
  • Ассоциативные массивы
  • свойства
  • методы
  • Методы Apply () и call ()
  • Введение в нотацию JSON
  • Работа с JSON в JavaScript (I)
  • Работа с JSON в JavaScript (II)

AJAX в JavaScript

  • AJAX в JavaScript
  • Начало работы
  • Первое приложение
  • Как работает приложение AJAX
  • Методы и свойства объекта XMLHttpRequest
  • Объекты для AJAX
  • Работаю с AJAX. Выпадающие списки
  • Работаю с AJAX. Автозаполнение формы
  • Работаю с AJAX. RSS-ридер
  • Работаю с AJAX. Карты Гугл

jQuery Advanced

  • JQuery 3. Основные методы
  • Функция JQuery или функция $ ()
  • Ядро / каждый: каждое ядро jQuery
  • Size () метод и свойство length ядра jQuery
  • Базовый метод jQuery Data ()
  • Селекторы JQuery
  • Селекторы иерархии в jQuery
  • Методы атрибутов в jQuery
  • Доступ и изменение атрибутов HTML из jQuery
  • Метод attr () в JQuery, другие применения и removeAttr ()
  • Метод JQuery prop () и отличия от attr ()
  • CSS-методы JQuery
  • Метод JQuery css ()
  • Функции CSS JQuery для определения размера и положения элементов
  • События в 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 разработка с PHP7

Первые шаги с PHP7

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

Типы данных в PHP7

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

Структуры управления в PHP7

  • Управляющие структуры в PHP 7. Условные выражения
  • Структура if
  • Структура переключателя
  • Управляющие структуры в PHP 7. Циклы
  • Структура if
  • Структура while
  • Структура do ... while
  • Для структуры
  • Структура foreach
  • Операторы continue и break
  • Включить файл
  • Эксплуатация и использование
  • Прервать сценарий
  • Интерфейсы
  • Константы класса
  • Черты
  • Анонимные классы
  • Исключения
  • Управление ошибками в скрипте PHP
  • Общая информация
  • Сообщения об ошибках PHP
  • Функции обработки ошибок

Функции в PHP7

  • Используйте функции PHP
  • преамбула
  • Управление константами, переменными и типами данных
  • константы
  • переменные
  • Типы данных
  • Конверсии
  • Управление числовыми переменными
  • Манипулировать переменными строками
  • Манипулировать массивами
  • Используйте регулярные выражения
  • Структура регулярного выражения

Базы данных MySQL

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

Управлять сеансами

  • Управлять сеансами
  • Общая информация
  • Идентификация по форме
  • Идентификация через HTTP-аутентификацию
  • Проверьте введенные учетные данные ID
  • Использовать куки
  • Используйте управление сеансом 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. Свернуть
Мадрид , Севилья , Мадрид + 2 Больше Меньше