# | Название видеоурока | Видео / Тесты | Решило | Рейтинг | Доступ |
---|---|---|---|---|---|
1 | Запуск JavaScripta |
1 тест |
|||
На этом уроке мы напишем и запустим простую программу на языке JavaScript.
Отчёт отправил: 20528. Геннадий Кравцов Выполнено за 2 час. 7 мин. [Показать отчёт] Научился: Написал первую программу на Javascript)). Для красоты добавил немного оформления. Хотел переменную "i" в строке: document.write(i + " "); обернуть в стиль типа <b></b>, но не вышло. |
|||||
2 |
![]() |
без видео 2 теста |
|||
На этом уроке мы напишем на JavaScript игру "Угадай число". Компьютер загадает число от 0 до 1000, а мы его будем угадывать. Отчёт отправил: 20528. Геннадий Кравцов Выполнено за 1 час. 13 мин. [Показать отчёт] Научился: Как обычно немного разукрасил нашу программку. Первое число, загаданное компьютером было "4", угадал его с 7-й попытки. Второе число: "446" с 13-й попытки. При построении документа пытаюсь применить то немногое, что знаю о CSS, но пока не всё срабатывает относительно элементов Javascript. |
|||||
3 |
![]() |
без видео 2 теста |
|||
На этом уроке мы напишем пасьянс "River". Правила игры. Есть 10 монеток. При щелчке по любой из них - переворачиваются сама монетка и две соседние. У крайних монеток только одна соседняя. Задача - перевернуть все монетки. Задачу будем решать на языке JavaScript. Отчёт отправил: 20528. Геннадий Кравцов Выполнено за 6 час. 12 мин. [Показать отчёт] Научился: Написал программу по образцу. Пробовал играть. Только с 10-го раза понял, что решается она элементарно за 4 хода)). Как редактор я использую JetBrains PhpStorm, так вот он ругается на переменные инициализированные как var. Предлагает заменить на let или const. В интернете пишут что в ES-2015 предусмотрены новые способы объявления переменных: через let и const вместо var. Кто знает насколько это правило критично? Пишут, что использование let удобнее и решает часть проблем, связанных с "глобальностью" var. |
|||||
4 |
![]() |
2 теста |
|||
Мы начинаем создание игры "Очисти поле" на JavaScript. На этом уроке мы подготовим поле 5х5 из чекбосиков, и напишем функцию запуска уровня. Отчёт отправил: 20528. Геннадий Кравцов Выполнено за 2 час. 35 мин. [Показать отчёт] Научился: Всё сделал: разместил 25 чекбоксов, создал function level1(), function did (id). Разместил 3 кнопки и добавил еще 2 функции level2 и level3. Обернул всё в <div> и применил яркий стиль. |
|||||
5 |
![]() |
|
|||
На этом уроке мы напишем функцию хода, Которая будет перещёлкивать чекбоксики. Затем напишем функцию isEmpty() для проверки поля на окончание игры, и ... всё! игра готова! Отчёт отправил: 20528. Геннадий Кравцов Выполнено за 2 час. 50 мин. [Показать отчёт] Научился: Кроме функций turn (x, y), turnxy (x, y) и isEmpty (), добавил еще и start(), win() и isFull() - это победа при включенных всех чекбоксах. На разных браузерах работает по-разному. На Chrome и Opera для <div> свойство width: fit-content; работает хорошо. Но при окончании не все чекбоксы закрашиваются. Не помогла даже задержка времени: setTimeout(win("Вы победили, очистив все кубики!!!"), 500); На FireFox всё наоборот)). |
|||||
6 |
![]() |
2 теста |
|||
На этом миниуроке мы напишем программку на JavaScript, которая посчитает, сколько тебе дней стукнуло. Отчёт отправил: 20528. Геннадий Кравцов Выполнено за 5 час. 57 мин. [Показать отчёт] Научился: Переделал программу, чтобы можно было вводить любой день рождения и рассчитывать число прожитых дней)). Сложности: Пока не знаю как применять стили к элементам <input>. Поэтому текстовые поля получились стандартного размера. |
|||||
7 | Гонка - Герои на канвасе |
2 теста |
|||
На этом уроке мы познакомимся с канвасом. Научимся его создавать, инициализировать и рисовать на нём прямоугольники. Отчёт отправил: 20528. Геннадий Кравцов Выполнено за 2 час. 56 мин. [Показать отчёт] Научился: Научился создавать canvas, получать доступ к контексту : canvas.getContext("2d"); и рисовать прямоуголиники с помощью метода fillRect(). Сложности: При квадратном канвасе (300 x 300px) по неведомым причинам все прямоугольники рисуются вытянутыми в 2 раза по высоте. Что бы нарисовать квадратик приходится задавать высоту 5, а ширину 10. |
|||||
8 | Гонка - Массив боксиков |
1 тест |
|||
На этом уроке мы заставим двигаться наши боксики. Для этого необходимо сохранять их координаты, а при нажатии на кнопочку - менять их. |
|||||
9 | Гонка - Запуск таймера |
1 тест |
|||
На этом уроке мы добавим таймер, чтобы наши боксики двигались сами. Потом долго будем настраивать процесс их появления и продвижения. |
|||||
10 | Гонка - Рулевое управление |
1 тест |
|||
На этом уроке мы добавим обработчик движения мышки. При перемещении мышки будет двигаться наша машинка. Нужно будет правильно рассчитать координаты и обрабатывать случае ухода мышки влево или вправо. |
|||||
11 | Гонка - Быстрые рекорды |
1 тест |
|||
На этом уроке мы добавим две функции для проверки на столкновения машинки с боксиками и немножко поиграем. Вдохновился я на эти уроки статьёй на Хабре: http://habrahabr.ru/post/202556/ |
|||||
Итого: 11 видеоуроков |
2 час. 07 мин. 15 тестов |
22 чел. | |||
Финалисты: zhikharevav, mirbek, Максим Лапшинов, Michail Ostryj, Ludmila, Алексей В., Rita, Новопашин Владимир, Станислав, Иван, Tekashnik, Иван Воронин, Дмитрий, Андрей Гладков, Dmitry Sinitsin, chokayes, Yefim, Max, Николай Денисов, Anatoli, Trira, Tom . |