Education-site-for-kids

подборка сайтов, которые можно использовать в образонии

Подборка программ для детей, которые работают без интернета

• gcompris - сборник образовательных игр
• tuxpaint - отличная рисовалка для детей

Игры и сайты для детей по Computer Science

0. Подборки разных подборок

• https://www.kidsafeseal.com/certifiedproducts.html - подбрка Американской программы сертифицированных сайтов

1. Разные сайты сборники образовательных игр

• https://www.abcya.com/ - подборка математических игр на Flash, по разным возрастам
• https://www.coolmathgames.com/ - лучшая подборка логических игр, но есть сложности в Flash
• https://santatracker.google.com/ - подборка игр перед новым годом
• https://www.mathplayground.com/ - подбрка математических игр
• http://www.toxicode.fr/black_box - как работает черный ящик
• https://playset.netlify.app/ - игра SET
• https://github.com/readyready15728/awesome-programming-games - большая подборка программистких игр, сборник игр на программирование

2. Программирование для детей - игры

• https://www.codemonkey.com/ - создание программ для мартышки много бесплатных уровней
• http://www.toxicode.fr/ - "silent teacher" - сборник упражнений для понимания основ языка
• https://kiddo.academy/ - простейшее программирование для детей енотом
• https://terminaltwo.com/dashboard/games - сборник игр на программирование
• https://terminal.c1games.com/ - программирование через терминал, игра
• https://codecombat.com/ - python и js, прохождение мира в виде аркады, где нужно создавать код

3. HTML - веб программирование

• https://ishadeed.com/article/learn-css-positioning/ - CSS сборник уроков
• https://marksheet.io/ - пошаговое руководство по изучению HTML+CSS+js
• https://www.codemoji.com/ - создание сайтов для самых маленьких
• https://ai.mobirise.com/ - автоматическое создание сайтов с помощью AI только по текстовому запросу
• https://codebra.ru/ - сборник теории и заданий HTML+CSS+Js - RU
• http://old.code.mu/ - учбеники, задачники, справочники
• https://devdocs.io/ - хороший справочник по всем темам
• https://nocode.works/ - создание собственного сайта без программирования, только силами документов google
• https://webflow.com/ - создание профессионального сайта из шаблонов
• https://sites.aspect.app/ - создание сайтов перетаскиванием
• https://www.dora.run/ - создание сайтов с помощью AI, выиграл producthunt года

3.1 HTML + CSS игры

• https://daggasoft.com/play/supermarkupworld/ - проходи уровни создавай блоки HTML
• https://eraseallkittens.com/ - HTML изучение через построения мира из тегов
• https://game.eraseallkittens.com/en/play/ - HTML мир, который нужно проходить с помощью котиков (EN)
• http://www.flexboxdefense.com - flexbox defence
• https://flexboxfroggy.com
• https://cssgridgarden.com
• http://flukeout.github.io - CSS diner
• https://codepip.com/games/css-surgeon/ - про позиционирование элементов
• https://staging.edublocks.org/ - создание сайтов в блочно Scratch
• http://www.hexinvaders.com/ - игра на создание и определение RGB цветов
• https://pixact.ly/ - нужно нарисовать квадрат заданных размеров в пикселях
• https://codingfantasy.com/games - игра в стиле фентези на отработку GRID и flexbox

3.2 HTML + CSS - демонстрация возможностей и визуальные полезности для занятий

• https://www.webdesignmuseum.org/timeline - музей дизайна, как выглядили сайты раньше
• https://rupl.github.io/unfold - демонстрация возможностей CSS
• https://css-transform.moro.es/ - готовые примеры как делать тот или иной CSS эффект с трансформацией
• https://animista.net/ - коллекция различных анимационных эффектов для CSS

4. Визуальное программирование

