# | Название видеоурока | Видео / Тесты | Решило | Рейтинг | Доступ |
---|---|---|---|---|---|
1 |
![]() |
2 теста |
|||
Мы начинаем пошаговое знакомство с языком программирования JavaScript на основе сайта www.w3schools.com/js Задание: пройти JavaScript тест. Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 8 мин. [Показать отчёт] Научился: лидирующую позицию JavaScript занял в связи с развитием AJAX, поскольку браузер стал превалирующей системой доставки приложений. |
|||||
2 |
![]() |
2 теста |
|||
Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 1 час. 1 мин. [Показать отчёт] Научился: getElementById - альтернатива прямой навигации от родителя к потомку годной, если элементы рядом. If искомый элемент неблизко в коде, применяют поиск по id ВАЖНО! значение id должно быть уникально, иначе поведение кода не будет предсказуемо innerHTML == содержимое элемента (потомки, комментарии, текст), хранится строкой. Доступно чтение и запись Если текст содержит "&", "<" или ">", то innerHTML конвертит в "&", "<" и ">" За пределами скриптов одинарные и двойные кавычки - требуют внимания, не путать пары меж собой Принцип работы прост. По некоему событию определяется элемент в документе HTML и ему присваивается новое желаемое значение атрибута (ЧТО У НЕГО ЕСТЬ) или стиля (КАК ВЫГЛЯДИТ) |
|||||
3 |
![]() |
1 тест |
|||
Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 37 мин. [Показать отчёт] Научился: под функцией в JavaScript понимают именованный блок кода, исполняемый по вызову(по событию) JavaScript ищи или пиши в HTML документе внутри (неожиданно:) тега <script></script> хоть в <head>, хоть в <body> Другой вариант - в отдельном файле с расширением .js Строки документа HTML исполняются обработчиком по порядку сверху вниз, как дочитает до строки скрипта, так он и запустится, не ранее Обработка скриптов замедляет загрузку страницы, отсюда выбор расположения скрипта как можно ниже в теге <body> способствует увеличению скорости загрузки сайта |
|||||
4 |
![]() |
1 тест |
|||
Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 2 час. 11 мин. [Показать отчёт] Научился: innerHTML - часть Document Object Model (DOM), для строкового изменения сайта Javascript-кодом Можно читать и заменять все в пределах данного элемента DOM (HTML-тег) КАК НАЙТИ ЧТО МЕНЯТЬ СОБРАЛСЯ -> document.getElementById(id) КАК ПОМЕНЯТЬ НАЙДЕННОЕ -> .innerHTML = ТО ЧТО ХОТЕЛ УСТАНОВИТЬ НОВЫМ ЗНАЧЕНИЕМ outerHTML, в отличие от innerHTML, изменяет всю строку, а не лишь значение document.write - дописывает текст в текущее место HTML ещё до того, как браузер построит из него DOM document.write работает только пока HTML-страница находится в процессе загрузки Если же активировать document.write ПОСЛЕ загрузки страницы - всё будет удалено и выполнен вывод из document.write window.alert - всплывающее окно console.log - запись режима отладки(смотреть через F12 или CTRL+SHIFT+J) Если в слагаемых присутствует хоть одна строка - всё будет конкатенироваться, а не математически вычисляться |
|||||
5 |
![]() |
1 тест |
|||
Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 1 час. 49 мин. [Показать отчёт] Научился: statement - оператор, сообщение, инструкция values - значения Operators - операции над некими объектами Expressions - выражения Keywords - ключевые слова Comments - комментарии Окончание инструкции в JS обозначается точкой с запятой; Необязательно указывать ; - на конце строки, - перед закрывающей фигурной скобкой, - в конце программы Пробелы, табуляции, перенос строки - игнорируются JS и используются лишь для удобства чтения кода Однако, с текстовыми элементами история иная: перенос сток, к примеру, выполняется тегами <br> Блок кода выделяется фигурными скобками {} |
|||||
Итого: 5 видеоуроков |
48 мин. 7 тестов |
11 чел. | |||
Финалисты: Александр, Dmitry Sinitsin, Слава, Trira, Yefim, DimanDOS, Николай Денисов, Дмитрий, Tom, 1, Ron . |