front-end Пишем сайт/PWA и выкатываем в прод с Github Actions Привет! Хочу сохранить для себя некоторые аспекты разработки простенького одностраничного web приложения с функционалом PWA, а также нюансы его деплоя. Опишу некоторые проблемы с которыми я столкнулся, и их решения. Речь пойдет о
DIY Чиним Digitech Whammy 4 Я люблю покупать товары на авито, потому что поддерживаю переиспользование вещей. Тем более, что можно съэкономить немного денег. Но бывало, что обжигался, как например в этот раз. При покупке педали для гитары, я
web Типографика для web Продолжаю делать заметки о курсах, которые прохожу. Сегодня у нас "Типографика для веб разработки". Курс, который не особо обязателен для веб-программистов и находится на стыке дизайна и разработки. Но эта тема
web Что каждый разработчик должен знать о https Дабы не забыть то, что прошел на pluralsight, зафиксирую основные моменты в статье (сразу извиняюсь за орфографию, пишу наскоро). HyperText Transfer Protocol Secure — расширение протокола HTTP для поддержки шифрования в целях повышения безопасности.
web Продвинутые Git команды из курса (часть 2) Поиск по истории Доступность комитов Dot Dot notation показывает комиты которые доступны из одой ветки, но не доступны из другой git log feature..master Dot Dot Dot notation показывает комиты которые доступны для
web Продвинутые Git команды из курса (часть 3) Изменение истории Изменение сообщения комита (а также и изменений) с помощью команды amend git commit --amend -C HEAD -C - оставить прошлое сообщение HEAD - оставить сообщение из HEAD комит Удаление нескольких комитов,
web Продвинутые Git команды из курса (часть 1) По мере прохождения курсов по Git решил зафиксировать основные моменты, чтобы можно было обратиться и освежить знания (сразу извиняюсь за орфографию, пишу наскоро). Собрал немного общих команд из одного курса и структурировал лекции
web Делаем домашний сервер из старого железа Пару лет назад, я начал делать свои проекты, которые требуют постоянно работающего хостинга. По совету друга начал использовать для этих целей дешевые и удобные vps от digital ocean. За 5$ вы получается 1GB
web Современные тренды и непростительные ошибки в веб-дизайне Довольно часто писать сайт с нуля нет времени (а часто и желания), особенно если цель - запилить что-то работающее в короткие сроки. Несмотря на то, что сам пишу на React, пару раз мне
generative_art Как я погружался в digital art Как любитель всякого DIY, у меня постоянно зудела идея "А не сделать бы мне что-то эдакое?". Эдакого в интернете навалом, выбирай - не хочу. Одним из главных критериев было чтобы это
web Кодер. Стандартный CSS3 Что вообще за CSS3? Чем он отличается от CSS2. То, чем мы давно привыкли пользоваться для стилизации приложений было не всегда. Что нового принёсла 3 версия CSS? Пробежимся по фичам. Отметим, что стандарт
web Матрица компетентности Прокачиваем скилы по матрице от Ильи Климова. Статья будет дополняться по мере накопления материала. Матрица разбита на стадии: Кодер, Программист, Инженер, Гуру. Так пойдем же по порядку. Кодер Кодер. Владеет современной версткой и
web Кодер. Владеет современной версткой и наиболее распространенными API Верстка Что можно понимать под современной версткой? В 2к19 я бы отнес flexbox и grid. Большинство браузеров уже умеет в flexbox, и кодеры постепенно начинают его юзать все больше и больше. Но это
web 12 хитростей JavaScript, которых вы не найдете в большинстве уроков Когда я начал изучать JavaScript, я составлял список хитростей, которые находил в чужом коде, на веб-сайтах, посвященных проверке кода, и в любых других местах, кроме учебных пособий, которые я использовал. С тех пор
web Асинхронный Redux без Middlewares - используем ES2017 Перевод статьи Asynchronous Redux Without Middlewares — Using ES2017 Можно ли обрабатывать асинхронные redux actions без middlewares, а с ES2017 async/await? Мы можем сделать это более понятным способом. Должен ли я это делать?
web Вещи в CSS, о которых мне никто никогда не говорил. Перевод статьи Things nobody ever taught me about CSS Этот пост ни в коем случае не является критикой кого-либо, с кем я когда-либо работал, это лишь краткий список важных вещей, которые я узнал
web Front-end ремесло Перевод статьи Craft the Front-end Как мне это реализовать? Это нормальная практика? Если вы когда-нибудь задавали себе такие вопросы, эта статья (и следующие 🤗), наполненная примерами из реальной жизни, наверняка даст вам ответы на
web Реализация быстрой сортировки на JavaScript Перевод статьи Implementing Quicksort in JavaScript Быстрая сортировка является одним из наиболее эффективных методов сортировки массива. Полное описания есть в статье на Вики. В этой статье расскажем о реализации быстрой сортировки на JavaScript,
web Введение в TensorFlow.js: Машинное обучение в Javascript Мы рады представить TensorFlow.js, библиотеку с открытым исходным кодом, которую можно использовать для определения, обучения и запуска моделей машинного обучения полностью в браузере, используя Javascript и высокоуровневый API. Если вы разработчик Javascript
web Как работает JavaScript: обзор движка, среды выполнения и стека вызовов JavaScript становится все более популярным, и команды используют его на разных уровнях своего стека - интерфейсные, серверные, гибридные приложения, встроенные устройства и многое другое. Этот пост предназначен для того, чтобы глубже изучить JavaScript
DIY Подготовка изображения и перевод в gcode для плоттера Inkscape Для того чтобы сделать из обычной картинки монохромную со штриховкой нам понадобятся: Inkscape Плагин axidraw для Inkscape - искать тут Плагин gcode tools для Inkscape (встроен) Процесс Открываем растровое изображение и векторизуем
web Практическое ES6 руководство, о том, как сделать HTTP запрос с помощью Fetch API В этом руководстве я покажу вам, как использовать API-интерфейс Fetch (ES6 +) для выполнения HTTP-запросов к REST API с некоторыми практическими кейсами, с которыми вы, скорее всего, столкнетесь. Хотите быстро просмотреть HTTP примеры? Перейдите
web Начните работу с Angular Grid за 5 минут Парадигма гридов данных должна быть знакома большинству разработчиков. Это компонент, используемый для отображения табличных данных в серии строк и столбцов. Возможно, наиболее распространенным примером сетки данных на десктопе является Excel. Гриды давно уже
web Практический React: управляем рендерингом - производительность Реальные проблемы и как их решить, за пять минут или быстрее. Проблема Вы используете Redux и решили добавить некоторые UI фичи или анимацию, но ваша производительность рендеринга оставляет желать лучшего. Все тормозит, и
web 3 важных чек листа для веб-разработчиков Возможно, вы слышали о «Front-End Checklist» - проекте, который я начал в октябре 2017 года на GitHub. Это началось как простой проект, который помог моей команде на Маврикии, но превратился в огромный проект