Веб-інженер

Ви знаєте робочі процеси сучасного веб-дизайну та створення зручних для користувача веб-сайтів: Ви знайомі з HTML, CSS та Dreamweaver, використанням JavaScript/Ajax та PHP/MySQL. Ви також знаєте, як успішно розробляти та вимірювати ефективність веб-сайтів за допомогою інструментів SEO та SEM і як використовувати штучний інтелект (ШІ) у своїй роботі.
  • Тип ступеня: Сертифікат "Веб-інженер
  • Додаткові кваліфікації: Сертифікат "Веб-дизайн за допомогою HTML/CSS/Dreamweaver"
    Сертифікат "Сертифікований SEM-менеджер
    Сертифікат "Основи JavaScript/Ajax"
    Сертифікат "Сертифікований PHP-розробник
  • Підсумковий іспит: Praxisbezogene Projektarbeiten mit Abschlusspräsentationen
    Certified SEM Manager
    Certified PHP Developer
  • Час занять: Повна зайнятість
    З понеділка по п'ятницю з 8:30 до 15:35 (у святкові дні з 8:30 до 17:10)
  • Мова викладання: Німецька
  • Тривалість: 24 Тижні

Веб-дизайн за допомогою HTML, CSS та Dreamweaver

HTML (приблизно 5 днів)

Базовий фреймворк

Теги для створення тексту (h1-h6, p, br)

Основи CSS

Команди форматування тексту

Створення тегів HTML (наприклад, header, nav)

Інтеграція графіки та підготовка її у Photoshop

Фавікони

Посилання

Внутрішні, зовнішні, телефонні, email-посилання

Списки та таблиці

Форми в HTML

Елементи форм

Інтеграція відео та аудіо елементів

Інтеграція YouTube та Google Maps

Відмінності між XHTML та HTML


Штучний інтелект (ШІ) в робочому процесі

Презентація конкретних технологій ШІ

та можливих застосувань у професійному середовищі


Основи CSS (близько 5 днів)

Основи Dreamweaver

Варіанти інтеграції специфікацій CSS (внутрішній, зовнішній, вбудований стиль)

Оформлення тексту за допомогою CSS

Атрибути CSS для оформлення кордонів та інтервалів (відступ, маргіналізація)

Оформлення фону за допомогою CSS

Плаваючі/чіткі основи

Інтервали між стовпчиками за допомогою float

Кольори за допомогою CSS

Clearfix

Псевдоелементи (::before/::after)

Псевдо-класи (:n-го типу)

Перелік/відображення/посилання псевдокласів

Навігація за допомогою ul/li (горизонтальна/вертикальна)


CSS Flexbox (приблизно 5 днів)

Колонки за допомогою Flex

Вирівнювання елементів за допомогою Flex

Колонки в колонках за допомогою Flex

Використання кастомних шрифтів (@font-face)

Шрифти за допомогою Dreamweaver

Dreamweaver - Дизайнер CSS

Позиція CSS

Позиції: відносні/абсолютні/фіксовані

Можливості дизайну форм за допомогою CSS

Колірні градієнти CSS

CSS - перехід/трансформація


Адаптивний веб-дизайн (близько 6 днів)

Точки зупинки, область перегляду, медіа-запити

Адаптивний дизайн заголовків та header-img

Елементи зображень в HTML

Мобільна навігація з наведенням

Увімкніть наведення при кліці на мобільних телефонах Apple

Подія кліку через CSS (за допомогою чекбоксу)

Адаптивна навігація по кліку

Анімована кнопка бургера

CSS-гармошка (за допомогою перемикачів)

Випадаюче меню для десктопу та мобільних

Різні дизайни

CSS псевдо клас :target

Односторінковий сайт - структура сторінок

Адаптивна навігація з управлінням :target

Переваги односторінкових сайтів


JavaScript (близько 9 днів)

Інтеграція додатків

Початок роботи з JavaScript/jQuery

If-then-else