• https://arcade.makecode.com/ - создание игр от Microsoft
• https://code.irobot.com/#/ - визуальное программирование Робота - пылесоса
• http://dragonarchitect.net/play/latest/ - визуальное программирование блоками Дракончика, который двигается по полю и может рисовать кубиками
• https://www.codeforlife.education/rapidrouter/ - программирование Микроавтобуса для прохождения трассы, начинается как блочное программирование, а потом есть плавный переход к Python
• https://studio.code.org/projects/spritelab/new - создание простейшей анимации с помощью блоков
• https://studio.code.org/projects/artist/new - рисователь с помощью блоков
• https://studio.code.org/projects/applab/new - создание приложений для мобильного телефона с помощью блоков
• https://studio.code.org/projects/gamelab/new - создание игра с помощью блоков
• https://make.gamefroot.com/#/games/new - создание игр, продвинутая версия Scratch
• https://robogarden.ca/ - робот, управляется блоками, много разных заданий. в том числе mincraft, есть какие-то уровни закрыты, непонятно что с оплатой
• https://gdevelop-app.com/ - создание простейших игр
• https://flowlab.io/ - визуальное создание, сильные ограничения в бесплатной версии
• http://echa.ru/gm/prtc/ - программирование робота на вымышленном языке
• https://www.w3schools.com/codegame/index.html - несколько головоломок в стиле LightBot
• https://visualmodder.org/ - minecraft vusial blokly - создание кода в визуальном редакторе
• https://box.code.game/ - аналог minecraft CodeMao c возможностью визульного программирования в стиле Scratch
• https://kitten.code.game/ - аналог Scratch CodeMao
• https://octostudio.org/en/ - аналог Scratch от MIT но для создания в мобильном телефоне
• https://play.unity.com/ru/studio - аналог Kodu Game Lab, но только от Unity и в более расширенном варианте
• https://pictoblox.ai/ - PictoBlox - аналог Scratch родом из Индии с дополнительными возможностями программировани на python, работа с ИИ, программирования различных плат

5 Обучение программированию c примерами

• https://hackr.io/ - подборки курсов на разных языках
• https://scotch.io/ - разные темы en в том числе web программирование
• https://app.codesignal.com/arcade - сборник заданий по программированию
• https://ru.code-basics.com/ - задачник, разные языки программирования
• https://interviewsandbox.com/ - проведение собеседования онлайн
• https://code.yandex-team.ru/ - поделиться кодом, и совместная работа, но без запуска.

5.1 Обучение программированию на Python

• https://codetheblocks.com/ - 3d кубики, различное рисование
• https://cscircles.cemc.uwaterloo.ca/ - хорошая подборка упражнений по всем темам python, но EN
• https://runestone.academy/runestone/books/published/thinkcspy/index.html# - самоучитель
• https://dabeaz-course.github.io/practical-python/ - полный курс по Pyhton, но EN
• https://www.learnpython.org/ - En примеры кода с заданиями
• https://gto76.github.io/python-cheatsheet/ - большеая и подробная шпаргалка
• https://app.edublocks.org/

5.2 Обучение программированию на Golang

• https://www.learn-golang.org/ - En примеры кода с заданиями
• https://gobyexample.com/ - Go на примерах
• https://github.com/hoanhan101/ultimate-go - гид по обучению языку
• https://golangs.org/ - курс на русском языке
• https://github.com/hoanhan101/ultimate-go - ultimate guid for Go

5.3 Обучение программированию на SQL

• https://www.learnsqlonline.org/ - En примеры кода с заданиями
• https://sqlbolt.com/lesson/introduction - поашаговые урокм
• https://mystery.knightlab.com/ - игра, необходимо расследовать преступление, для этого нужно покопаться в базе данных полицейского департамента EN

5.4 Обучение программированию на JavaScript

• https://lab.reaal.me/jsrobot/ - игра про робота JSRobots
• https://yare.io/ - игра про космические корабли на Js
• https://www.learn-js.org/ - En примеры кода с заданиями
• https://js14min.github.io/ - интерактивный учебник по js
• https://www.edopedia.com/blog/open-source-html5-and-javascript-games/ - примеры игр и небольшой учебник
• https://javascriptwtf.com/ - примеры странных вещей в JS
• https://axma.info/ - создание текстовых квестов на js
• https://grasshopper.app/ - приложение по обучению программированию на Js для детей
• https://www.code-dj.com/hourofcode/ - программирование как создание музыки
• https://silentteacher.toxicode.fr/ - обучение в выполнении последовательных действий
• https://yare.io/ - игра, стратегия с помощью кода JS

5.5 Машинное обучение

