• Создание простых сценариев; Выявление и устранение ошибок
• Скрытие сценариев от старых браузеров
• Улучшение пользовательского интерфейса узла
Использование функций и переменных
• Использование функций (определение функции; вызов функции; возвращаемое значение)
• Использование переменных (глобальные и локальные переменные; присваивание переменным значений; типы даных; преобразование типов данных; сохранение пользовательских данных)
Занятие 2 ( 4 уч.ч. - практика)
Использование строковых данных и масивов
• Использование объeкта String (создание объекта String; объединение текстовых значений; определение длины строки; изменение регистра текста; подстроковые переменные)
• Использование массивов (создание массивов; присваивание значений; определение длины массива; управление массивами с помощью циклов; многомерные массивы в JavaScript; сортировка элементов массива)
• Использование циклов (повторное выполнение операторов в цикле for; использование цикла while для задания цикла; использование цикла do … while; управление циклами; использование цикла for … in; управление массивами с помощью циклов)
• Использование встроенных объектов (понятие объекта; создание объектов; свойства объектов; методы объектов; ключевое слово with)
• Объект Date (создание объекта Date; задание значений; получение значений; временные зоны)
• Объект Math (округление и усечение; генерация случайных чисел)
Занятие 3 ( 4 уч.ч. - практика)
Объектная модель документа
• История DOM
• Объект window; Объект document; Объект location; Объект history
Создание пользовательских объектов
• Управление сценариев с помощью объектов
• Определение объекта; Добавление в объект методов; Создание экземпляра объекта
• Использование дочерних объектов; Изменение встроенных объектов; Механизм наследования
Занятие 4 ( 4 уч.ч. - практика)
Обработка событий в JavaScript
• Объекты и события; Создание обработчика событий
• Использование функций; Использование объекта event
• События, связанные с мышью; События, связанные с клавиатурой; Событие onLoad
• Добавление описаний для ссылок
Использование окон и фреймов
• Управление окнами с помощью объектов; Создание нового окна; Открытие и закрытие окон
• Временные задержки; Обновление страницы с задержкой; Обновление диалоговых окон
• Управление фреймами
Занятие 5 ( 4 уч.ч. - практика)
Формы введения данных
• Создание формы; Использование объекта form; Свойства объекта form
• Отправка данных и очистка формы; Определение событий формы; Создание элементов формы
• Текстовое поле; Текстовые панели; Управление текстом в формах
• Кнопки; Флажки; Переключатели; Раскрывающийся список
• Отображение данных на форме; Отправка данных в виде почтового сообщения
• Проверка правильности заполнения формы
Добавление рисунков и анимации
• Использование разделенного рисунка; Динамические рисунки
• Управление массивом images
• Создание изменяющихся рисунков; Создание простой анимации
Занятие 6 ( 4 уч.ч. - практика)
Создание сценариев для разных броузеров
• Получение сведений о броузере; Отображение сведений о броузере
• Поддержка JavaScript броузером; Броузеры, не поддерживающие JavaScript
Использование таблиц стилей
• Определение стиля; Создание правил
• Выравнивание текста; Изменение цвета элемента; Управление шрифтами
• Создание простой таблицы стилей; Использование внешних таблиц стилей
• Управление таблицами стилей в JavaScript; Создание динамических стилей
Занятие 7 ( 4 уч.ч. - практика)
Создание динамических страниц с помощью DOM
• Структура DOM
• Понятие элемента; Родительские и дочерние объекты; Уровень структуры
• Свободное позиционирование
• Два метода определения слоев
• Свойства слоев; Управление слоями в JavaScript; Создание анимации с помощью слоев
Работа с элементами DOM
• Основные свойства элемента; Свойства связей элементов
• Методы документа; Методы элементов
• Скрытие и отображение объектов
• Изменение текста на странице; Добавление текста на страницу
• Улучшенное бегущее сообщение
Занятие 8 ( 4 уч.ч. - практика)
Использование мультимедиа и встроенных утилит
• Поддержка встроенных утилит: Типы MIME; Использование LiveConnect
• Управление объектами утилит (plugins); Проверка установленных утилит
• Управление внедренными объектами
• Воспроизведеие видео с помощью утилиты QuickTime
• Вставка и воспроизведение звуковых файлов
Работа с базами данных
• Определение базы данных (БД); Доступ к БД; Сервер БД; Два подхода к работе БД
• Элементы ActiveX; Доступ к текстовым таблицам
• Элемент Tabular Data Control (TDC); Привязка элементов страниц к данным
• События тега
Занятие 9 ( 4 уч.ч. - практика)
Фильтры и преобразования
• Создание фильтров и преобразований
• Фильтры как статические эффекты (затенение, освещение и т.п.)
• Преобразования как динамические эффекты
• Использование фильтров и преобразований в JavaScript
Разбор зачетных проектов по Frontend-разработке сайта на JavaScript Отладка приложений JavaScript
• Как избежать ошибок; Примеры типичных ошибок
• Основные средства отладки; Отладчик JavaScript
Заключительные этапы Frontend-разработки сайтов
• Обзор современных фреймворков. Пример использования стэка технологий
• Работа с GIT – система контроля версий
• Размещение страниц в интернете, deploy web приложений
• Как избежать ошибок; Примеры типичных ошибок
Развернуть программу курса
По окончании курса Вы получите
Сертификат
Стоимость
13200 для физ.лиц в базовой группе 5-10 чел.
16500 для физ.лиц в мини-группе 3-4 чел.
Предоплата - 50%. О всех формах оплаты, скидках\наценках – см. Стандарты обучения
Продолжительность
40 учебных часов.
Назначение курса:
Получение слушателем базовых знаний и практических навыков прораммирования на JavaScript . Разработка сложного сайта и размещение в Интернет.
Начальные требования:
Необходимы навыки профессиональной верстки сайта (см.Курс К7.4 Основы WEB-разработки), знание основ программирования и навыки программирования на любом языке (см. Курс К7.2 Основы программирования).
Если вы осваиваете WEB-программирование с нуля, то предварительно следует пройти курс «Основы Web-разработки» и знать основы программирования.
Обучение созданию сайтов включает умение использовать специальные программы, языки программирования и разметки, которые связывают между собой тексты, фото, графические элементы и ссылки на веб-страницы в единый удобный и функциональный информационный продукт.
Данный курс предназначен для Frontend-разработки сайта.
Frontend — это клиентская часть продукта (интерфейс, с которым взаимодействует пользователь). В случае с сайтом, её формирует и выводит на экран браузер, который работает с HTML, CSS и инструментом программирования JavaScript. Обучение JavaScript занимает большую часть курса, ведь программирование на JavaScript является основной компетенцией Frontend-разработчика сайтов.
Иликов Кирилл Витальевич Курс FRONTEND-РАЗРАБОТКА программирование на JAVASCRIPT Опыт работы Frontend-разработчиком 3 года (вкл. GetGain, DataLab). Образование: 2019г. КГЭУ - Информатика и вычислительная техника, 2021г. КНИТУ - магистратура
