Веб-инженер

Ты знаешь рабочий процесс для современного веб-дизайна и удобных сайтов: HTML, CSS и Visual Studio Code. Ты знаком с использованием JavaScript и jQuery. Также ты знаешь, как успешно разрабатывать и измерять эффективность сайтов с помощью инструментов SEO и SEM и как использовать искусственный интеллект (AI) в своей работе.
  • Тип степени: Сертификат "Веб-инженер
  • Дополнительная квалификация: Сертификат "Веб-дизайн с помощью HTML, CSS и Visual Studio Code"
    Сертификат "Сертифицированный менеджер SEM
    Сертификат "JavaScript
    Сертификат "Сертифицированный PHP-разработчик
  • Итоговый экзамен: Praxisbezogene Projektarbeiten mit Abschlusspräsentationen
    Certified SEM Manager
    Certified PHP Developer
  • Время уроков: Полный рабочий день
    С понедельника по пятницу с 8:30 до 15:35 (в праздничные дни с 8:30 до 17:10).
  • Язык обучения: Немецкий
  • Продолжительность: 24 Недели

Веб-дизайн (код HTML/CSS/Visual Studio)

HTML и CSS (около 6 дней)

Введение в HTML

Основные принципы

Теги для создания текста (h1-h6, p, br, span)

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

Интеграция графики

Ссылки (внутренние, внешние, телефонные, mailto link)

Фавиконы

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

Правильная структура синтаксиса

Проверка с помощью инструмента проверки W3C

Введение в CSS

Варианты интеграции спецификаций CSS (внутренний, внешний, инлайн-стиль)

Основные команды (оформление текста, цвет шрифта, цвет фона)

Контейнеры HTML

Использование и стилизация контейнеров

Интеграция YouTube и Google Maps

Видео- и аудиоплеер

Подгонка под объект


VS Code (около 1 дня)

Введение в VS Code

Дополнительные расширения для VS Code. (например, Live Server, Emmet Commands, Copilot (AI)).

Использование искусственного интеллекта в сочетании с VS Code


Техника верстки (около 4 дней)

Классы, идентификаторы, селекторы

Вводная модель коробки

Padding, margin, border, border-radius и их сокращения

Введение в Flex-Box

Макеты с флексбоксом

Выравнивание с помощью Flexbox

Введение в систему сеток

Макеты с сеткой

Выравнивание с помощью системы Grid

Плавающий текст вокруг изображений с помощью float и clear

Общие свойства отображения тегов

Фоновые изображения


Состояние и значения (около 1 дня)

Введение псевдоклассов (hover, active, focus, nth-child, first-child, last-child)

Псевдоэлементы (::before, ::after, content)

Специфика (значение кодов)


Позиционирование (около 2 дней)

Введение в позиционирование

Статическая, абсолютная, фиксированная, липкая, относительная

Слева, справа, сверху, снизу, z-index

Выпадающие меню

:target

:target в сочетании с навигационными меню и модалами


Формы (около 2 дней)

Введение в формы

Набор полей, легенда

Ввод, текстовые поля, метки, значения, имя, выбор

Автозаполнение

Дизайн форм с помощью CSS

Интеграция php-скрипта в действие с AI


Эффекты и шрифты с помощью CSS (около 1 дня)

Эффекты перехода CSS

Переход, фильтр, трансформация

Цветовые градиенты, box-shadow, text-shadow

Интеграция шрифтов с помощью @font-face


Отзывчивый веб-дизайн (около 2 дней)

Введение в отзывчивый дизайн

Медиа-запросы, точки разрыва

Ландшафтный, портативный режим

Отзывчивые изображения с помощью картинок и srcsets

Редактирование изображений, сжатие изображений

Генерация изображений с помощью искусственного интеллекта


Поисковая оптимизация (около 1 дня)

Введение в SEO

Оптимизация страниц и использование текстов, сгенерированных искусственным интеллектом

Оптимизация производительности для улучшения SEO и презентация подходящих инструментов


Техники CSS и взаимодействие с ними (около 2 дней)

Переменные CSS

Темный режим

Вычисления с помощью CSS

Введение в CSS-анимацию

Длительность, задержка, направление, функция синхронизации, счетчик итераций, режим заполнения

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


Одностраничник и многоязычие (около 2 дней)

Введение в одностраничники

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

Интеграция библиотеки fontawesome

Работа с графикой SVG

Интеграция слоев и настройка CSS

Многоязычные веб-сайты


Расширения и фреймворки (около 1 дня)

Введение в Bootstrap

Использование компонентов Bootstrap

Отзывчивый дизайн с помощью Bootstrap


JavaScript (около 3 дней)

Введение в JavaScript

Методы JavaScript/jQuery

Создание лайтбокса jQuery

Переменные

Операторы If-else

Прокрутка, окно, изменение размера

массивы

For-loop

Математический объект


Юридические требования и управление проектами (около 2 дней)

Интернет-право

Авторские права в связи с AI/KI

Доступность

Управление проектами


