# | Название видеоурока | Видео / Тесты | Решило | Рейтинг | Доступ |
---|---|---|---|---|---|
1 | Запуск JavaScripta |
1 тест |
|||
На этом уроке мы напишем и запустим простую программу на языке JavaScript.
Отчёт отправил: 30514. Tom Выполнено за 16 мин. [Показать отчёт] Научился: Создал файл index.html, вывел в окно браузера сообщение через alert, document.write. Написал цикл, который выводит числа от 0 до 999. |
|||||
2 |
![]() |
без видео 2 теста |
|||
На этом уроке мы напишем на JavaScript игру "Угадай число". Компьютер загадает число от 0 до 1000, а мы его будем угадывать. Отчёт отправил: 30514. Tom Выполнено за 32 мин. [Показать отчёт] Научился: Создал файл number.html. Добавил в него html-код для формы ввода числа. Добавил javascript-код, который загадывает число от 0 до 1000. Реализовал проверку ввода игрока и загаданного числа. Угадал число с 13 попыток. |
|||||
3 |
![]() |
без видео 2 теста |
|||
На этом уроке мы напишем пасьянс "River". Правила игры. Есть 10 монеток. При щелчке по любой из них - переворачиваются сама монетка и две соседние. У крайних монеток только одна соседняя. Задача - перевернуть все монетки. Задачу будем решать на языке JavaScript. Отчёт отправил: 30514. Tom Выполнено за 37 мин. [Показать отчёт] Научился: Создал 10 элементов checkbox, задал каждому из значение id и функцию-обработчик для события onclick. Написал javascript-код, который по нажатому элементу checkbox определяет соседний левый и правый элементы и инвертирует их состояние checked. После каждого хода игрока проверяется состояние checked всех элементов checkbox. Если все элементы checkbox активированы, то выводится сообщение о победе и количество ходов. |
|||||
4 |
![]() |
2 теста |
|||
Мы начинаем создание игры "Очисти поле" на JavaScript. На этом уроке мы подготовим поле 5х5 из чекбосиков, и напишем функцию запуска уровня. Отчёт отправил: 30514. Tom Выполнено за 24 мин. [Показать отчёт] Научился: Разместил на странице 25 элементов checkbox, задал каждому из них атрибут id. Создал функцию для очистки (атрибут checked = false) всех элементов checkbox. Добавил функции level1, level2, level3 в которых для разных элементов checkbox установил атрибут checked. Добавил три кнопки для вызова этих функций. |
|||||
5 |
![]() |
|
|||
На этом уроке мы напишем функцию хода, Которая будет перещёлкивать чекбоксики. Затем напишем функцию isEmpty() для проверки поля на окончание игры, и ... всё! игра готова! Отчёт отправил: 30514. Tom Выполнено за 34 мин. [Показать отчёт] Научился: Добавил к каждому элементу checkbox обработчик события onchange. Реализовал смену значение атрибута checked у нажатого элемента и 4 соседних по углам элементов checkbox. Добавил счетчик ходов. |
|||||
6 |
![]() |
2 теста |
|||
На этом миниуроке мы напишем программку на JavaScript, которая посчитает, сколько тебе дней стукнуло. Отчёт отправил: 30514. Tom Выполнено за 24 мин. [Показать отчёт] Научился: Научился узнавать текущую дату. Узнал как определить год, месяц и день выбранной даты. |
|||||
7 | Гонка - Герои на канвасе |
2 теста |
|||
На этом уроке мы познакомимся с канвасом. Научимся его создавать, инициализировать и рисовать на нём прямоугольники. Отчёт отправил: 30514. Tom Выполнено за 29 мин. [Показать отчёт] Научился: Создал элемент canvas, указал ему ширину, высоту, цвет фона и id. Написал функции для инициализации игры, для рисования машинки и препятствия в случайном месте канваса. Нарисовал на канвасе машинку и 40 препятствий. |
|||||
8 | Гонка - Массив боксиков |
1 тест |
|||
На этом уроке мы заставим двигаться наши боксики. Для этого необходимо сохранять их координаты, а при нажатии на кнопочку - менять их. Отчёт отправил: 30514. Tom Выполнено за 34 мин. [Показать отчёт] Научился: Сохранил созданные боксики в массив box. Реализовал смещение всех боксиков вниз при нажатии на кнопку Down. |
|||||
9 | Гонка - Запуск таймера |
1 тест |
|||
На этом уроке мы добавим таймер, чтобы наши боксики двигались сами. Потом долго будем настраивать процесс их появления и продвижения. Отчёт отправил: 30514. Tom Выполнено за 26 мин. [Показать отчёт] Научился: Добавил вызов функции через определенный интервал времени с помощью функции setInterval. В этой функции выполняется очистка канваса, добавление новых боксиков, смещение их вниз, удаление из массива box вышедших за границу канваса боксиков и отображение боксиков и машинки игрока. |
|||||
10 | Гонка - Рулевое управление |
1 тест |
|||
На этом уроке мы добавим обработчик движения мышки. При перемещении мышки будет двигаться наша машинка. Нужно будет правильно рассчитать координаты и обрабатывать случае ухода мышки влево или вправо. Отчёт отправил: 30514. Tom Выполнено за 21 мин. [Показать отчёт] Научился: Добавил обработку события mousemove. Создал функцию moveCar, которая вызывается при срабатывании события mousemove. В функции moveCar реализовал перемещение машинки влево и вправо по текущей координате x указателя мышки. |
|||||
11 | Гонка - Быстрые рекорды |
1 тест |
|||
На этом уроке мы добавим две функции для проверки на столкновения машинки с боксиками и немножко поиграем. Вдохновился я на эти уроки статьёй на Хабре: http://habrahabr.ru/post/202556/ Отчёт отправил: 30514. Tom Выполнено за 1 час. 26 мин. [Показать отчёт] Научился: Реализовал проверку на столкновение машинки с препятствием. Добавил кнопку "Новая игра" и вывод результатов игры. Видеообзор: -HYufdHYkFE |
|||||
Итого: 11 видеоуроков |
2 час. 07 мин. 15 тестов |
22 чел. | |||
Финалисты: zhikharevav, mirbek, Максим Лапшинов, Michail Ostryj, Ludmila, Алексей В., Rita, Новопашин Владимир, Станислав, Иван, Tekashnik, Иван Воронин, Дмитрий, Андрей Гладков, Dmitry Sinitsin, chokayes, Yefim, Max, Николай Денисов, Anatoli, Trira, Tom . |