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

Предыдущие части:
Как увлечь детей программированием. Этап 1
Как увлечь детей программированием. Этап 2

Цель этого этапа - дать волю детской фантазии, чтобы чадо, в игровой форме придумывая и воплощая алгоритмы, отточило навык строить весьма сложные алгоритмы "из того что было" (то есть из того набора команд, что предоставил нам компьютер).
Поможет нам сайт https://scratch.mit.edu/
(внизу сайта сразу меняем язык на русский). На главном экране куча примеров проектов. Нам нужна ссылка "Создавай" сверху, чтобы уже начать свой проект.

Это уже знакомое нам "программирование паззлами", и набор команд там весьма богатый.
Вкратце – у нас есть игровое поле (с координатами конечно), на игровое поле мы добавляем "спрайты" – это всякие персонажи, предметы, всё что угодно (одного кота вам уже забросили на поле).
Каждому спрайту можно набросать одну или несколько цепочек команд-паззлинок. Такая цепочка запускается или при запуске всей программы (зелёный флажок), или по какому-то событию (например когда на клавиатуре нажали определённую клавишу). Смотрите паззлины с полукруглым горбом сверху – именно с таких может начинаться цепочка команд.
Команды задают, как персонаж двигается, как менятся его "костюм" (так можно анимировать персонаж), и много-много разных других приколюх и офигеньчиков. Детям нравится.
Напрограммировав поведение "спрайтов", мы нажимаем кнопку с зелёным флажком, и всё закрутится-завертится, персонажи оживут…

Чадо скорее всего само разберётся что к чему, такие сайты – это их стихия, пусть всё прощёлкает, всё попробует. Ну а вы можете для вдохновения пораскуривать примеры программ из раздела сайта "руководства". Но вот некоторые моменты нужно объяснить чаду особо (но не сразу, а когда освоит простейшие вещи).

Например, как заставить взаимодействовать спрайты между собой? Для этого спрайт может крутить бесконечный цикл, и постоянно в нём проверять условие "если касается такого-то спрайта". Таким способом двигающийся по полю спрайт среагирует на касание с другим спрайтом. Есть ещё подобные условия, поищите их в паззлинах.

Или например есть три интересных жёлтых паззлины:

"передать <сообщение>" – то есть где-то в недрах программы, невидимо, отправить всем спрайтам некое служебное сообщение, которое может быть любой фразой на любом языке (фраза нигде на сцене не отобразится, это просто для удобства программиста);

"когда я получу <сообщение>" – это, судя по горбу сверху, стартовая паззлина, то есть, к ней можно прицепить цепочку команд, и выполняться они будут тогда, когда из тёмных невидимых недр запущенной программы прилетит конкретное служебное сообщение, отправленное каким-то другим спрайтом.

"передать <сообщение> и ждать до конца" – в отличие от паззлины "передать <сообщение>", она после отправки сообщения приостанавливается и ждёт, когда все "слушатели" получат сообщение и выполнят связанную с этим цепочку команд, и только после этого передаёт эстафету следующей команде.

Как это можно использовать? Например, спрайт в виде кнопки "начать игру" может при нажатии на себя отправить сообщение "ИГРА НАЧАЛАСЬ", и все игровые спрайты (сундуки, алмазы, монстры…) получив это сообщение отобразят себя на экране (а изначально они были скрыты) и начнут взаимодействовать с главным героем.

Так, настало время рассказать чаду про очень важное в программировании понятие – про "переменные". Выключим монитор, отложим мышку. Помолчим для осознания важности момента. Берёте пустую обувную коробку, несколько средних коробок, и несколько совсем маленьких коробочек. Объясняете чаду так:

Большая коробка – это вся наша запущенная программа. Компьютер выделил для этой программы свою память, вон как много места! Программа это место использует для своей работы. Например, внутри этого пространства есть средние коробочки – это наши спрайты (подпишите коробки именами спрайтов). Спрайты живут своей жизнью, согласно их программам.
Но можно в этом пространстве оставлять и совсем маленькие коробочки, они очень простые – просто внутри хранят небольшие данные, например какое-то число, например счётчик очков в игре, да всё что угодно. И эти коробочки также имеют название, его даёт программист (напишите на маленькой коробочке "счётчик собранных алмазов", а внутрь положите клочок бумаги с написанной карандашом цифрой 0) – вот, только что мы создали переменную "счётчик собранных алмазов", и присвоили ей значение Ноль! Маленький шаг, но как он велик для будущего программиста… Теперь, в любой момент можно найти в пространстве обувной коробки переменную по её имени, заглянуть ей внутрь и либо просто прочитать написанное на клочке значение, либо стереть стёркой и записать другое значение.
Но! Это ещё не всё! Следим за руками: мелкую коробочку можно вложить в среднюю коробочку! Тогда это будет переменная, которую видит только этот спрайт – и никто более!
А если мелкая коробочка просто болтается в обувной коробке, то это общая переменная, она видна всем спрайтам.

