Курсы Front-end разработчик

очно в Киеве или онлайн

перейти на украинский сайт

После окончания обучения выдается диплом и заявки на работу. 

Программа обучения

Введение в HTML

• Узнаем что такое HyperText Markup Language и что он определяет. Обсудим основные понятия Всемирной паутины: веб-страница, веб-сервер. Узнаем где найти перечень всех HTML-элементов и научимся добавлять разметку в обычный текст. Узнаем что такое атрибуты и зададим их некоторым HTML-элементам на странице. Вставим на страницу символы авторского права и торговой марки, узнаем о том, какие специальные символы ещё существуют. Синтаксис и семантика HTML-элементов
• Лабораторная работа по созданию сайта по теме занятия

Структура страницы

• Разберёмся когда используются элементы форматирования текста, а когда структурные элементы. Разметим страницу index.html своего сайта и проверим работу на валидаторе. Проведём работу над ошибками, найденными на своей странице.

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

• Вспомним понятие гиперссылки и научимся вставлять элементы гиперссылок на своих HTML-страницах. Поговорим о различиях записи гиперссылок и научимся вставлять необходимые атрибуты (узнаем как открывать результат в новом окне).
• На лабораторной работе создадим разметку для меню сайта.

Основы каскадных таблиц стилей CSS

• Узнаем варианты задания стилей на странице. На лабораторной работе подключим стилевой файл для оформления страницы. Обсудим базовые понятия: селектор, свойство, каскад, наследование, единицы измерения.
• Научимся писать самые распространённые виды селекторов, включая селекторы псевдоклассов и псевдоэлементов.
• Изменим оформление наших страниц: поменяем цвет фона страницы и её текст, подберём шрифт и зададим оформление отдельным частям текста.
• Лабораторная работа по созданию сайта по теме занятия

Размещение изображений, списков и таблиц

• Научимся размещать на своих страницах медиафайлы: изображения. Рассмотрим неупорядоченный и упорядоченный списки и обновим при их помощи меню своих страниц. Посмотрим как создавать таблицы и объединять в них ячейки. Познакомимся с CSS-свойствами, которые помогут оформить изученные HTML-элементы.

Iframe

• Научимся встраивать внешние файлы в страницу. Поговорим о том, куда могут быть встроены наши страницы при помощи HTML-элемента <iframe>. Рассмотрим взаимодействие ссылок с iframe-элементами

Формы для сбора данных

• Узнаем для чего предназначаются и из чего состоят формы на веб-страницах. Рассмотрим большинство HTML-элементов формы: текстовые поля, радио-кнопки, флажки/чекбоксы, элемент выбора select и их атрибуты. Создадим на своей странице форму обратной связи и обсудим как выполнить её обработку

Макетирование страницы с CSS

• Научимся изменять оформление границ, внутренних и внешних отступов HTML-элементов (все варианты записей свойств, а их много) Узнаем как задать ширину и высоту элементам. Затронем свойство float и заставим нужные элементы плавать. Научимся управлять видимостью HTML-элемента Рассмотрим и применим отдельные значения свойства display для размещения элементов в более сложные макеты, в том числе inline-block и table-cell.

Таблицы стилей для печати и оформления мобильной версии сайта - @media

• Создадим и подключим стили для оформления нашей страницы при печати, поговорим о других применениях @media. Поговорим о процессе создания мобильной версии сайта и напишем медийные запросы (@media queries) для своих страниц. Узнаем о существовании других медиа свойств (media feature)

Подготовка, размещение и поддержка сайта в сети

• Узнаете зачем и как можно использовать элемент meta для размещения мета-информации на страницах. Посмотрим как выбрать хостера, хостинг и разместить сайт в сеть при помощи FTP-клиента. Услышим как упростить процесс размещения сайта в сеть 3 часа
• Лабораторная работа по созданию сайта по теме занятия

Гибкая работа со страницами сайта

• Узнаем как размещать на своих страницах звуковые и видео-файлы. Обсудим понятие микроразметки и проверки её валидности. Затронем тему генерации содержимого сайта на лету на сервере. Поговорим о динамической работе с HTML-элементами и CSS-свойствами на странице в браузере. Определим нужен ли для вашего проекта HTML5 API
   

JavaScript

Основы программирования

• Введение в JavaScript (ECMAScript-262)
• Обзор базовых типов
• Операторы
• Выражения и инструкции
• Переменные и константы
• Манипуляции с базовыми типами
• Тривиальные типы

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

• Цикл while
• Операторы инкремента и декремента
• Цикл for
• Цикл do while
• Управляющие конструкции if – else if – else
• Прерывание и продолжение цикла
• Управляющая конструкция switch
• Практикум: Практическое применение управляющих конструкций в JavaScript

