Онлайн курс

HTML+JavaScript

Ближайший курс

Уточняйте дату у администратора

Длительность курса: 22 ч.

Курс читается 2-3 раза в неделю

Описание курса:

Курс знакомит с основами разработки web-страниц, структурой языка Javascript и правилами решения сценарных задач. В ходе изучения HTML&CSS слушатели познакомятся с принципами работы Web-ориентированных технологий, порядком публикации документов в Web, структурой HTML-документа. Вы научитесь создавать HTML-страницы с использованием элементов структуры HTML-документа. Также вам предстоит практическая работа с мультимедиа, средствами навигации, DIV-слоями и каскадными таблицами стилей CSS. При изучении JavaScript вы узнаете о лексической структуре языка и переменных, научитесь проводить операции с ними. Мы расскажем об условных и циклических конструкциях, массивах и функциях. Также вы узнаете об объектах и способах их создания, свойствах и методах объектов. Мы объясним правила построения логических цепочек для решения сценарных задач.

Участие в ITEA English Speaking Club

Только практические знания

Поддержка и помощь менторов

Помощь в трудоустройстве

Ваше трудоустройство - цель №1!

После изучения курса ты сможешь:

  • Создавать динамические веб-страницы
  • Использовать в работе принципы сборки и перебора элементов страницы при помощи JavaScript и создания сценариев для работы с ними в дальнейшем

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

  • Введение в HTML
    • Принципы работы Web-ориентированных технологий
    • Архитектура «Клиент-сервер»
    • Порядок публикации документа в Web
    • Стандарт HTML. Структура HTML-документа
    • Создание HTML-документа
    • Создание гиперссылок
    • Якоря
    • Работа с текстом в HTML
    • Основные теги работы с текстом
    • Заголовки
    • Абзацы
    • Перенос строки
    • Горизонтальные линии
    • Жирный текст
    • Курсив
    • Подчеркивание
    • Больший и меньший размеры
    • Верхний и нижний индексы
    • Цитаты
    • Вставка спецсимволов
    • Логические стили отображения символов
    • Выделение текста
    • Тег
    • Особенности работы с тегом
  • Работа с графикой
    • Работа с цветом и цветовыми моделями
    • Форматы изображений для WEB
    • Работа с изображениями
    • Встраивание изображений в HTML-документы
    • Атрибуты изображений
    • Позиционирование изображений
    • Графические гиперссылки
    • Работа с фоном
    • Атрибуты фона
    • Размер и варианты отображения фона
    • Карты-изображения
    • Тег и его атрибуты
  • Списки и таблицы
    • Нумерованные списки
    • Маркированные списки
    • Вложенные списки
    • Списки определений
    • Понятие таблицы
    • Основные составляющие таблицы
    • Заглавные ячейки
    • Пустые ячейки
    • Вложенные таблицы
    • Атрибуты таблиц
    • Форматирование ячеек
    • Объединение ячеек
    • Использование фона в таблицах
    • Табличная верстка: преимущества и недостатки
  • CSS
    • Понятие CSS
    • Верстка с помощью CSS
    • Подключение CSS
    • Таблица связанных стилей
    • Таблица глобальных стилей
    • Внутренние стили
    • Селекторы тегов
    • Классы
    • Идентификаторы
    • Контекстные селекторы
    • Соседние селекторы
    • Дочерние селекторы
    • Селекторы атрибутов
    • Применение стилей для нескольких элементов
    • Псевдоклассы и псевдоэлементы
    • Наследование стилей
    • Плюсы и минусы применения CSS
  • Блочная верстка. Элемент div
    • Элемент
    • Преимущества блочной верстки
    • Создание и наполнение
    • Позиционирование элементов
    • Свойства float и clear
    • Вложенность слоев
    • Внутренний и внешний отступы
    • Настройка свойств padding и margin
  • Формы и элементы форм. Метатеги
    • Тег “f o r m “
    • Тег “i n p u t”
    • Элемент управления text
    • Элемент управления password
    • Элемент управления button
    • Элемент управления textarea
    • Элемент управления checkbox
    • Элемент управления radiobutton
    • Элемент управления select
    • Элемент управления submit
    • Элемент управления reset
    • Группировка элементов формы
    • Атрибуты элементов формы
    • Понятие метатега
    • Управляющие команды для браузера
    • Информация о странице и ее авторе
    • Метатеги для поисковых механизмов
  • Подготовка дизайн-макета к верстке
    • Разделение изображения на фрагменты
    • Нарезка сайтов в Photoshop
    • Оптимизация изображений для WEB
    • Pixel perfect верстка
    • Сдача проекта
  • Введение в JavaScript
    • Знакомство с JavaScript
      • Что такое JavaScript?
      • История языка
      • Как работает Javascript?
      • Возможности языка
    • Основы JavaScript
      • Лексическая структура языка
      • Понятие “переменная”
      • Имена переменных
      • Типы данных в JavaScript
      • Операции над переменными
      • Логические операторы
      • Первое взаимодействие с пользователем
      • Практическое занятие со студентами, закрепление урока
    • Условные конструкции и циклы
      • Понятие “условные конструкции”, их применение и разновидности
      • Практическое занятие со студентами, закрепление пройденной темы
      • Понятие “циклические конструкции”, их применение и разновидности
      • Практическое занятие со студентами, закрепление пройденной темы
      • Дополнительно: инструменты для отладки кода
    • Массивы
      • Что такое массив?
      • Создание массивов
      • Работа с массивами
      • Практическое занятие со студентами, закрепление пройденного урока
    • Функции
      • Для чего нужны функции?
      • Способы создания функций
      • Вызов функций
      • Области видимости переменных
      • Разновидности функций
      • Практическое занятие со студентами, закрепление пройденного урока
    • Введение в объекты
      • Понятие “объект”
      • Способы создания объектов
      • Свойства объектов
      • Методы объектов
      • Ключевое слово “this”
      • Практическое занятие со студентами, закрепление пройденного урока

 

 

Минимальные требования:

  • Уверенное владение персональным компьютером
  • Навыки работы с текстовыми редакторами
  • Собственный ПК

Записаться на курс:

Единоразовая оплата3000 грн.

Остались вопросы? Звоните!

(044) 599-01-79

(093) 193-53-14

(050) 599-46-63

(068) 847-01-33