Переходим к компьютеру, и проделываем то же самое на сайте – там среди паззлинок есть секция "переменные" с кнопкой "создать переменную", нажимаете, вводите название, задаёте видимость переменной (для всех спрайтов или только для этого), и у вас эта переменная появляется в двух местах – во-первых среди набора паззлинок появляется новая округлая паззлинка, а во-вторых переменная отображается прямо на игровом поле, это удобно (видно значение переменной), но если мешается -- можно её там скрыть, убрав галочку около паззлинки.
Всё, с переменной можно работать, вставлять её паззлину внутрь других, в которых есть округлые окошки. Например паззлина "изменить <счётчик собранных алмазов> на 1" прибавляет наш счётчик. А паззлины из раздела "операторы" могут использовать переменную внутри себя, чтобы например сравнивать её с числом (когда алмазов больше десяти, выдать медаль...).

В переменной можно хранить не только числовое значение. Можно например текст.
Есть особые переменные – гляньте, какие паззлинки округлой формы уже есть в наборе. Например, координата X мыши. Или номер текущего костюма. Или название костюма…
А ещё есть скромная с виду особая переменная "[что-то] от (кого-то)" – по сути, это способ одному спрайту подсмотреть что-то у другого спрайта (какие у него координаты и размер, какой костюм, какое значение "личной" переменной…) – эта скромная переменная открывает огроменные возможности по взаимодействию спрайтов меж собой.

Эх, какой простор для творчества! На том сайте, на заглавной его странице, есть примеры полноценных игр, написанных на этих паззлах. Есть особо упоротые примеры – целые мультфильмы, в которых каждое движение задано паззликами…

Вот пример простой, но вполне залипательной игры – нажимая на клавиатуре клавиши-стрелки, двигаем котом чтобы он собирал звёздочки, но кота преследует шар-монстр и от него нужно постоянно уворачиваться:

У спрайта "КОТ" программа такова:
при старте, прийти из-за горизонта (увеличиваясь по мере прихода), сказать "Привет!", спросить имя, сказать "Начинаем, <имя>!" и запустить игру, разослав спрайтам сообщение "СООБЩЕНИЕ_О_НАЧАЛЕ_ИГРЫ".
Кроме этого, КОТ реагирует на нажатие стрелок, меняя свои координаты (т.е. двигаясь по полю). Ну и выкрикивает "Поймал!!!" когда прилетает сообщение "СООБЩЕНИЕ_О_ПОИМКЕ_ЗВЕЗДЫ".
Вот она, вся программа кота:

А вот программа спрайта "ЗВЕЗДА": в самом начале звезда просто прячется и сбрасывает переменную "СЧЁТЧИК_ЗВЁЗД" в ноль. А вот когда прилетает "СООБЩЕНИЕ_О_НАЧАЛЕ_ИГРЫ", звезда показывается и начинает в цикле ждать, когда кот прикоснётся к ней – обнаружив сей факт, она перескакивает на новое случайное положение (ну, как будто эту звезду съели, и появилась другая), посылает "СООБЩЕНИЕ_О_ПОИМКЕ_ЗВЕЗДЫ" и прибавляет счётчик в переменной "СЧЁТЧИК_ЗВЁЗД":

А спрайт "МОНСТР"… ну а что монстр, его задача проста – снова и снова упорно двигаться в сторону кота, а настигнув его – останавливать игру. Ну а начинает он это своё шатание тоже не сразу, а только когда сама игра начнётся, то есть когда прилетит "СООБЩЕНИЕ_О_НАЧАЛЕ_ИГРЫ":

Программа получилась неоптимальная, есть логические изъяны, которые видны опытному программисту – но она была быстро набросана и заработала, пока у чада не иссяк интерес – а это ой какой малый промежуток времени… И, пожалуй, не стоит сейчас грузить чадо всякими оптимизациями, это придёт с опытом.

Как только чадо всласть попрактикуется на этом сайте, настанет пора бросать детские паззлики и переходить к настоящему программированию. И поможет нам ещё один прекрасный сайт – о нём в следующей серии....

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

Предыдущие части:

Как увлечь детей программированием. Этап 1

В прошлый раз "программировали" на листочке. Сегодня уже используем компьютер.

Цель этапа - научить правильному подходу к программированию:

1) внимательно читаю задание;

2) внимательно изучаю набор команд, которые умеет выполнять бездушная машина;

3) пытаюсь описать решение сначала своими словами, потом на языке машины - вот, собственно, программа и готова...

Открываем сайт https://blockly.games/?lang=ru

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

