Изучение c# на примерах

Формула программиста
основатель — Волосатов Евгений Витольдович
Вступай в Телеграм чат проекта
Вебинар «Мы начинаем PHP + Yii2» начнётся через 2 дня 7 час. 16 мин.

Игрушки на JavaScript

Несколько простых, но эффектных игрушек на языке программирования JavaScript.



Хочу купить!

Купить в рассрочку за мегахеши

Цена: 500 p.


Список уроков | фото | видео

# Название видеоурока Решило Рейтинг Доступ
1 Запуск JavaScripta 00:07:52 20 чел. ★ 4.9 Done
  На этом уроке мы напишем и запустим простую программу на языке JavaScript.
Отчёт отправил: 1420. mirbek Выполнено за 5 мин. [Показать отчёт]
Научился: Выводить слово "Привет" в браузере. 
Сложности: Ничего 
Комментарии: Все хорошо 
2 Угадай число 41 чел. ★ 4.6 Done
  На этом уроке мы напишем на JavaScript игру "Угадай число".
Компьютер загадает число от 0 до 1000, а мы его будем угадывать.

Отчёт отправил: 1420. mirbek Выполнено за 24 час. 00 мин. [Показать отчёт]
Научился: Ждать. 
Сложности: Ждать когда проголосуют. 
Комментарии: Должно ли быть видео-решение к уроку? Не совсем понял, доступ к видео-решению открывается только после 20 человек проголосует? Если нет видео-решения можно же пометку сделать, я же жду отчетов(((. 
3 Пасьянс 44 чел. ★ 4.6 Done
  На этом уроке мы напишем пасьянс "River".
Правила игры. Есть 10 монеток.
При щелчке по любой из них -
переворачиваются сама монетка и две соседние.
У крайних монеток только одна соседняя.
Задача - перевернуть все монетки.
Задачу будем решать на языке JavaScript.
Отчёт отправил: 1420. mirbek Выполнено за 10 мин. [Показать отчёт]
Научился: Познакомился с javaScript'ом. 
Сложности: Понять строчки кода. 
Комментарии: Было бы хорошо если был видео-решение, яснее стало бы, некоторые части кода. 
4 Очисти поле - Чекбоксы 00:12:51 29 чел. ★ 5 Done
  Мы начинаем создание игры "Очисти поле" на JavaScript.
На этом уроке мы подготовим поле 5х5 из чекбосиков,
и напишем функцию запуска уровня.
Отчёт отправил: 1420. mirbek Выполнено за 30 мин. [Показать отчёт]
Научился: Выводить чекбоксы и кнопки на джаваскрипт. 
Сложности: Дебажить на джаваскрипте. 
Комментарии: а разве тег script не отдельно пишется? то есть не внутри тега body? 
5 Очисти поле - Функция хода 00:16:18 25 чел. ★ 4.9 Done
  На этом уроке мы напишем функцию хода,
Которая будет перещёлкивать чекбоксики.
Затем напишем функцию isEmpty() для
проверки поля на окончание игры,
и ... всё! игра готова!
Отчёт отправил: 1420. mirbek Выполнено за 30 мин. [Показать отчёт]
Научился: искать ошибки в коде. 
Сложности: понять где у меня возникла ошибка в коде программы. 
Комментарии: не совсем понятно, условие выигрыша. Не могу понять как надо выиграть. 
6 Сколько мне дней 00:06:55 21 чел. ★ 5 Done
  На этом миниуроке мы напишем программку на JavaScript,
которая посчитает, сколько тебе дней стукнуло.
Отчёт отправил: 1420. mirbek Выполнено за 20 мин. [Показать отчёт]
Научился: Узнал посчитывать кому, сколько дней. 
Сложности: ничего. 
Комментарии: нет. 
7 Гонка - Герои на канвасе 00:17:21 24 чел. ★ 5 Done
  На этом уроке мы познакомимся с канвасом.
Научимся его создавать, инициализировать
и рисовать на нём прямоугольники.
Отчёт отправил: 1420. mirbek Выполнено за 20 мин. [Показать отчёт]
Научился: узнал что такое канвас. 
Сложности: ничего. 
Комментарии: нет. 
8 Гонка - Массив боксиков 00:18:10 22 чел. ★ 5 Done
  На этом уроке мы заставим двигаться наши боксики.
Для этого необходимо сохранять их координаты,
а при нажатии на кнопочку - менять их.
Отчёт отправил: 1420. mirbek Выполнено за 20 мин. [Показать отчёт]
Научился: Узнал что такое канвас, не знал что в input можно прописывать методы, двигать элемент на канвасе. 
Сложности: Ничего. 
Комментарии: Нет. 
9 Гонка - Запуск таймера 00:14:01 21 чел. ★ 5 Done
  На этом уроке мы добавим таймер,
чтобы наши боксики двигались сами.
Потом долго будем настраивать
процесс их появления и продвижения.

Отчёт отправил: 1420. mirbek Выполнено за 30 мин. [Показать отчёт]
Научился: Узнал как делать матрицу :-) 
Сложности: взаимо-связь методов 
Комментарии: нет 
10 Гонка - Рулевое управление 00:13:39 20 чел. ★ 5 Done
  На этом уроке мы добавим обработчик движения мышки.
При перемещении мышки будет двигаться наша машинка.
Нужно будет правильно рассчитать координаты
и обрабатывать случае ухода мышки влево или вправо.

Отчёт отправил: 1420. mirbek Выполнено за 30 мин. [Показать отчёт]
Научился: Теперь знаю, как создаются такого рода игры. 
Сложности: Понять, от чего что отнимаем, и что произойдет. 
Комментарии: Нет. 
11 Гонка - Быстрые рекорды 00:20:23 17 чел. ★ 5 Done
  На этом уроке мы добавим две функции
для проверки на столкновения машинки
с боксиками и немножко поиграем.
Вдохновился я на эти уроки статьёй
на Хабре: http://habrahabr.ru/post/202556/
Отчёт отправил: 1420. mirbek Выполнено за 30 мин. [Показать отчёт]
Научился: Писать проверку на столкновение элементов на браузере. 
Сложности: Немного запутался в методах, было сложно понять, как они работают в целом. 
Комментарии: Нет 
  Итого:   11 видеоуроков общей продолжительностью 2 час. 07 мин. 13 чел. ★ 4.91  
  Финалисты:   zhikharevav,   mirbek,   Максим Лапшинов,   Michail Ostryj,   Ludmila,   Алексей В.,   Rita,   Новопашин Владимир,   Станислав,   Иван,   Tekashnik,   Иван Воронин,   Дмитрий .

Начинаем практику по языку C#




Чтобы стать хорошим программистом — нужно писать программы. На нашем сайте очень много практических упражнений.

После заполнения формы ты будешь подписан на рассылку «C# Вебинары и Видеоуроки», у тебя появится доступ к видеоурокам и консольным задачам.

Несколько раз в неделю тебе будут приходить письма — приглашения на вебинары, информация об акциях и скидках, полезная информация по C#.

Ты в любой момент сможешь отписаться от рассылки.


Научился: Записывать видео отчёт
Трудности: Переписывать видео отчёт 4 раза, то звук не включил, то мне помешали, и т.п.
Можете попробовать данные игры на моём сайте (это правда сайтом назвать сложно, просто кладовка, где что то лежит). Но если интересно то: http://tekashnik.tk/gonka.html - гонка http://tekashnik.tk/boxes.html - боксики


Научился: Реализовал задачи данного урока сам, после посмотрел реализацию, по поводу getBoundingClientRect очень громоздко выглядит и без него отлично всё работает, может быть в других задачах он будет более полезный, но в данной пока не вижу смысла использовать лишнее.