Front-end arendus ja veebidisain (17.15)

Front-end arendus ja veebidisain (17.15)
Начало: 1.03.2022
2082.50€ /29.75€/1 ak.t. +20%
Место проведения

Narva mnt 7b (Zenith Ärimaja, tuba 315, 316, 317),Tallinn,Estonia

Kursuse omadused
  • Объем курса 120 ак.час. (c учителем 70 ак.час., 50 ак.час. самостоятельной работы)
  • Время 01.03.2022 - 28.04.2022; 17.15-20.30
Описание курса

Занятия проходят 2 раза в неделю с 17:15 до 20:30.
По желанию есть возможность выбрать форму обучения: контактную или дистанционную.
Дни проведения занятий согласовываются при регистрации на курс.

Целевая группа: начинающие, которые хотят изучать программирование.
Группа формируется с учетом предварительных знаний желающего учиться.

Цель курса:

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

Предварительные знания: Базовая компьютерная подготовка — Windows и Интернет. Интерес к программированию.

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

Стоимость: 1 академический час 29.75 euro+ 20% налог; стоимость курса 2082,50 euro + 20% налог,  (сумма с налогом — 2499.00 euro)

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

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

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

Как оцениваются знания ученика:

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

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

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

Оценочная шкала:

Для усвоения материала ученик должен получить минимальный проходной балл.

Минимальный проходной балл для данного курса — 60%.

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

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

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

Программа:  

NÄITA

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

 Программа курса

Базовые знания 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-запросы

 

Lõpetamise tingimused ja väljastatavad dokumendid:

Koolituse lõpus teeb õpilane eksamitöö. Eksamitöö, edukal sooritamisel väljastatakse kursuse lõpetanule tunnistus.
Tõend väljastatakse õppijale kui õpitulemusi ei saavutatud, kuid õppija võttis osa õppetööst. Tõend väljastatakse vastavalt osaletud kontakttundide arvule.

Toimumise koht:

Koolitused toimuvad Tallinnas õppeklassides aadressil: Narva mnt. 7B (Zenith Ärimaja, tuba 315, 316, 317). Ruumid vastavad tööohutuse ja töötervishoiu nõuetele.

Õppekeskkonna kirjeldus:

Arvutiklassides on olemas kogu vajalik tehniline varustus, internet ja WiFi.

Õppekeskus tagab igale koolitusel osalejale kohvipausi, kui kursus on pikem kui 2 tundi.

Koolitusgruppide suurused on erinevad ja sõltuvad koolituse raskusastmest, kuid eesmärgiks on tagada individuaalne areng koolituse jooksul. kasutame Windows 10 operatsiooni süsteeme ning Office 365 ja Adobe Creative Cloud täispakett-aastase kasutusõigusega,  kasutamiseks õppeklassis koolituse ajal ning koolituse perioodil.

Koolitus toimub loengute, praktilise ja iseseisva töö vormis.

Koolituse õppematerjalideks annab õpetaja õpilastele konkreetsed lingid internetist, viited / lingid raamatutele ja õppevideotele. Koolitusel läbitud õppematerjalide salvestamiseks ja kodutööks antakse igale osalejale personaalne mälupulk 32GB. Informatsiooni õppeaine kohta saab ka internetist meie koolitajate poolt õppetöö ajal soovitatud saitidelt (näiteks http://metshein.com/index.php/kontoritarkvara). Õpilastele on konsultatsioonid ning koolitajate poolne abi 2 kuud peale koolituse läbimist.

Kasutatavad meetodid:

interaktiivsed loengud, rühmatööd, kirjalikud õppematerjalid, õppevideod.

Õppemaksu tasumise kord ja tähtaeg:

Õppemaks tuleb tasuda enne kursuse algust esitatud arve või maksegraafiku alusel. Erandjuhtudel mõlema poole poolt digitaalselt allkirjastatud maksegraafik.
Õppemaksu tagastamise alused ja kord:  Koolitusest loobumise korral palume sellest teada telefonil 56911250 või e-postile omis@omis.ee .

Kui koolituse lõppkuupäevaks ei ole kogu summa tasutud, siis on koolitajal õigus osalejale tunnistust mitte väljastada. Koolitusest loobumisel vähem kui 2 tööpäeva enne koolituse algust õppetasu ei tagastata.
Õppekeskus jätab endale õiguse teha õppeplaanis muudatusi. Koolitusgrupi mitte täitumise korral on koolitajal õigus koolitus ära jätta. Koolitusele registreerunuid teavitatakse kursuse ära jäämisest vähemalt kolm päeva ette. Ära jäänud koolituse eest tasutud summa makstakse tagasi või kantakse soovi korral üle mõne teise koolituse osavõtutasuksVaidlused lahendatakse kokkuleppe teel.

Lektorid