Основы JavaScript: Информация

 
Форма обучения:
дистанционная
Стоимость самостоятельного обучения:
бесплатно
Стоимость обучения с персональным тьютором:
500 руб. [?]
Доступ:
свободный
Документ об окончании:
 
Уровень:
Для всех
Длительность:
10:34:00
Студентов:
5948
Выпускников:
907
Качество курса:
4.07 | 3.64
Курс посвящен основам программирования на языке JavaScript, рассмотрены его достоинства и недостатки и современные применения.
Даются синтаксис языка, работа с объектами, объектная модель документа (DOM), скрытие и отображение элементов, регулярные выражения и создание HTML. Описываются работа с CSS, события и анимация.
 

План занятий

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

Я пишу в блокноте, сохраняю с разрешением html и открываю через браузер. Пустой лист

Это задание после первой лекции,  в чем его выполнить, чтобы увидеть результат или как?

Нурлан Башанов
Нурлан Башанов

getElementById-это что значить, и вообще откуда можно посмотрет ту или иные своиство объекта? какие методы описание, что выполняеть. например .Close в  delphi выполняет закрытие, а тут в JavaScript гле про нее можно посмотрет.?