Front-end разработка и веб-дизайн

Занятия проводятся вечером, с 17.15 в мини группах (2-3 человека) по 4 академических часа в день, два раза в неделю.
Дни и время проведения занятий согласовываются при регистрации на курс.
Есть возможность выбрать форму обучения: контактную или дистанционную.

Курс для начинающих, которые хотят изучать программирование.
Группа формируется с учетом предварительных знаний.
Предварительные необходимые знания: базовая компьютерная подготовка – Windows и Интернет. Интерес к программированию.

Цель курса:

  • Приобрести практические навыки фронт-энд дизайнера
  • Получить практические знания о специальных инструментах фронт-энд разработчика
  • Получить практические знания верстки HTML5 и CSS3
  • Научиться понимать и использовать JavaScript и библиотеки jQuery в проектах
  • Научиться эффективно использовать готовые алгоритмы и решения на основе bootstrap фреймворка

Продолжительность: 120 академических часов. Аудиторная и практическая работа в классе с преподавателем 60 академических часа. В процессе обучения необходимо не менее 60-ти часов самостоятельной работы.
Аттестация проводится в виде теста на последнем занятии или на основании оценок практических работ, выполняемых во время обучения на курсе.

Язык обучения: русский.
Количество человек в группе: 2-3

В конце курса обучающийся:

  • Умеет создавать дизайн сайта используя приемы фронт-энд
  • Умеет верстать сайт с помощью HTML5 и CSS3
  • Умеет использовать фреймворк Bootstrap 4
  • Умеет использовать специальные инструменты фронт-энд разработчика
  • Умеет писать код на JavaScript и использовать библиотеку jQuery

Как оцениваются знания ученика:
После разбора теоретической и практической части ученик должен сделать контрольную работу. Контрольная работа состоит из следующих действий:

  • Ученику дается картинка, на которой изображен элемент дизайна или шаблон или часть шаблона, или другое, связанное с фронт-эндом. Ученик должен детально воспроизвести, то что видит, используя HTML5, CSS3, Javascript или Angular. Использовать можно знания которые были приобретены на практических уроках, а также знания, которые ученик приобрел в ходе самостоятельных работ.

Контрольная работа делается самостоятельно и в классе, при физическом присутствии учителя. Во время контрольной работы разрешается пользоваться интернетом и мобильным телефоном для поиска информации и документации.

Оценочная шкала:
Для усвоения материала ученик должен получить минимальный проходной балл.
Минимальный проходной балл для данного курса – 60%. Минимальный проходной балл показывает, что ученик усвоил материал. Для получения минимального проходного балла в контрольной работе ученик должен использовать более 60% приёмов и наработок, представленных во время практических занятий. Финальная работа оценивается учителем на месте.

Оцениваются два навыка, которые должен усвоить обучающийся:

  • Умение делать поиск в интернете по документации к технологии, которой пользуется для решения задания.
  • Умение применить знания для написания разметки кода и программирования приложений на Javascript и Angular.

Программа:

В начале курса обговаривается рапределение нагрузки так, чтобы затронуть наиболее проблемные места в зависимости от общей начальной подготовки.

ПРОГРАММА КУРСА

Базовые знания GIT (4 академических часа)

Инициализация git проекта
Создание проекта на gitlab.com и github.com
Сценарий исправления конфликтов при разработке
Создание веток и их слияние
Публикация проекта на центральном сервере gitlab.com или github.com
Базовые знания HTML (2 академических часа)

Теги: списки, таблицы, формы
Стили: классы, id (связывание тегов с CSS)
Базовые знания CSS (2 академических часа)

Синтаксис языка стилей
Манипулирование как одним HTML элементом тая и несколькими одновременно
Форматирование объектов: Цвета, шрифт, отступы, прозрачность, тени, геометрические фигуры (color, font-face, margin, padding, float, shadow, geometry …)
Создание скелета страницы и Структура объектов (Header, section, aside, footer, display, float…)
Адаптивная верстка (responsive design) – мобильный, планшет, монитор (разные
разрешения)
Практические уроки по адаптивной верстке (8 академических часа)

Задание 1 (с учителем): создать верстку страницы по картинке
Задание 2 (с учителем): создать скелет страницы: меню, элементы дизайна, и т.д.
Базовые знания Javascript (8 академических часов)

Переменные (var, let), типы, преобразование типов
Функции, использование функций
Массивы, объекты (json формат)
Циклы (for, foreach), циклы для объектов
События, связывание событий и html элементов
Практические уроки по Javascript (8 академических часа)

Задание 1 (с учителем): создание аналоговых часов (html, css, javascript)
Задание 2 (с учителем): создание лендинга и работа с памятью и сессиями (html, css, javascript)
jQuery использование в приложениях (4 академических часов)

DOM манипуляции, эффекты и анимация
События и их привязка к HTML элементам
Использование plug-in-ов
Создание своих приложений
AJAX
API (RESTful), использование API и JSON для своего приложения
Практические уроки по использованию jQuery (4 академических часа)

Задание 1 (с учителем): использование эффектов
Задание 2 (с учителем): потребление сервисов API и использование на своей странице
Bootstrap 4 возможности и синтаксис (2 академических часа)

Установка Bootstrap 4 в html-страницу или веб-сайт (также установка через NodeJS и NPM)
Как верстать блоки на сайте с помощью Grid System
Flexbox и позиционирование блоков
Компоненты
Практические уроки Bootstrap 4 (8 часов)

