Frontend розробник

Безкоштовно для вас

через просування

Після цього курсу ви знатимете повний робочий процес сучасного веб-дизайну та створюватимете складні веб-сайти. Ви матимете ґрунтовні знання з JavaScript та Ajax і дізнаєтеся, як штучний інтелект (ШІ) використовується у вашому професійному середовищі.
  • Тип ступеня: Сертифікат "Frontend розробник"
  • Додаткові кваліфікації: Сертифікат "Веб-дизайн за допомогою HTML/CSS/Dreamweaver"
    Сертифікат "JavaScript Developer
  • Підсумковий іспит: Практична робота над проектами з фінальними презентаціями
  • Час занять: Повна зайнятість
    З понеділка по п'ятницю з 8:30 до 15:35 (у святкові дні з 8:30 до 17:10)
  • Мова викладання: Німецька
  • Тривалість: 16 Тижні

Веб-дизайн за допомогою 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 днів)

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

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

Розробник JavaScript

Основи JavaScript (близько 7 днів)

Вступ до

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

Елементи мови

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

Оператори

Керуючі структури

Умовні оператори

Цикли

Функції

масиви

Об'єкти

файли cookie

Веб-сховище

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


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

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

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


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

основи

Вибір HTML

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

стилізація

Події

Створення DOM-елементів

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


AJAX (близько 3 днів)

Вступ до

Функціональність

Необхідні умови

http запити

Об'єкт XMLHttpRequest

Синхронні та асинхронні запити

Веб-сервіси/передачі:

- JSON

- XML/XML-відповідь


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

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

jQuery

Переваги та недоліки


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

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

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


Спеціалізація JavaScript (близько 6 днів)

Керівництво з програмування

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

Глобальна та локальна область видимості, блокова область видимості

Функції зі стрілками, відмінність від класичного синтаксису

DOM: об'єкт події

Решта параметрів

Метод масивів

Функції високого порядку для масивів

Розширений синтаксис, деструктуризація

Створення об'єктів за допомогою конструкторів, класів, фабрик

Геттери та сеттери, динамічні атрибути

Прототипування, успадкування об'єктів

Створення та керування картами та колекціями наборів

Ітератори та генератори


NodeJS (близько 4 днів)

Структура та встановлення

Модулі

NPM

Створення веб-сервера (експрес)

Власне проміжне програмне забезпечення

REST-методи

GET та POST

Передача даних

Завантаження файлів на сервер

Зв'язок з базою даних MySQL

Синтаксис вибірки для AJAX-запитів

Обіцянка для асинхронних функцій

Веб-сокети

Елемент Canvas

Малювання фігур

Методи заливки

Інтегрування та анімування піксельної графіки


Односторінковий додаток (приблизно 3 дні)

ReactJS:

- Вступ, теоретичний розгляд, встановлення

- Функціональність та переваги Virtual DOM

- Компоненти, вкладеність, передача параметрів

- Оновлення контенту, слухач подій

VueJS:

- Вступ, теоретичний розгляд

- Віртуальний DOM, двонаправлене прив'язування даних

- Вирази, директиви, прив'язки

- Користувацькі директиви, обчислювані властивості компонентів


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

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

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



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

Після завершення курсу ви будете знайомі з повним робочим процесом сучасного веб-дизайну і зможете створювати зручні та складні веб-сайти. Ви також матимете ґрунтовні знання з JavaScript та Ajax і зможете використовувати їх для реалізації складних інтернет-додатків.

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

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

Ваш змістовний сертифікат дає детальне уявлення про отриману кваліфікацію та покращує ваші кар'єрні перспективи.

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

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

Ви будете навчатися в ефективних малих групах. Курси зазвичай складаються з 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 безкоштовно з усіх німецьких мереж.