Задачи простые, вам точно под силу. Про циклы "повторять" и условия "если" вы уже знаете. Вот для примера одна из задач "довести пешехода до цели", вместе с решением:

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

Cкорее закрыть окошко со скучными пояснениями, оно ведь закрывает собой интересное игровое поле! А на поле разноцветный паззл, и если его наугад собирать, то может получиться правильный ответ! Ведь домашку же получается решать подбором, вот и тут подберу!..

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

"Не получается? Отложи-ка мышку, послушай. Просто представь, что ты пролетаешь над этим человечком на вертолёте, всё видишь, и можешь ему в рупор крикнуть, как ему действовать чтобы добраться до цели. Но ты не можешь вести его по шагам, тебе ведь нужно лететь дальше по важным делам. Что ты ему крикнешь? Сверху тебе ясно видно, что дорога и так приведёт его к цели, главное ему не сворачивать в закоулки. То есть, в рупор нужно крикнуть: иди по возможности вперёд, сворачивай только когда прямо нет пути!"...

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

После выполнения каждого задания, сайт отображает для справки текст набросанной вами программы на языке JavaScript, то есть всё то, что вы напрограммировали, но не в виде детского паззла, а в виде настоящей полноценной программы, написанной текстом. Английским, разумеется. На эти "исходные тексты программы" стоит обратить внимание чада – но не разбирать их детально (это скучно), а просто чтобы перед глазами примелькались куски настоящих программ (а ведь он их сам только что написал!). Ещё нужно обратить внимание, что на паззлинках названия команд расписаны подробно, а на самом деле соответствующие настоящие команды на настоящем языке программирования – это всегда одно английское слово, иногда сцепленное из нескольких слов, без пробелов, например moveForward. Не стоит этого пугаться, набор команд всегда ограничен, значит много английских слов учить не понадобится.

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

Например, в заданиях "Птица", нужно рассказать, что такое координаты Икс (по горизонтали) и Игрек (по вертикали), и как для птицы при её полете меняются текущие координаты по осям. Вот пример решённого задания из “Птицы”, здесь используется настраиваемая паззлина “если”, нужно нажать на шестерёнку в её углу, откроется мини-конструктор, в котором нужно перетаскиванием набросать паззлину с нужным количеством “иначе если”:

В заданиях "Черепашка" нужно объяснить про “перо”: опускаешь его на бумагу – оно рисует, поднимаешь над бумагой – оно перемещается не оставляя следа.

Вот пример решённого задания, здесь цикл вложен в цикл, чтобы трижды отрисовать одинаковые звезды (каждая из которых состоит из пяти одинаковых движений):

В заданиях "Фильм" есть не очень очевидное анимирование с помощью паззлика "time", придётся как-то объяснить, что этот паззлик можно использовать вместо явных чисел, это тоже по сути число, но оно само по себе шустро меняется от нуля до 100, и если его использовать как координату, возникает движение фигуры. Ещё там небольшая путаница с переводом на русский язык: “высоту” обозвали “шириной”, а “ширину” обозвали “длиной”.

Вот пример решённого задания с размахиванием рук в разном направлении (одна вверх, другая вниз), здесь используется такой финт: если шустро меняющееся от нуля до ста число вычесть из ста, то получим шустро меняющееся от 100 до нуля, то что нужно для движения сверху вниз:

За несколько дней чадо скорее всего дойдёт до последних игр – "Музыка", "Пруд". Там уже начинается скучная сложнота. Её можно (да даже нужно) пропускать, поясню почему.

1) Она скучна. Стоит чаду заскучать, интерес погаснет. А впереди нас ждут вещи поинтереснее!

2) Появляются задания, где программу нужно писать не паззлом, а прямо таки текстом. Но язык JavaScript не самый лучший для начинающих, я бы не советовал начинать с него, можно просто отпугнуть. Если есть интерес – пусть пробует, если нет – пропускайте.

3) Вводятся такие программистские штуки, как например "функция" – но на этом этапе использование функций просто сэкономит кусочки паззла, более ничего не даст. Ребёнок наверняка не станет их использовать, а просто будет выстраивать нужные цепочки команд столько раз, сколько нужно. Это будет вполне в духе детского прямолинейного решения задач, не нужно мешать этому. Все эти функции и прочие фишки потенциальный программист быстро наверстает потом сам, если подсядет на крючок программирования плотно.

А подсадить на этот крючок вполне способен один чудный и творческий сайт – об этом в следующей серии...

Всем привет! Пишу в продолжение поста История о том, как я решил стать программистом

