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

Загальні відомості

Доступних місць: 2
Детальніше про цю програму на сайті школи

Опис програми

136329_pexels-photo-1779487.jpeg

540 годин

Зміст цієї програми є орієнтовним, і може змінюватися з причин оновлення або зміни вмісту.

мети

Як ви думаєте, ви можете оволодіти інструментами графічного дизайну (Adobe Tools) і в той же час перетворити свої власні конструкції на веб-сторінки? На щастя чи на жаль, цей профіль все більше користується попитом у компаніях та агенціях сектора. Іноді недостатньо лише бути хорошим графічним дизайнером або веб-розробником, оскільки багато компаній вимагають подвійного або багатоцільового профілю. У цій магістерській школі ми навчимося освоювати найважливіші інструменти графічного дизайну (Adobe Illustrator, Photoshop та Indesign), а крім того, студент стане повнорозробним веб-розробником, програмістом із дуже повним технічним профілем, який добре знає і те, що посилаючись на бек-енд, як на посилання на фронт-енд, і все більше користується попитом і краще цінується в компаніях.

Для цього цей майстер складається з трьох модулів: Adobe Tools, веб-дизайну з HTML5, CSS3, Javascript та jQuery та розробки повної стеки з попередніми інструментами плюс PHP7 та SQL.

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

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

У третьому модулі студент стане повноцінним веб-розробником або повноцінним розробником стеків. Що це означає? Що студент зможе програмувати додатки чи веб-сторінки як на стороні клієнта (передня розробка), так і на стороні сервера (back-end development). Повна позиція розробників стеків все частіше шукається компаніями і, отже, є однією з найкращих в нашому секторі праці.

інформація

  • 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 год

Полудень

  • 16.00 - 19.00 год
  • 19.00 - 22.00 год

ціна

4450 євро

Перевірте актуальні пропозиції та акції на www.cei.es

Офіційна

  • Наша школа є одним із п’яти авторизованих навчальних центрів Adobe в Іспанії . Цей факт свідчить про те, що CEI виконав усі вимоги, які вимагає Adobe, а також є гарантією якості для всіх наших студентів.
  • CEI - це уповноважений навчальний центр Apple . Таким чином, наші студенти зможуть отримати сертифікат Apple Professional і просунути свою кар’єру в галузі дизайну та інформаційних технологій, бізнес-середовищ та B2B ринків.
  • IBM нам довіряє, і тому вони нагородили знаком IBM Education Partner . Ця печатка нагороджує школи, які підтримують та просувають якісне навчання.
  • Наша школа є консолідованою як опорний навчальний центр Maxon в Іспанії, і ми стали першою школою в Європі, яка стала постачальником навчання Maxon для R18 .

Модуль графічного дизайну (Інструменти Adobe)

01- Adobe Illustrator

  • Кольорові профілі та режими
  • робоча область
  • Основні форми
  • Інструменти вибору
  • Зразки / Колір / Градієнт
  • Штрихи / заповнення
  • Панель зовнішнього вигляду
  • Робочі столи
  • Шари
  • Трансформації
  • Для вишикування
  • Pathfinder
  • Ручка
  • Олівець
  • Кисті
  • Текст
  • Ластик / Ножиці / Лезо
  • Розгорнути
  • Інтерактивний живопис
  • Мотиви, візерунки
  • Символи
  • Вставте зображення
  • Інтерактивне відстеження
  • Перспективні сітки
  • Прозорість
  • Відсічна маска
  • Градієнтні сітки
  • Ефекти редагувати
  • 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
  • Коментарі
  • Абзаци, заголовки та текстові формати
  • Мультимедіа (зображення, аудіо та відео)
  • Посилання та кнопки
  • Списки
  • Таблиці
  • Форми
  • iFrames
  • Метатеги
  • Фавіком

CSS3

Посилання CSS

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

Атрибути

  • Кольори
  • Гроші
  • Формат та трансформація текстів
  • Висота, широка
  • Краї
  • Поля
  • Наповнення
  • Позиції
  • вирівнювання
  • Затінені та градієнти
  • Непрозорість
  • Трансформації
  • Фільтри

Псевдокласи (активні, наведення, перевірені, перша дитина, остання дитина, n-я дитина)

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

Імпорт та реалізація шрифту (медіа та шрифт)

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

Змінні CSS

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

Моделювання першої індексації

  • Загальні споруди (поплавці)
  • Прості структури (Flexbox)
  • Складні структури (CSS Grid)

Каркаси та API

  • Завантаження 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
  • Якщо / ще
  • Вимикач
  • Петлі в 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. Гугл-мапи

jQuery Advanced

  • JQuery 3. Основні методи
  • Функція JQuery або функція $ ()
  • Ядро / кожен: кожне з ядра jQuery
  • Метод size () та властивість довжини ядра jQuery
  • Метод основної jQuery даних ()
  • Селектори JQuery
  • Селектори ієрархії в jQuery
  • Методи атрибутів у jQuery
  • Отримуйте доступ та змінюйте атрибути HTML з jQuery
  • Метод atr () JQuery, інші види використання та deleteAttr ()
  • Метод 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
  • Черга () метод для доступу до черги ефектів
  • Покладіть функції в чергу ефектів 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. Умовні умови
  • Структура if
  • Структура вимикача
  • Структури управління в PHP 7. Петлі
  • Структура if
  • У той час структура
  • Структура ... поки структура
  • Структура
  • Структура передбачень
  • Продовження та розрив тверджень
  • Додайте файл
  • Експлуатація та використання
  • Перервіть сценарій
  • Інтерфейси
  • Константи класу
  • Риси
  • Анонімні заняття
  • Винятки
  • Управління помилками в сценарії PHP
  • Загальна інформація
  • Повідомлення про помилки PHP
  • Помилка обробки функцій

Функції в PHP7

  • Використовуйте функції PHP
  • Преамбула
  • Маніпулюйте константами, змінними та типами даних
  • Константи
  • Змінні
  • Типи даних
  • Конверсії
  • Маніпулюйте числовими змінними
  • Маніпулюйте змінними рядками
  • Маніпулювати масивами
  • Використовуйте регулярні вирази
  • Структура регулярного виразу

Бази даних MySQL

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

Керуйте сеансами

  • Керуйте сеансами
  • Загальна інформація
  • Ідентифікація за формою
  • Ідентифікація за допомогою аутентифікації HTTP
  • Перевірте введені ідентифікаційні дані
  • Використовуйте файли cookie
  • Використовуйте управління сеансами 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 Більше Менше