Функции

• Понятие функций
• Декларация функций
• Аргументы функции
• Возврат значений
• Области видимости
• Функция-выражение
• Анонимная функция
• Практикум: Использование функций при процедурном подходе в программировании

Объектные типы

• Объектный тип: Объект (Object)
• Свойства объекта
• Методы объекта
• Объектный тип: Массив (Array)
• Свойство и методы функций
• Практикум: Использование объектных типов в JavaScript

Объектно-ориентированное программирование

• Конструкторы объектов
• Прототипы
• Классы
• Практикум: Применение объектно-ориентированного подхода в программировании

JavaScript. Использование библиотеки jQuery

Введение в jQuery

• Использование текстовых редакторов
• Использование javascript-консоли в браузерах
• Введение в jQuery
• API jQuery
• Выборка в jQuery
• Фильтрация
• DOM: отношения элементов
• Работа с элементами веб-формы
• Лабораторная работа

События и манипуляции с элементами

• События jQuery
• Обработка событий
• Объект Event
• Отмена событий
• Добавление элементов
• Манипуляции с элементами
• Делегирование событий
• Лабораторные работы

Анимация в jQuery

• Базовые эффекты
• Управление эффектами
• Метод animate()
• Исследование анимации
• Полезный метод grep()
• Лабораторные работа

Практическая работа с jQuery

• Создание кода плавного показа картинок
• Оптимизация кода
• Создание шаблонизатора
• Использование шаблонизатора Handlebars

Технология и психология трудоустройства:

Поиск работы

• Мониторинг рынка труда, уровня предлагаемых заработных плат, условий, требований по специальности.
• Поиск фирмы: сбор и анализ доступной информации о возможных работодателях.

CV. Подготовка самопрезентации

• Составление CV. Важные мелочи при составлении Резюме. Самая распространенная ошибка – плагиат.
• Правила составления Резюме: системность, краткость, информированность.
• Сопроводительное письмо.
• Предоставление рекомендаций.
• Телефонный разговор с представителем фирмы-работодателя.

Организация встречи с работодателем. Собеседование, тестирование: стратегия поведения. Психологический тренинг. Вопросы найма, трудовые и иные контракты

• Получение приглашения на работу: встреча с работодателем; самопрезентация во время собеседования.
• Вопросы работодателя: типичные, атипичные, заковыристые, на проверку выдержки, на правдивость.
• Варианты возможного собеседования (Ситуационное собеседование. Стрессовое собеседование. Групповое собеседование. Метод проективного интервью.)
• Тесты: профессиональные; личностные; межличностные.
• Получение работы: заключение контракта, виды контрактов, их последствия; испытательный срок.
• Что обязательно нужно выяснять соискателю до оформления трудовых отношений.
• Примеры поведения «хитрых» работодателей, «бесплатная» работа.
• Алгоритм и правила «правильного» трудоустройства. 

Психология общения с клиентами:

Психология успешного общения с клиентами

• Имидж и его составляющие в глазах клиента
• Не вербальные характеристики имиджа – внешний вид, особенности пластики, мимики, невербальных характеристик речи.
• Вербальные характеристики – выбор языка общения, культура общения, грамотность речи (профессиональный сленг, слова паразиты и тп). Важность грани между дружелюбием и фамильярностью, уверенностью в себе и самоуверенностью, требовательностью и наглостью.
• Репутация и «легенда о себе», значение, простые способы создания правильной «легенды».
• Темперамент, характер, ценности и установки. Какие особенности помогают, а какие мешают установлению правильных отношений с клиентом.
• Подстройка. Психоманипулятивные техники повышающие эффективность общения (убедительность речи, умение вызывать доверие и просто нравиться людям).
• Основы НЛП – запрещенные слова и фразы, способы формирования «позитивных формул». Речевые сигналы от клиента, их важность и работа с ними.
• Запрещенные темы для обсуждения с клиентами.
• Запрещенные темы для обсуждения между коллегами при клиентах.

Клиент.

• Классификация клиентов по гендерным, возрастным, социальным и психологическим особенностям.
• Особенности восприятия женщины – клиента и мужчины – клиента.
• Особенности работы с разными возрастными категориями.
• Социальный статус клиента и его значение.
• Психологические особенности клиента, способы их выявления, их учет в работе с клиентом.
• Потребности, желания и цели клиента – главный ориентир в построении работы с клиентом.
• Выявление потребностей, желаний и целей клиента при помощи техники активного слушания.

Конфликт.