Сегодня своеобразный юбилей, 3 месяца как я написал свой первый "Hello World!". В кратце, для тех кому лень читать первый пост: мне 32 года, решил войти в айти, учу java. И так за 3 месяца я почти освоил "джентльменский набор" java junior, осталось добить spring security, spring rest, spring boot. Учил все самостоятельно, при помощи видео курсов, доступных в сети и пары книг. Конечно, у меня есть пробелы в образовании, но на данный момент я могу написать приложение c веб интерфесом при помощи spring + hibernate. Возможно Вам будет интересно, как проходило(проходит) обучение. Если при изучении новой темы все непонятно - это нормально, если написанный код сразу выдает ошибки- это нормально, если 2 часа сидишь и не понимаешь, почему у тебя что-то не работает - это нормально, если обзываешь монитор - это не нормально, но бывает, если написал код и он сразу работает - это странно и нужно перепроверить пару раз.

Если Вы решили войти в Айти. Первое что нужно сделать - начать учить английский,если Ваш уровень ниже intermediate. Советую обратить внимание на онлайн/оффлайн курсы, там информация идет структурировано и преподаватель смотрит Ваш код(очень важный момент). Если решили учить самостоятельно, то также советую обратить внимание на видео курс, как минимум там информация структурирована. Практика обязательно!!!

А теперь к конкретике. Могу сказать только про изучение java, я не претендую на истину, это моё субъективное мнение и мой опыт. В процессе обучения я не стараюсь зазубрить как и что пишется, для меня важнее понимать как и что работает, и где я могу найти именно нужную информацию, для конкретной задачи . При изучении Java core я смотрел видео урок, потом читал тему в книге Шилда, после делал задание по уроку. После изучение core советую разобраться с Мaven , Git ,TomCat, MySql. Далее я взял веб приложение и изменял его по темам. Servlet, JSP, JDBC, Spring core, Spring MVC, Hibernate (т.е. сделал при помощи сервлетов, потом изменил на jsp, добавил к нему jdbc и т.д.). Из того что видел по видео курсам, очень понравился курс Заура Трегулова. В интернете информации куча, я думаю каждый найдет для себя то, что нужно. Если будет время, очень советую codewars.com(сайт с задачками).

На мой взгляд войти в айти, достаточно тяжело. Но вполне возможно)

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

P.S. если думаете интересно ли Вам программирование, просто попробуйте и вы поймете или это не Ваше, или это удивительный мир с кучей возможностей!=)

Всем привет! На пикабу уже давно, но только сейчас решил создать свой первый пост.

Мне 31 год, живу я в Беларуси. Все началось с того, что как обычно перед сном листал пикабу, было это в середине февраля. Наткнулся на статью одного HR специалиста в сфере IT, и зацепила меня строчка программистом может стать любой». На тот момент у меня из всех знаний было, то что при помощи Java были написаны игры на телефонах в школе лет 15 назад, а Senior у меня ассоциировался с сеньор-помидор из Чиполлино=). Решил я изучить вопрос поподробней. Вбил в ютубе «с чего начать в ИТ» и начал смотреть все ролики подряд. Когда появилось хоть какое-то представление куда двигаться, нужно было выбрать язык программирования, и тут конечно было не понятно какой взять, ибо для меня все одинаковые. Решил сильно не мудрить и выбрал Java. Java один из самых популярных языков программирования в мире и на нем можно сделать все. Сначала я смотрел ролики на ютубе, написал свой первый ”Hello world”, также начал читать книгу «Джава для чайников» . В начале было все просто, но чем дальше тем сложнее. Хотя как сейчас думаю мой мозг просто отвык получать новые знания, в большом количестве. Процесс написания кода очень сильно увлек, и в общем то я понял, что именно этим хочу заниматься. Поскольку у меня сезонная работа, и я не могу сменить работу прямо перед сезоном или в середине его, то составил план действий. Максимально изучаю Java и английский для приема на работу(в день от 3 до 10 часов), пишу программу, облегчающую мою текущую работу, для портфолио, в августе — сентябре пытаюсь устроиться на работу . Хотя и было как то страшновато изучить огромный объем информации + английский который хотел подтянуть уже 5 лет, но твердо решил что пора менять жизнь. Решил изучать по видео курсу, так получалось, что это ITVDN (не реклама, делюсь своим опытом, не думаю что другие курсы будут хуже). На сегодняшний день изучил большую часть Java SE (Standard Edition ). Для развлечения и отдыха использую codewars. По сути это сборник задач по языкам программирования, также тут можно качать уровень(да, да, как в игре), чем больше задач решил, тем больше опыта получил. Помню ощущения когда скомпилировал 1 задачу без ошибок, просто не передаваемо. Далее была задача, в которой мое решение было слишком долгим, по времени выполнения, и после «улучшения» кода, наступила просто дикая эйфория.

С каждым днем, мое решение кажется все более и более правильным. Огромный плюс после месяца обучения - голова начала соображать побыстрей и стало проще решать многие задачи по работе. Спасибо всем кто дочитал до конца. Если Вам будет интересно, напишу в  августе о результатах моего обучения и возможных проблемах с этим.