Задание 1 (с учителем): создать галерею изображений или товаров на сайте
Задание 2 (с учителем): Программирование поведения компонентов с помощью Javascript и jQuery
Задание 3 (с учителем): Как сделать модальное окно на сайте
Задание 4 (с учителем): Как создавать верстку страниц с помощью Bootstrap 4
TypeScript как основа для Angular (4 академических часа)

Быстрый старт. Экосистема TypeScript.
Система типизации TypeScript: области декларации, основные типы и структуры данных, интерфейсы и их применение
Обобщения (Generics) и типизация сложных структур, условные типы (Conditional
Types) и сопоставленные типы (Mapped Types)
Функции и классы в TypeScript: особенности типизации и перегрузка функций.
ООП в TypeScript (модификаторы доступа, safe и hard privacy, абстрактные классы, миксины …)
Декораторы и аннотации
Практические уроки TypeScript (2 академических часа)

Задание 1 (с учителем): Пишем свои декораторы и аннотации (логирование, обработка ошибок, runtime проверка типа данных, валидация …).
Sass как основа для Angular (6 академических часа)

Зачем использовать Sass/SCSS вместо CSS?
Препроцессор Sass
Синтаксис: Пререквизиты, Переменные, Вложенные правила, Амперсанд
Миксины (они же примеси)
Арифметические операции: сложение и вычитание, умножение, деление, остаток
Операторы сравнения: Логические операторы, Строки
Операторы управления потоками: if(), @if
Директива @for, @each, @while
Функции в Sass/SCSS
Тригонометрия
Angular основы и уровень не начинающего специалиста (10 академических часов)

Компоненты
Стили
Шаблоны
Привязка данных и событий
Строковая интерполяция
Директивы: ng*: ngIf, ngFor, ngStyle, ngClass…
Пайпы (pipes)
Внедрение зависимостей
Сервисы
Маршрутизация
Модули
Реактивные формы
Шаблон управляемых форм
HTTP-запросы

Условия расторжения и выдаваемые документы:

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

Обучение может быть прекращено по причине болезни учащегося или по взаимному соглашению. Условия прекращения обучения оговариваются отдельно в каждом конкретном случае.

Описание среды обучения:

Организация учебного процесса:

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

Наша цель индивидуальный подход к каждому ученику. Мы делаем все возможное чтобы обеспечить качественный учебный процесс, начиная от квалифицированных специалистов, которые читают курсы; местоположения учебного центра; технической подготовки классов; интерьера помещений и заканчивая кофе паузой. Учебный центр гарантирует каждому участнику учебного процесса кофе паузу, если продолжительность курса превышает 2 академических часа.

Предоставляем возможность учащимся использовать лицензии на изучаемые программы в классе, во время обучения и также личном компьютере на весь период обучения. В компьютерных классах есть все необходимое техническое оборудование, и Wi-Fi интернет. Мы используем операционные системы Windows, полный пакет Office 365, приложения Adobe Creative Cloud и др.

Дополнительно для закрепления пройденного материала преподаватель дает учащимся конкретные ссылки из интернета, справочники/ссылки на книги и обучающие видео в качестве учебных материалов. Каждому участнику, при желании, предоставляется персональная карта памяти объемом 32 Гб для хранения учебных материалов и для записи выполненных домашних заданий.

Учащиеся могут рассчитывать на поддержку и консультацию от преподавателя в течение 2 месяцев после прохождения обучения.

Используемые методы:

Интерактивные лекции, групповая работа, письменные учебные материалы, обучающие видео.

Порядок и сроки оплаты:

Плата за обучение должна быть внесена до начала курса на основании счета или графика платежей. В исключительных случаях график платежей с цифровой подписью обеих сторон.

Основание и порядок возврата платы за обучение:
Если к дате окончания обучения вся сумма не выплачена, преподаватель имеет право не выдавать участнику сертификат о прохождении курса. При отмене обучения менее чем за 2 рабочих дня до начала обучения оплата не возвращается.

В случае отмены обучения, пожалуйста, сообщите нам об этом по телефону +372 5691 1250 или по электронной почте hanta@hanta.ee.

Учебный центр оставляет за собой право вносить изменения в учебный план.
Если группа на выбранный курс не набрана, учебный центр имеет право отменить курс. В этом случае те, кто зарегистрировался на обучение, будут уведомлены не менее чем за три дня до отмены курса. Сумма, уплаченная за курс, будет возвращена или, при желании, переведена как предоплата за обучение в следующем наборе на выбранный курс.

Споры решаются по совместной договоренности.

Время:

16.12
13.02.2025

Цена:

Регистрация:


    Способ оплаты:



    Примечание! Отправляя эту форму, мы обрабатываем ваши данные в соответствии с нашей политикой конфиденциальности. Этот сайт защищен Google reCAPTCHA и политикой конфиденциальности этого сервиса и
    Условия использования


      Makseviis:



      NB! Saates seda vormi me töötleme sinu andmeid vastavalt meie privaatsuspoliitikale Seda saiti kaitseb Google reCAPTCHA ja rakenduvad selle teenuse privaatsuspoliitika ja
      teenusetingimused

      Лектор:

      Vladimir Kjahri

      Tallinna Tehnikaülikool – magistrikraad – eriala: IT , lisaeriala: infotöötlus Infotehnoloogia projektide juhendamine, programmeerimine. Tallinna Pedagoogikaülikool – bakalaureusekraad. IT-spetsialist, programmeerija, tarkvaraarendaja.