Web Lab | Веб разработка
6.63K subscribers
118 photos
9 videos
304 links
Лучший бесплатный материал для начинающих программистов

Сотрудничество: @AmerigoVes

- Всё самое лучшее для Web-разработчиков
- IT инструменты, хитрости и секреты
- Отборные материалы для FullStack-специалистов
- Новости из мира IT
Download Telegram
Классическая змейка

Сложность - СРЕДНЕ
Языки - HTML, JS, CSS

🖥 Читать статью 🖥

В этой статье Вы прочитаете как сделать классическую змейку, просто и понятно, с использованием canvas.

Справка
Тег <canvas> - создает область, в которой при помощи JavaScript можно рисовать разные объекты, выводить изображения, трансформировать их и менять свойства. При помощи тега <canvas> можно создавать рисунки, анимацию, игры.

Если есть вопросы по коду, писать сюда @WebLabFeedBackBot

#css #javascript #html #игры
Навигация по каналу.

Кликай по хэштегу, чтобы перейти к посту, который опубликован на канале с данным хэштегом.

#javascript
#css
#html
#игры
#теги
#полезныйресурс
#учись
#python
#измираIT
#сниппет
#курсы
#книга
#шпаргалки
#ии
#статья
Несколько бесплатных онлайн игр для освоения CSS, преимущественно для новичков.

🧩 Flexbox Froggy

🧩 Flexbox Defense

🧩 Grid Garden

🧩 CSS Diner

Если есть вопросы, писать сюда @WebLabFeedBackBot

#css #игры
Baba is You – одна из лучших головоломок 2019 года и хороший инструмент для обучения использованию логики и переменных в программировании. Каждое слово соответствует объекту или действию, определяющему свойства уровней. Слова, обозначающие объекты и свойства, можно перемещать для изменения выполняемых объектами действий. Это игра показывает, как замена переменных может повлиять на код.

#игры
This media is not supported in your browser
VIEW IN TELEGRAM
🎮 Elevator Saga игра для изучения JavaScript

В этой игре нужно программировать движение лифтов так, чтобы перевезти всех пассажиров туда, куда им требуется. Чем выше уровень, тем больше этажей в здании.

Elevator Saga рассчитана на умение строить алгоритмы и работать с информацией. Синтаксис тут простой, поэтому игра подойдет даже для новичков.

#javascript #игры #учись
This media is not supported in your browser
VIEW IN TELEGRAM
В этой статье создаём игру "кошки-мышки"

Сложность - ЛЕГКО
Языки - HTML, JS, CSS

🐱Читать статью🐹

Если есть вопросы или пожелания, писать сюда @WebLabFeedBackBot

#html #javascript #css #игры #учись
🎮 Эта подборка включает онлайн-игры для программистов, которые позволят в увлекательной форме освоить языки программирования.

🧩 CodinGame

На CodinGame с помощью написания кода вам предстоит решить самые разнообразные и весёлые проблемы. Сайт поддерживает все языки программирования.

🧩 CodeCombat

CodeCombat — это не просто игра по программированию, а настоящая платформа для учащихся, позволяющая легко осваивать материал.

Красочная анимация и интересный сюжет, кланы, взаимодействие с тысячами других игроков по всему миру. Есть русская локализация.

🧩 Check iO

Check iO — это браузерная игра в жанре «Приключение», которая научит вас программированию на Python.

#игры #полезныйресурс #учись
This media is not supported in your browser
VIEW IN TELEGRAM
🕹 Пишем игру на JavaScript

В этой статье напишем нечто похожее на динозаврика от Google. В этом коде присутствует: обработка нажатий, движение объектов и непосредственно прыжок динозаврика.

#javascript #игры #css #html
🎮 Обучение через познание: 10 игровых платформ для начинающих программистов

Геймификация — отличная концепция, которая может помочь вдохнуть больше энтузиазма в увлекательный процесс обучения.

#полезныйресурс #учись #игры
This media is not supported in your browser
VIEW IN TELEGRAM
🎲 Модуль freegames

Это коллекция бесплатных игр на Python, предназначенных для обучения и развлечения. Все игры реализованы с использованием Python и его модуля Turtle.

Установка: pip install freegames

Пример игры: python -m freegames.pacman

#python #игры #полезныйресурс
🎮 Игра «Oh My Git!»

Она поможет в игровой форме закрепить принципы Git. Там визуализируются внутренние структуры репозиториев. А сама игра — опенсорс. Так что можно покопаться в исходниках.

#учись #игры
🎲10 захватывающих игр для освоения CSS

Они превратят процесс изучения CSS в увлекательное приключение. Игры от «Flexbox froggy», где Вы помогаете лягушке найти свой путь, до «CSS Diner», где Вы учитесь применять селекторы.

#учись #игры #css
🎮10 игр для изучения JavaScript

В этой статье представлены 10 игр, которые помогут Вам освоить JavaScript. От ролевых до головоломок, каждая из них предлагает увлекательный способ погрузиться в мир кода.

#учись #игры #javascript