Компьютерные науки

Основы JavaScript

Учебная программа посвящена программированию на JavaScript для клиентской веб-разработки. В программе рассматриваются работа с DOM, обработка событий и динамическое управление стилями CSS.
Студентов 7516 Выпускников 1261 Для всех
690 ₽ 1 200 ₽
или любая сумма на ваше усмотрение
Вы можете оплатить любую сумму, чтобы поддержать наш проект и авторов программы. Объем услуг не зависит от размера вашей оплаты.
Темы:
Интернет-технологии, Программирование
Объем

36 час.
Длительность

30 дней
Нагрузка в неделю

9 час.
Формат обучения

Дистанционно (самостоятельно)
Описание Учебная программа посвящена принципам ненавязчивого программирования и современным методам применения скриптов на стороне клиента. В учебной программе изучаются манипуляции с элементами HTML, концепции прогрессивного улучшения интерфейсов, а также достоинства и ограничения языка. Освоение материала базируется на переходе от простых функций к сложным сценариям анимации и интерактивного взаимодействия. Изучение материалов программы позволяет оживить статические страницы и освоить написание кроссбраузерного кода в области фронтенд-разработки.
Цели
  • Познакомить с фундаментальными понятиями и синтаксисом языка JavaScript.
  • Сформировать навыки управления структурой страницы через модель DOM.
  • Раскрыть механизмы обработки событий и создания динамических эффектов.
Чему я научусь?
  • Написывать скрипты для изменения контента и оформления страниц на лету.
  • Создавать анимацию и интерактивные формы взаимодействия с пользователем.
  • Применять современные подходы к разработке кроссбраузерного клиентского кода.
Чему я научусь?
  • Написывать скрипты для изменения контента и оформления страниц на лету.
  • Создавать анимацию и интерактивные формы взаимодействия с пользователем.
  • Применять современные подходы к разработке кроссбраузерного клиентского кода.

Учебный план

