Фронтенд разработка – верстка на HTML, CSS/SASS, Bootstrap4/5

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

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

Цель курса:

  • Приобрести практические навыки фронт-энд верстальщика
  • Получить практические знания о специальных инструментах фронт-энд разработчика
  • Получить практические знания верстки HTML5 и CSS3, SASS/LESS
  • Получить базовые навыки программирования на JavaScript
  • Научиться встраивать Bootstrap 4 в свою веб-страницу и использовать возможности
  • адаптивной верстки веб-страницы
  • Научиться создавать анимацию на CSS
  • Умеет настраивать WebPack (или подобные системы) для конвертации и оптимизации файлов.

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

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

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

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

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

  1. Ученику дается картинка, на которой изображен элемент дизайна или шаблон или часть шаблона, связанное с фронт-эндом
  2. Ученик должен сверстать, то что видит на картинке, используя HTML, CSS, Bootstrap4, Javascript. Использовать можно знания, которые были приобретены на практических уроках, а также знания, которые ученик приобрел в ходе самостоятельных работ. Контрольная работа делается самостоятельно в классе, при физическом присутствии учителя. Во время контрольной работы также разрешается пользоваться интернетом и мобильным телефоном для поиска информации и документации.

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

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

  1. Умение делать поиск в интернете по документации к технологии, которой пользуется для решения задания
  2. Умение верстать страницу используя HTML, CSS, Bootstrap, Javascript
  3. Умение создавать анимацию и эффекты используя CSS и Javascript.
  4. Минимальный проходной балл показывает, что ученик усвоил материал. Для получения минимального проходного балла в контрольной работе ученик должен использовать более 60% приёмов и наработок, представленных во время практических занятий. Оценивается учителем на месте.

Программа:

Программа:
Темы курса:

Базовые знания GIT – 2 академических часа, (теория+практика).
Инициализация GIT проекта
Создание проекта на gitlab.com и github.com
Сценарий исправления конфликтов при разработке
Создание веток и их слияние
Публикация проекта на центральном сервере gitlab.com или github.com
Практика (2 академических часа)
– Регистрируем на центральном сервере gitlab.com или github.com
– Создаем личный репозиторий
– Разбираемся с использованием команд GIT (commit, push, pull, branch и др)
– Публикуем проект на центральном сервере, используя команды GIT


Создание README файла HTML5 – 4 академических часа (теория 1 час+3 часа практика)
Теги: списки, таблицы, формы
Стили: классы, id (связывание тэгов с CSS )
Использование быстрой верстки emmet.io
Практика (4 часа):
– Создать скелет страницы используя все элементы HTML5


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

Практика (6 часов)
– создать верстку страницы по картинке
– создать скелет страницы: меню, элементы дизайна, итд
– Сверстать макет страницы используя знания HTML, CSS


Bootstrap4/5 – 10 академических часов (теория 2 часа+8 часов практика)
Установка Bootstrap 4 в html-страницу
Использование Bootstrap 4 для адаптивной верстки: Flexbox и позиционирование блоков
Как использовать компоненты, формы, склететы
Как верстать блоки с помощью Grid System
Практика Bootstrap4 (8 часов)
– создать галерею изображений или товаров на сайте
– Программирование поведения компонентов с помощью Javascript и jQuery
– Как сделать модальное окно на сайте
– Как создавать верстку страниц с помощью Bootstrap 4


SASS – 4 академических часа (теория 1 час+3 часа практика)
Зачем использовать Sass/SCSS вместо CSS?
Препроцессор Sass
Синтаксис: Пререквизиты. Переменные. Вложенные правила. Амперсанд.
Миксины (они же примеси)
Арифметические операции: Сложение и вычитание. Умножение. Деление. Остаток.
Операторы сравнения: Логические операторы. Строки.
Операторы управления потоками: if(), @if
Директива @for, @each, @while
Функции в Sass/SCSS
Практика SASS (3 часа)
– создать свой SASS файл и настраиваем webpack для компиляции в CSS
– Верстаем веб страницу с помощью SASS


Базовые знания Javascript – 4 академических часа (теория 1 час+3 часа практика)
Переменные (var, let), типы, преобразование типов
Функции, использование функций
Массивы, объекты (json формат)
Циклы (for, foreach), циклы для объектов
События, связывание событий и html элементов
Практика по Javascript (3 часа)
– создание аналоговых часов (html, css, javascript)
– создание лендинга и работа с памятью и сессиями (html, css, javascript)
– привязываем обработчик событий к элементам HTML, манипулируем тэгами
HTML
Реактивные формы
Шаблон управляемых форм
HTTP-запросы

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Время:

18.11
12.12.2024

Цена:

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


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



    Примечание! Отправляя эту форму, мы обрабатываем ваши данные в соответствии с нашей политикой конфиденциальности. Этот сайт защищен 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.