Змінні

Об'єкт даних

Масив Тип даних

ScrollTop

Для циклу

Математичний об'єкт

Sticky-меню (js/css)

Показати/приховати меню з прокруткою

Використання vh/vw та calc

Обов'язковий відбиток інформації/захист даних

Повідомлення про файли cookie

Font-awesome - бібліотека символів

CSS-фільтр

Змінні CSS

Оптимізація сайту для пошукових систем (SEO)

Об'єктна підгонка - графіка, що заповнює фрейми

CSS анімація

CSS сітка

Grid-шаблони-області

Вступ до фреймворку CSS: Bootstrap


Робота над проектом (близько 10 днів)

Закріплення вивченого матеріалу

Презентація результатів проекту

Експертиза SEM-маркетингу

Основи пошукової оптимізації (близько 3 днів)

Пошукові системи в Інтернеті

Універсальний пошук Google

Вертикальні пошукові системи

Сторінки результатів пошуку та хіти

Розширені фрагменти

Графік знань Google

PageRank

Доменний авторитет

Результати пошуку Google/налаштування пошуку

RankBrain

Пошукові запити з локальною прив'язкою/Local SEO

Соціальне SEO

Голосовий пошук


Процес SEO (приблизно 2 дні)

Етапи SEO-процесу

Визначення цілей SEO

Цільова група/персона

Ключові слова-кандидати

SEO KPIs

Конверсії

Якість контенту

Сигнали ранжування Google

Мета пошуку

Внутрішня частота документів (WDF)

Зворотна частота документів (IDF)


Штучний інтелект (ШІ) в робочому процесі

Презентація конкретних технологій ШІ

та можливих застосувань у професійному середовищі


Оптимізація сайту (близько 3 днів)

Оптимізація для мобільних пристроїв (AMP)

Мета-теги/мета-опис/мета-заголовок

Видалення дублів контенту

Семантичний веб/пошук

Структуровані дані та їх значення/можливе використання

Перевірка часу завантаження сайту

Перевірка доменів за IP-адресою

Функції безпеки протоколу https

Robots.txt

Анкорні тексти

Штраф Google

Пошукові запити з локальною прив'язкою/Local SEO

Розвиток доступності


Контроль успішності SEO (близько 3 днів)

Здійснюйте моніторинг успішності без комерційних інструментів

Інструменти для моніторингу ранжування

Індекс Google / рекомендації щодо якості Google

Зворотні посилання та заходи з нарощування посилань

Індекс видимості

OnPage аналіз


Google Ads (близько 2 днів)

Google Ads

Аналіз мети пошукових запитів

Створення списків ключових слів

Типи/цілі/структура рекламних кампаній в Google

Планувальник ключових слів Google

Налаштування та керування кампаніями

Аукціон Google Ads


Веб-аналітика (близько 3 днів)

Веб-аналітика

Цілі та функції

Захист даних

Вимірювання охоплення

Можливості та межі даних, які можна збирати

Налаштування Google Analytics 4/демо-аккаунта

Звіти в режимі реального часу

Аналіз цільових груп

Походження відвідувачів сайту

Відстеження подій та цілей

Відстеження подій

Пошукова консоль Google

Поведінка відвідувачів

Менеджер тегів Google

файли cookie


Робота над проектом, підготовка до сертифікації та сертифікаційний іспит (приблизно 4 дні)

Основи Javascript/Ajax

Основи JavaScript (приблизно 7 днів)

Вступ до

Версії сценаріїв ECMA

Інтеграція в HTML-сторінки

Елементи мови: змінні, константи, типізація

Примітивні типи даних: Число, рядок, логічний

Колекційні типи даних: Масиви, об'єкти, арифметичні оператори

Керуючі структури: умовні оператори, цикли, функції

Блок-схема

Локальні сховища: Web-сховище, IndexedDB

Обробка помилок

Вступ до середовища розробки (IDE) WebStorm


Штучний інтелект (ШІ) в робочому процесі