• Работа с жалобами и возражениями.
• Слова-конфликтогены;
• Виды претензий: обоснованные, необоснованные, с целью шантажа;
• Необходимость приветствия возражений;
• Основные ошибки при принятии жалоб;
• Как правильно говорить «нет»;
• Работа со стандартными претензиями;
• Чем могут быть полезны Вам претензии и жалобы клиентов;
• Когда необходимо привлекать администрацию к решению ситуации.

 Варианты оплаты:

Физическое лицо:

• оплатить обучение можно наличными в кассу учебного центра;
• картой через терминал Приватбанка в офисе;
• на сайте картой через калькулятор,
• квитанцией через Ощадбанк (Приватбанк),
• заключить договор через вайбер (телеграмм) и получить счет.

Юридическое лицо (предприятие):

• с р/с предприятия, где Вы работаете, для этого нужно заключить договор с учебным центром:

1. для договора нужно переслать нам на вайбер (098) 087-31-41 реквизиты предприятия,
2. ФИО директора и указать на основании какого документа он действует).

Наш адрес и телефоны:

• Украина, Киев, метро "Вокзальная", ул. Патриарха Мстислава Скрипника (бывшая ул. Николая Островского), 58.
  
• (098) 087-31-41, (095) 527-00-70
• вайбер (098) 087-31-41

Образование:

• Киевский институт рекламы, Графический дизайн и реклама
• Художественная школа №1
• Криворожский педагогический университет

Опыт работы:

• ДП "Эйвон косметикс Юкрейн", отдел маркетинга, специалист по компьютерной графике, веб-дизайнер, веб-разработчик
• АН "CREDO", менеджер по рекламе
• РИА "Перекресток" , веб-дизайнер
• Консалтинговая фирма "Nazcabusiness", веб-дизайнер

Высококлассный ресторатор-практик с опытом работы преподавателя и бизнес-тренера.

Образование:

• Национальный университет пищевых технологий - получено звание доцента кафедры информационных систем и технологий
• Национальный университет пищевых технологий - диплом специалиста по специальности "Менеджмент организаций"
• Национальный университет пищевых технологий - диплом специалиста по специальности "электроснабжение и электросбережение"

Опыт работы:

• Преподаватель курса SQL(не полная занятость)
• Инженер-программист Авиационного учебного центра
• Доцент, заведующий кафедрой Компьютерно-интегрированных технологий
• Доцент, заместитель начальника центра информационных технологий

   

Образование:

• Институт Дизайна (Киев)
• Год окончания 2010

Опыт работы:

• Web Designer - Бф Часослов с февраля 2010 по - настоящее время
• HTML-верстальщик
• Front End программист
• Дизайнер ( Web design HTML 5) отличное знание программ HTML5 / CSS3/JS/ ReactJS/ Redux/Vue.js
• Уверенные знания HTML5, CSS3
• БЭМ
• CSS-препроцессор
• jQuery (native JS)
• Git (Bitbucket)
• Adobe Photoshop, Adobe IIlustrator. InDesign, CorelDraw.

Трёхмерные решения для сайтов в программе Blend4Web.

Опыт в разработке дизайна сайтов, UI, понимание грамотного юзабилити сайтов, понимание макетирования разрешений на разные экраны, умение создавать макет в PSD для верстки.

Креативный и современный взгляд на дизайн, интерес к развитию в дизайне.

• Макеты Дизайн пользовательского интерфейса для настольных и мобильных устройств
• Разработка процесса Дизайн графики и инфографики для корпоративных коммуникаций
• Разработка контента для корпоративного сайта
• Поддержание целостности бренда
• Разработка фирменных комплектов связи

Примеры:

• HTML5 сайт
• http://p.happygnom.com.ua
• http://q.happygnom.com.ua
• http://www.happygnom.com.ua/
• http://all.happygnom.com.ua/
• WEB Presentation
• https://urlid.ru/b48a

Опыт работы:

• Программист-практик с многолетним опытом разработок сайтов различной сложности: от простых сайтов визиток с интеграцией верстки на CMS Wordpress до сложных интернет магазинов, порталов с проектированием баз данных для индивидуальной системы управления контентом. В своих проектах использует технологии: HTML5/CSS3 - блочная верстка сайтов с использованием новых технологий, включающих в себя адаптивность сайта под различные размеры экрана, анимации и трансформации при помощи каскадных таблиц стилей, кроссбраузерность верстки; JavaScript/jQuery; PHP; CMS WordPress; MySQL. Преподаватель обладает обширными знаниями в области веб-технологий.  Занимался разработкой, продвижением сайтов и различных автоматизированных систем. Большой опыт работы позволяет ему свободно ориентироваться в вопросах разработки и внедрения интернет-решений. Он создавал и интегрировал веб-технологии для компаний самых различных отраслей и направлений.