• https://stepik.org/course/71439/syllabus - Машинное обучение для преподавателей
• https://machinelearningforkids.co.uk/ - Машинное обучение для детей EN
• https://ml-handbook.ru/ - учебник от Яндекс

5.6 Обучающие материалы от Яндекса

• https://academy.yandex.ru/handbook - Хэндбуки Академии Яндекса
• https://academy.yandex.ru/handbook/python - основы Python от Яндекс
• https://academy.yandex.ru/handbook/cpp - основы C++ от Яндекс
• https://academy.yandex.ru/handbook/ml - учебник по машинному обучению от Яндекс
• https://coderun.yandex.ru/ - очередной задачник от Яндекс, специально для разработчиков

5.7 Обучение без компьютера Unplugged Activities

• https://www.rodocodo.com/teaching-resources/ - подборка активностей для обучения без компьютера
• https://www.csunplugged.org/en/ - Computer Science without a computer
• https://code.org/curriculum/unplugged - за много различных активностей за разные года
• https://csfirst.withgoogle.com/c/cs-first/en/cs-first-unplugged/overview.html - подборка от Google
• https://www.stem.org.uk/resources/collection/3909/computer-science-unplugged - ещё одна подборка по CS

6. Low-code NoCode

• https://breshna.io/ - создание игр без кода или программирования
• https://flowlab.io/ - Простой сервис по созданию игр онлайн без программирования
• https://www.glideapps.com/ - создание приложений для мобильных телефонов на основе таблицы с данными

7. Git

• https://ohmygit.org/ - игра про Github
• https://learngitbranching.js.org/ - игра на создание branch и всего подобного

10. Головоломки по алгоритмам

• http://compute-it.toxicode.fr/ - прочитать код и выполнить
• http://little-dot.toxicode.fr/ - сделать код на основе готовых блоков

11. Сборник теории по разным темам

• https://www.w3schools.com/ - теориии по web программированию с примерами
• https://devdocs.io/ - сбоник документации по разным языкам и фреймворкам
• https://websitesetup.org/html5-periodical-table/ - Периодическая таблица тегов, с этого сайта можно перейти на официальную документацию
• https://www.jetbrains.com/ru-ru/academy/ - Академия JetBrains - разные темы с задачами и теорией
• https://ru.code-basics.com/ - разные языки, разные задачи (Js, Python, Ruby, Jawa, Php)
• https://visualgo.net/ru - визуализация различных алгоритмов
• http://www.algoanim.ide.sk/ - визуализация алгоритмов
• https://opendsa-server.cs.vt.edu/ODSA/Books/Everything/html/index.html - большой учебник по алгоритмам и структурам данных с визуализацией (OpenDSA Data Structures and Algorithms Modules Collection) Table Of Contents

12. Сборник задач по разным языкам. Задачники.

• https://app.codesignal.com/ - отличная подборка, целый трек по задачам, сразу проверка
• https://exercism.io/ - en много разных задач по разным языкам Python, Go, нужно работать через установку CLI
• https://edabit.com/ - en задачки, можно решать на разных языках, включая Python, интерактивная проверка
• https://coderun.yandex.ru/catalog - задачник от Яндекс, сборник алгоритмических заданий
• https://phys.bspu.by/static/um/inf/prg/sem1/reshebnik/main.htm - онлайн задачник Окулов
• https://coderun.yandex.ru/catalog -сбоник заданий от yandex

14. IDE и online IDE

• https://thonny.org/ - лучший IDE для начала программирования на Python
• http://repl.it/ - лучший онлайн IDE для разных языков и сред
• https://gitpod.io/ - онлайн аналог VSCode
• https://tech.io/ - платформа где можно поделиться кодом, а человек может его сразу запустить

15. 3D и Lego

• https://mecabricks.com/ru/workshop - Lego создание Online
• https://usecubes.com/design - рисование с помощью кубиков, очень простое
• https://www.3dslash.net/index.php - 3d рисование
• http://www.newart.ru/htm/flash/risovalka_14.php - симпатичная рисовалка 3d
• https://goxel.xyz/live/ - 3D рисовалка voxel

16. Дополнительные онлайн инструменты