Занятия
Экзамен экстерном Внимание! Экзамен экстерном не обязательный для сдачи. При желании вы можете его пройти, если хотите подтвердить свои знания по данному курсу без его изучения или поверить свои знания по нему. Экзамен экстерном можно сдать только один раз. 90 мин
1 Программирование - основные понятия! В лекции рассматривается отличие JavaScript от других языков web-программирования, переменные, типы переменных (float, integer, string, boolean,... В лекции рассматривается отличие JavaScript от других языков web-программирования, переменные, типы переменных (float, integer, string, boolean, array, objects), а так же рассматриваются условия (if) и циклы (for). ещё
2 Что можно делать с помощью JavaScript? В лекции рассматривается недостатки, достоинства JavaScript. Обычные применения языка. Введение в создание сценариев DOM. Современные применения... В лекции рассматривается недостатки, достоинства JavaScript. Обычные применения языка. Введение в создание сценариев DOM. Современные применения JavaScript. ещё
Что можно делать с помощью JavaScript? тест для курса Основы JavaScript 60 мин
3 Первое знакомство с JavaScript Что такое JavaScript и как он выполняется? Включение JavaScript в документ HTML. Соединение с внешним файлом... Что такое JavaScript и как он выполняется? Включение JavaScript в документ HTML. Соединение с внешним файлом JavaScript. JavaScript и производительность браузера. Размещение кода JavaScript. Безопасность JavaScript и ее отсутствие. ещё
4 Современные методы применения JavaScript Называйте вещи своими именами — легкие, короткие и удобочитаемые имена переменных и функций. Глобальные переменные и... Называйте вещи своими именами — легкие, короткие и удобочитаемые имена переменных и функций. Глобальные переменные и функции. Стиль кодирования. Смешивание с другими технологиями. Нотация языка. Постепенное улучшение кода. Вложенность кода. Минимизация доступа к DOM. ещё
Современные методы применения JavaScript тест для курса Основы JavaScript 60 мин
5 Принципы ненавязчивого JavaScript Идея ненавязчивого JavaScript (определение, предположения). Разделение структуры и поведения. Добавление слоя юзабилити. Принципы JavaScript. Всплывающие окна.... Идея ненавязчивого JavaScript (определение, предположения). Разделение структуры и поведения. Добавление слоя юзабилити. Принципы JavaScript. Всплывающие окна. Чистый, семантический HTML. Совместимость браузеров. ещё
6 Функции JavaScript Синтаксис функции. Использование функции. Аргументы. Возвращаемые значения.
Функции JavaScript тест для курса Основы JavaScript 60 мин
7 Объекты в JavaScript Причины внимания к объектам. Создание объектов. Ссылка на себя. Объекты как ассоциативные массивы. Объектный литерал.
8 Перемещение в DOM Объектная модель документа(DOM - Document Object Model). Представление DOM, как дерева. Узлы. Объект document. Прямой доступ.
Перемещение в DOM тест для курса Основы JavaScript 60 мин
9 Создание и изменение HTML Скрытие и отображение элементов. Пример скрытия и отображения. Регулярные выражения. Соединение работающего кода со страницей. Создание... Скрытие и отображение элементов. Пример скрытия и отображения. Регулярные выражения. Соединение работающего кода со страницей. Создание HTML. ещё
10 Динамический стиль - управление CSS с помощью JavaScript Доступ к таблицам стилей. Свойства таблиц стилей. Добавление и удаление правил. Изменение стилей элементов. Имена классов... Доступ к таблицам стилей. Свойства таблиц стилей. Добавление и удаление правил. Изменение стилей элементов. Имена классов элементов. ещё
Динамический стиль - управление CSS с помощью JavaScript тест для курса Основы JavaScript 60 мин
11 Обработка событий с помощью JavaScript Что такое событие? Как работают события. Эволюция событий. События DOM Level 2. Исключение для модели событий... Что такое событие? Как работают события. Эволюция событий. События DOM Level 2. Исключение для модели событий Internet Explorer. Использование событий в различных браузерах. События и доступность. Управление событиями. Использование событий с определенными элементами. Ссылки на объект события. Проверка специфического свойства события. Поведение события по умолчанию и всплытие событий. Предотвращение поведения событий по умолчанию. Остановка всплытия событий. Законченный пример обработки событий. ещё
12 Анимация в JavaScript Простой пример: метод угасания желтого цвета. Анимация с помощью библиотек JavaScript. Более сложный пример: перемещение и... Простой пример: метод угасания желтого цвета. Анимация с помощью библиотек JavaScript. Более сложный пример: перемещение и изменение размера. Переходы CSS. ещё
13 Постепенное ухудшение или прогрессивное улучшение "Различия между двумя подходами к разработке: постепенное ухудшение, прогрессивное улучшение. Движение в постоянно изменяющейся среде. Основы... "Различия между двумя подходами к разработке: постепенное ухудшение, прогрессивное улучшение. Движение в постоянно изменяющейся среде. Основы постепенного ухудшения и прогрессивного улучшения. Пример для сравнения постепенного ухудшения и прогрессивного улучшения (Ссылки ""Печать страницы"")." ещё
Постепенное ухудшение или прогрессивное улучшение тест для курса Основы JavaScript 60 мин
Тренировочный экзамен Внимание! Тренировочный экзамен экстерном не обязательный для сдачи. При желании вы можете его пройти, если хотите проверить свои знания курса перед сдачей экзамена. Тренировочный экзамен можно сдавать сколько угодно один раз. 90 мин
Экзамен 60 мин

Какой документ я получу?

Сертификат

Выдаётся автоматически после успешного завершения программы.

Удостоверение о повышении квалификации

Выдается при наличии среднего специального или высшего образования (необходимые документы).

Стоимость программы

690 ₽ 1 200 ₽
или любая сумма на ваше усмотрение
Вы можете оплатить любую сумму, чтобы поддержать наш проект и авторов программы. Объем услуг не зависит от размера вашей оплаты.