# | Название видеоурока | Видео / Тесты | Решило | Рейтинг | Доступ |
---|---|---|---|---|---|
1 | Запуск JavaScripta |
1 тест |
|||
На этом уроке мы напишем и запустим простую программу на языке JavaScript.
Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 27 мин. [Показать отчёт] Научился: CTRL+SHIFT+J == F12 В JavaScript при создании цикла не надо указывать тип переменной цикла - укажешь - будет ошибка. "Остановитесь!"(С.) Сложности: Мой ГуглХром F12 отрабатывает, а предложенную комбинацию клавиш есть отказался - на экране было пусто. Пища для размышлений. |
|||||
2 |
![]() |
без видео 2 теста |
|||
На этом уроке мы напишем на JavaScript игру "Угадай число". Компьютер загадает число от 0 до 1000, а мы его будем угадывать. Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 40 мин. [Показать отчёт] Научился: 13 попыток. JavaScript создавался для оживления web-страниц, добавления интерактивности, действий и отклика на активность пользователя. Программы на этом языке называются скриптами. В браузере они подключаются напрямую к HTML. Загружается сайт – выполняется script. Программы на JavaScript – обычный текст скрипта, встроенный в HTML загружаемого сайта. |
|||||
3 |
![]() |
без видео 2 теста |
|||
На этом уроке мы напишем пасьянс "River". Правила игры. Есть 10 монеток. При щелчке по любой из них - переворачиваются сама монетка и две соседние. У крайних монеток только одна соседняя. Задача - перевернуть все монетки. Задачу будем решать на языке JavaScript. Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 1 час. 8 мин. [Показать отчёт] Научился: Переменные можно объявлять в любом месте. Ключевое слово var задает переменную в текущей области видимости. Если его не написать, то переменная попадет в глобальный объект window. Возможны неожиданные пересечения с другими переменными окна, конфликты и глюки. Заданная через var переменная видна везде в области видимости, даже до оператора var. |
|||||
4 |
![]() |
2 теста |
|||
Мы начинаем создание игры "Очисти поле" на JavaScript. На этом уроке мы подготовим поле 5х5 из чекбосиков, и напишем функцию запуска уровня. Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 8 час. 26 мин. [Показать отчёт] Научился: document.getElementById("b2019") - найти в строках кода некий элемент, помеченный идентификатором id="b2019" и выполнить с ним некие действия. ============== Вызов функции пиши ниже строк, создающих объекты, используемые в этой функции. Иначе не взлетит. Сложности: То, что выглядело как лёгкая прогулка у моря, получилось поиском багов на ровном месте. Набирал в Саблайме - после прикручивания цикла работать отказывалось. Пробовал в Пингвине - тоже не работало. Взлетело лишь после третьего набора операторов в Brackets. В чем root of all evil пока не понял. Найду - отпишу здесь же. UPD 20181218171100(мск) Поставил с ГитХаба Brackets 12 версии на RunTu - сначала тоже капризы - пока скобки не поставил в онклике при вызове метода level1() - работать тоже отказывался скрипт. Увидел-таки, добавил требуемые скобки - и оно взлетело! Валерию снова спасибо за подсказку какой релиз Пингвина взять. Ковыряю помалу. Летать ноут не стал после Винды ХР, но и отторжения Пингвин не вызывает. |
|||||
5 |
![]() |
|
|||
На этом уроке мы напишем функцию хода, Которая будет перещёлкивать чекбоксики. Затем напишем функцию isEmpty() для проверки поля на окончание игры, и ... всё! игра готова! Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 1 час. 30 мин. [Показать отчёт] Научился: напоминает игру "Жизнь" в упрощённом варианте. Принципы организации работы методов, циклов, переменных и операторов напоминает и C# и Java. |
|||||
6 |
![]() |
2 теста |
|||
На этом миниуроке мы напишем программку на JavaScript, которая посчитает, сколько тебе дней стукнуло. Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 47 мин. [Показать отчёт] Научился: F12 в Windows или Ctrl+Shift+I в Пингвине - вызов отладки. 2018-12-19 1976-5-25 My age are 15549days. Сложности: Зайти на сайт из Firefox на старой машине. |
|||||
7 | Гонка - Герои на канвасе |
2 теста |
|||
На этом уроке мы познакомимся с канвасом. Научимся его создавать, инициализировать и рисовать на нём прямоугольники. Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 52 мин. [Показать отчёт] Научился: <canvas> — это HTML элемент, использующийся для рисования графики JavaScript. JS прекрасен. Ошибка в один знак == нерабочий код страницы. Никаких подсказок, кроме режима отладки (F12), там есть подробности. А страница просто не отобразится. |
|||||
8 | Гонка - Массив боксиков |
1 тест |
|||
На этом уроке мы заставим двигаться наши боксики. Для этого необходимо сохранять их координаты, а при нажатии на кнопочку - менять их. Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 2 час. 42 мин. [Показать отчёт] Научился: глобальные переменные - те, что объявлены в классе, за пределами методов. box.push([x,y]); - записать координаты икс и игрек в двухмерный массив бокс CTRL+SHIFT+J - вызов окна отладчика в браузере Google Chrome для ознакомления с возможными ошибками Координата х=0 у=0 в канвасе расположена в левом верхнем углу (ЗАПОМНИТЬ) context.clearRect (0, 0, canvas.width, canvas.height); - метод контекста для очистки с экрана элемента "прямоугольник" |
|||||
9 | Гонка - Запуск таймера |
1 тест |
|||
На этом уроке мы добавим таймер, чтобы наши боксики двигались сами. Потом долго будем настраивать процесс их появления и продвижения. Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 42 мин. [Показать отчёт] Научился: setInterval(имя_функции_которую_треба_запускать, промежуток_в_миллисекундах_через_который_делать_перезапуск_той_функции); Math.random == число от нуля до единицы box.splice (j, 1); == объект_бокс ТЧК удалить_методом_splice (с объекта j, сколько удалить_1_в примере); Если после второй запятой в скобках splice дописать в одинарных кавычках новый элемент, он будет добавлен взамен удалённого. Как же приятно печатать, глядя на моник. Спасибо, Евгений Витольдович, за те марафоны! |
|||||
10 | Гонка - Рулевое управление |
1 тест |
|||
На этом уроке мы добавим обработчик движения мышки. При перемещении мышки будет двигаться наша машинка. Нужно будет правильно рассчитать координаты и обрабатывать случае ухода мышки влево или вправо. Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 1 час. 30 мин. [Показать отчёт] Научился: clearInterval (идентификатор или название того интервала, который надо остановить) - остановка работы таймера document.addEventListener ('mousemove', имя_функции_которая_будет_отрабатывать_маусмув, false); - добавление обработчика события canvas.getBoundingClientRect () - функция определения координат от канваса(холста), а не от браузера |
|||||
11 | Гонка - Быстрые рекорды |
1 тест |
|||
На этом уроке мы добавим две функции для проверки на столкновения машинки с боксиками и немножко поиграем. Вдохновился я на эти уроки статьёй на Хабре: http://habrahabr.ru/post/202556/ Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 2 час. 59 мин. [Показать отчёт] Научился: если переменная создана глобальной, передавать её в функцию нет необходимости То, что указывается в скобках после названия функции, это параметры. Эти переменные берутся за пределами функции(метода) и через указание в скобках, как через Контрольно Пропускной Пункт, этакое бутылочное горлышко, проникают в тело функции(метода) чтобы быть там использованными под тем же именем, под каким они были указаны в тех волшебных скобках-воротах в функцию(метод). Если в функции(методе) не нужны никакие параметры - скобки пишем просто пустыми. Игр не касался с 2000 года, когда гамил в WarCraft и ГЭГ. С тех давних пор к компьютерным играм охладел, а здесь даже порулил с удовольствием мышемашинкой. Автору спасибо за суперкурс! Видеообзор: sD6iqmlbuJw |
|||||
Итого: 11 видеоуроков |
2 час. 07 мин. 15 тестов |
22 чел. | |||
Финалисты: zhikharevav, mirbek, Максим Лапшинов, Michail Ostryj, Ludmila, Алексей В., Rita, Новопашин Владимир, Станислав, Иван, Tekashnik, Иван Воронин, Дмитрий, Андрей Гладков, Dmitry Sinitsin, chokayes, Yefim, Max, Николай Денисов, Anatoli, Trira, Tom . |