• https://footage.app/ - создание коротких видео из шаблонов
• https://supa.ru/ - создание и скачивание коротких видео из шаблонов (40 секунд бесплатно)
• https://cchound.com/ - коллекция бесплатной музыки для использования в проектах
• https://noisefx.ru/ - коллекция звуков
• https://play.presenta.cc/ - создание презентаций из кода и markdown
• https://biteable.com/ - создание коротких роликов
• https://sumo.app/ - множество онлайн инструментов, кисти, создание музыки, видеоредактор, 3d, создание собственных обучающих миров
• https://genial.ly/ - создание интерактивных презентаций и самоучителей
• https://estory.io/ - создение timeline
• https://mylens.ai/ - создание timeline автоматически, только по текстовому запросу
• https://commonmark.org/help/tutorial/ - интерактивный тренажер markdown
• https://wordmint.com/ - создание кроссворда
• https://www.compumuseum.com/ - компьютерный музей и эмуляцией разных компьютеров
• https://codetoflow.com/ - объяснение работы кода с помощью блок-схем
• https://www.freepik.com/ - создание и редактирование изображений

16.1 Онлайн доски

• https://sboard.online/teams - аналог Miro

16.1 Онлайн изучение музыки

• https://muted.io/ - изучение музыки

17. Онлайн робототехника

• https://vr.vex.com/ - робототехника Онлайн, vex перенесенный в среду Scratch
• https://education.vex.com/vr/ - база знаний для онлайн Робототехники

18. Логические схемы

• https://logic.ly/demo - логические схема, симуляция онлайн
• https://simulator.io/board - логика
• https://nandgame.com/ - отличная игра по логическим элементам
• https://wokwi.com/ - электрические схемы

19. Разное

• https://keyma.sh/ - клавиатурный тренажер
• https://kenney.nl/assets - тайлы, сборник бесплатных assetов для игр
• https://www.compumuseum.com/ - компьютерный музей онлайн с эмуляторами разных компьютеров
• https://mularahul.github.io/keyviz/ - программа, которая визуализирует нажатия клавиш во время демонстраций
• https://www.masswerk.at/keypunch/?home=1 - перфокарты в различных их видах
• https://overthewire.org/wargames/bandit/bandit0.html - системное администрирование, тренажер, командная строка
• https://pad.tchncs.de/drive/ - онлайн документы аналог Яндекс диск и гугл диск на only office
• https://jitter.video/ - создание видеозаставок для сайтов
• https://www.lottielab.com/ - создание анимации на HTML + совместная работа
• https://ooooooooooooooooooooooo.ooo/ - сокращатель / удлинитель ссылок

20. Рисование

• https://bezier.method.ac/ - тренажер рисования кривыми
• http://sculptgl.ru/ - 3D рисование голов
• https://writereader.com/ - создание книжек для детей
• https://sumo.app/ - рисование кистями
• https://aggie.io/ - совместное рисование
• https://www.magiceraser.io/ - удаление объектов с картинки
• https://www.wickeditor.com/editor/ - создание HTML-5 анимации в стиле Flash
• https://sketchpad.app/ - простая, но красивая онлайн рисовалка

21. Создание игр. Game development

• https://breshna.io/ - no-code создание игр
• https://www.adventurebox.com/ - предельно простое создание игр в 3d
• https://www.umaigra.com/ - создание образовательных игр
• https://itch.io/ - сборники примеров игр на разных платформах и с различными механиками

22. Математика

• https://sinerider.com/ - игра, где нужно правильно написать график функции, чтобы санки поехали правильно

23. Игры. Логические игры

• https://schibir.github.io/mineslitter/ - сапер наоборот
• https://boolean.method.ac/ - круги Эйлера, объединение или исключение
• https://neal.fun/ - сборник прикольных игр, включая взломай пароль и ещё несколько познавательных страничек-шуток
• https://logic-arrows.io/ - игра на составление последовательности стрелочек
• https://generals.io/ - генералы, как шахматы, только генералы.
• https://puetsua.itch.io/hexdoku - судоку, но только с шестиугольниками -
• https://csklimowski.itch.io/six-sided-streets - улица из шестиугольников
• https://itch.io/ - тут очень много разных игр на все случаи жизни
• https://github.com/readyready15728/awesome-programming-games - Awesome Programming Games

24. AI и ИИ в образовании

• https://www.rosebud.ai/ - создание игр из шаблона через написание текстовых запросов получается в настоящая игра. #gamemaker