Презентація конкретних технологій ШІ

та можливих застосувань у професійному середовищі


Маніпуляції з DOM за допомогою JavaScript (близько 4 днів)

основи

Вибір HTML

Вміст і атрибути

стилізація

Події, об'єкт події, бабблінг

Спостерігач

- Спостерігач перетину

- Спостерігач мутацій

Створення, копіювання, переміщення, видалення DOM-елементів


AJAX (приблизно 1 день)

Вступ до

Як це працює

Передумови

HTTP-запити

Об'єкт XMLHttpRequest

Веб-сервіси

- JSON

- XML


Фреймворки/бібліотеки (приблизно 2 дні)

Створіть власну бібліотеку

jQuery

Використання jQuery та Ajax у WebStorm


Робота над проектом (близько 6 днів)

Закріплення вивченого матеріалу

Презентація результатів проекту

PHP-розробник: об'єктна орієнтація та фреймворк Laravel

Основи розробки на PHP (близько 5 днів)

Налаштування сучасного середовища розробки

Вступ до Docker для локальної розробки

Огляд інструментів IDE (Visual Studio Code, PhpStorm та ін.)

Робочий процес в Git'і

Синтаксис та основні поняття PHP

Змінні, типи даних, константи

Масиви і рядки (в т.ч. нові функції в PHP 8.x)

Вирази, оператори, керуючі структури

Функції, анонімні функції та закриття

Нововведення PHP 8.x

Об'єднані типи та іменовані аргументи

Вступ до атрибутів


Штучний інтелект (ШІ) в робочому процесі

Презентація конкретних технологій ШІ

та можливих застосувань у професійному середовищі


Веб-розробка та інтерактивність (близько 3 днів)

HTTP та обробка форм

GET і POST запити

Робота з файлами cookie та сесіями

Валідація та санітарна обробка даних, введених користувачем

Динамічний контент та інтерактивність

Виведення динамічного контенту (наприклад, користувацькі форми, розрахункові задачі)

Взаємодія на основі AJAX та JSON

Безпека та обробка помилок

Захист від XSS, CSRF та SQL-ін'єкцій

Логування та налагодження помилок (за допомогою таких інструментів, як Xdebug)


Робота з базами даних (приблизно 4 дні)

SQL та основи баз даних

Основні принципи реляційних баз даних та MySQL

Проектування та нормалізація баз даних

PHP та інтеграція з базами даних

PDO-з'єднання та безпечні SQL-запити

Прості CRUD-операції з MySQL

Введення та виведення вмісту бази даних на веб-сайтах

Бази даних NoSQL та сучасні рішення для зберігання даних


Фреймворки PHP (приблизно 2 дні)

Вступ до сучасних PHP фреймворків

Laravel: вступ, маршрутизація, контролери та представлення

Переваги використання PHP-фреймворків (наприклад, повторне використання коду, безпека, модульність)

Інструменти для сучасної розробки на PHP

Вступ до CI/CD пайплайнів (наприклад, GitHub Actions, GitLab CI)

Використання Docker для розгортання PHP-додатків


Підготовка та планування проекту (приблизно 1 день)

Планування PHP проекту

Структурування та створення розкладу робіт над проектом


Робота над проектом (приблизно 1 день)

Закріплення вивченого матеріалу

Презентація результатів проекту


Об'єктно-орієнтоване програмування (близько 5 днів)