Работа над проектом (около 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

Обратные ссылки и меры по наращиванию ссылочной массы

Индекс видимости

Анализ страниц


Google Ads (около 2 дней)

Google Ads

Анализ намерений поисковых запросов

Создание списков ключевых слов

Типы кампаний/цели/структура поисковых объявлений Google

Планировщик ключевых слов Google

Настройка и управление кампаниями

Аукцион Google Ads


Веб-аналитика (около 3 дней)

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

Цели и функции

Защита данных

Измерение охвата

Возможности и пределы собираемых данных

Настройка Google Analytics 4/демонстрационный аккаунт

Отчеты в реальном времени

Анализ целевых групп

Происхождение посетителей сайта

Отслеживание событий и целей

Отслеживание событий

Поисковая консоль Google

Поведение посетителей

Google Tag Manager

куки


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

JavaScript

Основы JavaScript (около 7 дней)

Введение в JavaScript, история, области применения

Версии скриптов ECMA

Интеграция JavaScript в HTML

IDE: установка и знакомство с WebStorm

Элементы языка: переменные, константы, типизация

Примитивные типы данных: Число, Строка, Булево

Коллекционные типы данных: Массивы, объекты

Копирование по ссылке и копирование по значению

Арифметические и логические операторы

Управляющие структуры: условия, циклы, функции

Область видимости, глобальная область видимости, область видимости блока

Обработка ошибок

Локальное хранение: куки, веб-хранилище

JSON

Импорт/экспорт ES6

Контроль версий с помощью Git, знакомство с GitHub


Работа с DOM с помощью JavaScript (около 5 дней)

Выбор HTML

Содержание, атрибуты и стилизация

События, объект события, пузырьки

Наблюдатель пересечений и наблюдатель мутаций

Создание, копирование, перемещение и удаление элементов DOM


Фреймворки/библиотеки (около 1 дня)

Создание собственной библиотеки


ИИ (около 1 дня)

Презентация конкретных технологий ИИ в профессиональной среде

Искусственный интеллект (ИИ) в рабочем процессе

Интеграция ИИ в IDE

Использование ИИ для завершения кода, рефакторинга и поддержки обучения


Работа над проектом (около 6 дней)

Закрепление изученного материала

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

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

Основы разработки на PHP (около 5 дней)

Настройка современной среды разработки

Знакомство с Docker для локальной разработки

Обзор инструментов IDE (Visual Studio Code, PhpStorm и т. д.)

Рабочий процесс Git

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

Переменные, типы данных, константы

Массивы и строки (включая новые функции в PHP 8.x)

Выражения, операторы, управляющие структуры

Функции, анонимные функции и закрытия

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

Союзные типы и именованные аргументы

Введение в атрибуты

Composer и управление пакетами

Стандарты PSR


Искусственный интеллект (ИИ) в рабочем процессе

Презентация конкретных технологий ИИ

и возможного применения в профессиональной среде


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

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

Запросы GET и POST

Работа с cookies и сессиями

Валидация и обеззараживание пользовательского ввода

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

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

AJAX и взаимодействие на основе JSON

Безопасность и обработка ошибок

Защита от XSS, CSRF и SQL-инъекций

Регистрация и отладка ошибок (с помощью таких инструментов, как Xdebug)


Работа с базами данных (около 4 дней)

Основы SQL и баз данных

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

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

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

Подключение PDO и безопасные SQL-запросы

Простые операции CRUD с MySQL

Ввод и вывод содержимого баз данных на веб-сайтах

Базы данных NoSQL и современные решения для хранения данных

Альтернативное хранение данных с помощью Redis (кэширование, сессии)


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

Введение в современные PHP-фреймворки

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

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

Инструменты для современной PHP-разработки

Введение в конвейеры CI/CD (например, GitHub Actions, GitLab CI)

Использование Docker для развертывания PHP-приложений

Классификация архитектур: монолит против микросервисов


Подготовка и планирование проекта (около 2 дней)

Планирование PHP-проекта

Структурирование и составление графика работы над проектом


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

Закрепление изученного материала

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


Объектно-ориентированное программирование (около 5 дней)

Основы ООП в PHP 8.x (классы, объекты, методы, свойства)

Продвижение свойств конструктора, атрибуты, типы объединения

Наследование, полиморфизм, интерфейсы, черты

Введение в паттерны проектирования (фабрика, стратегия)

Принципы SOLID и инъекция зависимостей

Модульные тесты с PHPUnit

Обработка исключений и отладка


Использование современного фреймворка (Laravel) (около 5 дней)

Введение в Laravel

Маршрутизация, контроллеры, модели, шаблоны лезвий

Eloquent ORM и миграция баз данных

Разработка RESTful API

Кэширование и оптимизация производительности

Создание команд Artisan

События, слушатели и вещание (Laravel Echo)

Очереди и задания (+ Laravel Horizon)

Уведомления и почта

Sanctum + Passport (Token-Auth для SPA и API)

Ресурсы API и ограничение скорости


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

Планирование и реализация современного веб-приложения

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

Отзывчивый дизайн с помощью Tailwind CSS или Bootstrap

Развертывание с помощью Docker


Работа над проектом, подготовка к сертификации и сертификационный экзамен "Сертифицированный PHP-разработчик" (около 5 дней)



Возможны изменения, содержание курса регулярно обновляется.

По окончании курса вы будете знакомы с полным циклом работы по созданию современного веб-дизайна и удобных, сложных веб-сайтов: HTML, CSS и Visual Studio Code будут вам так же хорошо знакомы, как и использование JavaScript и объектно-ориентированного программирования на 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 бесплатно из всех немецких сетей.