JavaScript по-дизайнерски. Предварительная запись

В прошлом году мы запустили и провели курс по веб-разработке (лендос немного заржавел, но всё главное осталось). На нём мы учили дизайнеров верстать на HTML/CSS и программировать прикольные штуки на Джаваскрипте.

Спустя год мы решили перезапустить курс в новом формате:
— мы больше не учим вёрстке, остаётся только программирование;
— сначала с нуля учим основам JavaScript (только тому минимуму, который нужен для практики);
— затем разбираем и программируем пять-шесть красивых примеров разных скетчей для сайта — параллакс, отслеживание мышки, отсеивание скролла страницы, сложные анимации и что-то ещё;
— делаем всё на голом HTML/CSS/JS, но показываем, как вставить скетч в Тильду или Редимаг;
— как всегда, учим фундаментально и рассказываем, как превратить любую идею в реализацию, чтобы после курса вы могли сами делать любые другие штуки.

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

Если вам интересно пройти такой курс, пожалуйста, откройте форму, нажмите кнопку «далее», а потом «отправить». На втором этапе есть несколько необязательных вопросов — будет круто, если вы ответите на любое количество из них, это поможет сделать курс более релевантным.

Мы посмотрим на ответы, а через несколько недель выпустим обновлённый лендинг и откроем запись на живой поток. Пожалуйста, тыкните на кнопки в форме до 19 июля 23:59 МСК.

<Приём заявок завершён, запись на курс ↓ внизу.>

Умные люди в тиктоке сказали, что мы больше не можем собирать персональные данные сограждан с помощью зарубежных гугл-форм. Поэтому, если есть что рассказать или спросить — пожалуйста, пишите в личку: @adam_arutyunov.

Генератор шрифта с иероглифами

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

Я недавно узнал про библиотеку opentype.js.org, она умеет редактировать шрифты прямо в браузере. Отличный повод проверить её в работе!

За основую взял генератор лабиринтов, 3×6 клеток. Некоторые тупики обрезаю, чтобы форма символов была разнообразнее.

Код генератора https://editor.p5js.org/illus0r/sketches/rEznz8Wee
История создания — https://t.me/setka_design/232?comment=655

А ведь это ещё и шифр вроде пляшущих человечков! Вот что я тут написал?

JavaScript по-дизайнерски

Мы прочитали ответы на форму, всё перепридумали и перезапустили курс по веб-разработке.

Этот курс про то, как научиться делать эффектные сайты, имея только минимальные знания в вёрстке. Мы с нуля научим основам программирования на языке JavaScript и разберём шесть базовых примеров кодинга в вебе. Заодно покажем, как вставить код в Тильду или Редимаг, и научим понимать таинственный язык разработчиков. Мы учим фундаментально, чтобы после курса можно было запрограммировать любую штуку, которая придёт в голову.

Ещё мы обновили лендинг — теперь на нём интерактивная программа занятий, FAQ и отзывы с прошлого потока.

Курс длится с 19 августа по 13 сентября — всего будет 12 занятий. Все занятия записываются и выкладываются в телеграм-канал, поэтому учиться можно в любом темпе. Чем раньше записаться на курс, тем больше скидка. Начальная цена — 15 000 ₽, она будет повышаться по мере приближения к началу занятий.

https://setka.design/web

Записаться можно через бота @gendesign_bot. Он возьмёт деньги и пришлёт ссылку на телеграм-чат.

Ваня бросает вызов Адаму
Мне скучно! Можешь сделать игру? С использованием какой-нибудь техники генарта или без. Главное — чтобы можно было очки набирать

Хромовский динозаврик 2.0

Ответ на вызов Вани ↑.

Наверняка вы знаете игру с динозавриком в Google Chrome (а если нет, отключите интернет, зайдите на любую страницу, получите ошибку «нет интернета» и нажмите пробел).

Я написал на p5.js новую версию этой игры! Теперь вы играете за птицу, а ваши препятствия — динозавры и летающие кактусы :—).

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

Со временем количество препятствий увеличивается, а ветер усиливается. Задача — продержаться как можно дольше, не врезавшись в препятствия.

Поиграть можно здесь: https://editor.p5js.org/AdamArutyunov/full/5a5trurs5k

←↑→↓ — управление.
Пробел — перезапуск.
(После запуска нужно один раз нажать на экран, чтобы на него перевёлся фокус.)

______________

Напоминаем, что мы учим p5.js на курсе генеративного дизайна. Следующий поток стартует 27 августа.

А ещё напоминаем, что уже в понедельник начинается курс «JavaScript по-дизайнерски», где мы учим делать классные интерактивные штуковины в вебе. На лендинге есть подробная информация, интерактивные примеры и отзывы.

Записаться можно через бота: @gendesign_bot

🎉 Сетке — 2 года

Тыдыщ. Ровно два года назад Ваня написал мне и предложил вместе пилить курс гендизайна, и вот мы здесь, ведём несколько курсов, телеграм-канал, пишем инструменты, работаем как агентство — в общем, развлекаемся как можем.

Кажется, всё только начинается.