Сетка — кодинг для дизайнеров

Сетка — кодинг для дизайнеров pinned a video

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

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

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

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

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

https://setka.design/web

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

За последние двадцать лет веб-сайты сильно изменились. Было-стало ↑:

Сегодня первый сайт (Яндекс, 2003) можно сверстать на HTML/CSS за пару вечеров. А вот чтобы создавать сложные визуальные эффекты и интерактивные анимации, как на втором сайте (huly.io, 2024), нужно уметь программировать. Разработка сайта справа стоила 90 000 $, потому что не все так могут.

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

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

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

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

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

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

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

Адам бросает вызов Ване

Последние три недели я был в большой поездке по Китаю и видел много-много разных иероглифов.

А вдруг нам нужно будет запилить новый язык с иероглифным письмом? Сможешь написать простейший генератор иероглифов по каким-то заданным правилам?

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

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

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

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

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

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

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

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

Обновили лендинг курса генеративного дизайна

Появились:
— примеры генеративного дизайна в айдентике;
— работы выпускников курса;
— подробное описание, кому подойдёт курс, что там будет и чего не будет;
— наглядная иллюстрация содержания телеграм-канала с материалами.

Немного успокоили скетчи в программе, и в целом всё пересобрали и подкрутили.

Следующий поток стартует 30 июля. Приходите!

https://setka.design

Нет, я понял, что просить ставить сердечки неэтично.

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

Ставьте спейс-инвейдера.