Курс JavaScript (ECMAScript) junior. Уровень 2 . Основы разработки интерфейса сайта

  • Цена со скидкой: 1360 леев
  • Начало курса: 2018-02-12 12.02.2018
    Chisinau
    Tighina 65 ⁄ Chisinau ⁄ Moldova    +373 079844644 +373 022844644 ⁄   info@vanar.md
  • Продолжительность курса: - 30 ак.ч.

На Уроках курса «JavaScript (ECMAScript) junior. Уровень 2. Основы разработки интерфейса сайта» Вы получите навыки профессионального написания и использования JavaScript-скриптов для сайта. Вы будете знать как взаимодействуют JavaScript и HTML, изучите основные приемы получения кроссбраузерного кода.

Быстрый отзыв страницы сайта на любое действие пользователя — одно из главных в успешности и большой бонус к конкурентности веб-проекта.

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

Хорошее знание этого языка даст вам возможность создавать интерактивные сайты. Успешно окончив курсы Вы будете уметь писать JavaScript-коды для сайтов, понимать как взаимодействуют JavaScript и HTML, изучите основные приемы получения кроссбраузерного кода.

По окончании курса Вы будете уметь:

  • Взаимодействовать с составляющими браузера
  • Просматривать структуру документа различными методами
  • Создавать, удалять, добавлять и изменять различные элементы html
  • Заходить в свойства элементов и менять их
  • Заходить в стилистические свойства и менять их
  • Обрабатывать события браузера
  • Создавать и менять динамические компоненты такие как выпадающее меню, слайдер, динамический поиск
  • Создавать скрипты для адоптивной страницы под различные устройства
  • Создавать интерактивные элементы и простые игры

 Преподаватели курса

Все преподаватели →

Предварительная подготовка

Успешное окончание курса (Обязательная) JavaScript (ECMA). Уровень1. Основы языка и среда разработки JavaScript или эквивалентная подготовка.

Рекомендуемая подготовка (необязательная)  Успешное окончание курса Английский язык для IT специалистов (elementary) или эквивалентная подготовка.

Получить консультацию о необходимой предварительной подготовке по курсу Вы можете по тел. (373) 22 844-644.

Требуемая подготовка послужит основой дальнейшего успешного прохождения курсов. Обычно она указана под названием одного из курсов нашего учебного центра (обязательная предварительная подготовка). Рекомендуется ознакомиться с программой указанного курса и оценить свои знания в рамках данной программы. Если Вы не обладаете достаточным уровнем знаний (90%) в указанном курсе, то Вам необходимо будет пройти предварительную подготовку. Это станет залогом Вашего успешного прохождения курса.

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

JavaScript. Окружение Browser

  • Объекты окружния браузера
  • Объектная модель бразера DOM
  • Объектная модель документа DOM
  • Основные объекты DOM
  • Взаимодействие с DOM, применение
  • Практическая работа

DOM иерархия

  • Дерево DOM
  • Валидация и автоисправление кода, что важно учесть
  • Возможности DOM
  • Основные объекты DOM
  • Типы объектов DOM
  • Особенности старых браузеров
  • Просмотр DOM при помощи консоли
  • Быстрый доступ к элементам
  • Типы элементов
  • Объект document
  • Свойства объекта document
  • Быстрый доступ к определенным наборам элементов в document
  • Важность момента запуска скрипта и порядок элементов в DOM
  • Практическая работа

Элементы и узлы DOM

  • Узлы
  • Текстовые узлы
  • Элементы
  • Классы объектов DOM
  • Навигация по узлам
  • HTML элементы и их типы
  • Коллекции элементов
  • Доступ к наследникам
  • Родительский элемент
  • Соседние элементы
  • Доступ к свойствам
  • Универсальные свойства
  • Свойства популярных элементов
  • Особенности старых браузеров
  • Новые атрибуты HTML5
  • Что такое полифилы, пример создания
  • Практическая работа

Поиск элементов в DOM

  • Функции поиска и возвращаемые значения
  • Типы возвращаемых элементов
  • Собственные функции поиска
  • Функции поиска по формулам CSS
  • Современные функции поиска, совместимость
  • Поиск при помощи XPath
  • Особенности поиска в разных браузерах
  • Оптимизация поиска, советы
  • Практическая работа

Управление узлами и элементами DOM

  • Управление тесктовым контетом узлов
  • Управление внутренним HTML-ем элементов
  • Управление свойствами элементов HTML
  • Добавление и удаление элементов
  • Добавление и удаление свойств
  • Особенности старых браузеров
  • Управление элементами в модерн браузерах
  • Практическая работа

События

  • Что такое событие
  • Как появляются браузерные события
  • Типы событий, область видимости
  • Порядок обработки событий
  • Всплытие и перехват события
  • Объект Event, структура
  • Свойства и методы События
  • Действия по умолчанию
  • Понятие callback или Event Handler, обработчика
  • Подключение, прослушивание событий
  • Передача события обработчику
  • Добавление и удаление callback-ов
  • Как генерировать событие
  • Делегирование событий
    • Классификация событий и их применение
    • События и современные устройства
  • Практическая работа

Свойства CSS, стили

  • Синтаксис CSS в JavaScript
  • Доступ к свойствам композитного стиля
  • Доступ к встроенному стилю
  • Доступ к унаследованным стилям
  • Доступ к свойствам из внешней таблицы стилей
  • Изменение свойств стиля
  • Клонирование, копирование, удаление свойств стиля
    • Чего следуиет избегать
    • Система координат браузера и метрика позиционирования
  • Практическая работа

Локальное хранилище

  • Методы для хранения данных в браузере
  • Cookies
  • SessionStorage
  • LocalStorage
  • Функции для чтения, записи и модификации
  • Создание локальных записей
  • Преимущества локального хранения данных
    • Применение локального хранения данных браузера
  • Практическая работа

Таймер

  • Функции таймера
  • Установка, прекращение таймера
  • События таймера
  • Практическая работа

Создание анимаций

  • Принципы создания анимаций
  • Анимация CSS3 или JavaScript, сравнение
  • Ключевые кадры
  • Функции "сглаживания"
  • Продолжительность и задержка
  • Анализ и оптимизация производительности
    • Принципы создания слайдера JavaScript / HTML / CSS
  •  Практическая работа

Графика, HTML5 Canvas

  • Canvas, обзор
  • Canvas или Flash, сравнение
  • Режимы рисования
  • Основные графические функции
  • Принципы работы 2D / 3D
  • Принципы создания простой анимации
  • Практическая работа

Взаимодействие с сервером, AJAX

  • Обзор AJAX
  • Методы обмена данными
  • Заголовки и ответы сервера
  • Формат обмена и тип MIME
  • Объект XHR, свойства и методы
  • Как применять XHR
  • Что такое XSS
    •  Защита от спама, трюки
  • Практическая работа

Рекомендуемые курсы по специальности

Чтобы стать профессионалом, мы рекомендуем Вам вместе с этим курсом изучить:

 

Добавить отзыв

Защитный код
Обновить