Основи ООП в PHP 8.x (класи, об'єкти, методи, властивості)

Розширення властивостей конструктора, атрибути, типи об'єднань

Спадкування, поліморфізм, інтерфейси, риси

Принципи SOLID та ін'єкція залежностей

Юніт-тести з PHPUnit

Обробка та налагодження винятків


Використання сучасного фреймворку (Laravel) (близько 5 днів)

Вступ до Laravel

Шаблони маршрутизації, контролерів, блейдів

Поняття про ORM та міграції баз даних

Розробка RESTful API

Кешування та оптимізація продуктивності


Створення зразка веб-сайту (приблизно 5 днів)

Планування та реалізація сучасного веб-додатку

Інтеграція API та фронтенд-фреймворків

Адаптивний дизайн за допомогою Tailwind CSS або Bootstrap

Розгортання за допомогою Docker


Робота над проектом, підготовка до сертифікації та складання сертифікаційного іспиту "Сертифікований PHP-розробник" (близько 5 днів)



Можливі зміни. Зміст курсу регулярно оновлюється.

Обов'язковою умовою є добре знання веб-дизайну, особливо HTML та CSS.

Після завершення курсу ви будете знайомі з повним робочим процесом сучасного веб-дизайну та створенням зручних для користувача, складних веб-сайтів: Ви будете знайомі з HTML, CSS та Dreamweaver, використанням JavaScript та Ajax, а також об'єктно-орієнтованим програмуванням на PHP.

Веб-дизайнери, веб-програмісти, графічні дизайнери, медіа-дизайнери, фахівці мистецьких професій або люди, які відповідають за концепцію, дизайн та практичну реалізацію веб-сайтів і хочуть здобути необхідні знання та навички.

Сьогодні майже всі компанії покладаються на привабливу присутність в Інтернеті, яка представляє їх як компанію. Основними потенційними роботодавцями є графічні, рекламні, веб-, мультимедійні агентства або агентства повного циклу, а також постачальники програмного забезпечення та баз даних. Навички веб-дизайну потрібні майже у всіх секторах.

Дидактична концепція

Ваші викладачі мають високу професійну та дидактичну кваліфікацію і навчатимуть вас від першого до останнього дня (без системи самонавчання).

Ви будете навчатися в ефективних малих групах. Курси зазвичай складаються з 6-25 учасників. Загальні заняття доповнюються численними практичними вправами з усіх модулів курсу. Практичний етап є важливою частиною курсу, оскільки саме в цей час ви опрацьовуєте вивчене, набуваєте впевненості та рутинності в його застосуванні. Заключний розділ курсу передбачає виконання проекту, кейс-стаді або підсумковий іспит.

 

Віртуальний клас alfaview®

BildungszentrumЗаняття проходять з використанням сучасної відеотехнології alfaview® - або з комфорту вашого власного будинку, або в нашому приміщенні за адресою . Весь курс може бачити один одного віч-на-віч через alfaview®, спілкуватися один з одним в якості голосу, синхронізованого по губах, і працювати над спільними проектами. Звичайно, ви також можете бачитись і спілкуватись зі своїми тренерами наживо в будь-який час, і протягом усього курсу викладачі навчатимуть вас у режимі реального часу. Уроки не є електронним навчанням, а справжнім живим викладанням віч-на-віч за допомогою відеотехнологій.

 

alfatraining Agentur für Arbeit Навчальні курси субсидуються та сертифікуються відповідно до положення про затвердження AZAV. Bildungsgutschein Aktivierungs- und VermittlungsgutscheinЯкщо ви подаєте заявку на або , всі витрати на курс, як правило, покриває організація, яка його фінансує.
Europäischen Sozialfonds Deutsche Rentenversicherung Фінансування також можливе через (ESF), (DRV) або регіональні програми фінансування. Berufsförderungsdienst Як військовослужбовець строкової служби, ви можете відвідувати курси підвищення кваліфікації через (BFD). Agentur für Arbeit (Qualifizierungschancengesetz) Компанії також можуть підвищити кваліфікацію своїх працівників за допомогою програми фінансування від .

Ми будемо раді проконсультувати вас безкоштовно. 0800 3456-500 Пн - Пт з 8:00 до 17:00
безкоштовно з усіх німецьких мереж.
Зв'яжіться з нами
Ми будемо раді проконсультувати вас безкоштовно. 0800 3456-500 Пн - Пт з 8:00 до 17:00 безкоштовно з усіх німецьких мереж.