front-end Пишем сайт/PWA и выкатываем в прод с Github Actions Привет! Хочу сохранить для себя некоторые аспекты разработки простенького одностраничного web приложения с функционалом PWA, а также нюансы его деплоя. Опишу некоторые проблемы с которыми я столкнулся, и их решения. Речь пойдет о
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 Кодер. Стандартный CSS3 Что вообще за CSS3? Чем он отличается от CSS2. То, чем мы давно привыкли пользоваться для стилизации приложений было не всегда. Что нового принёсла 3 версия CSS? Пробежимся по фичам. Отметим, что стандарт
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
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. Это началось как простой проект, который помог моей команде на Маврикии, но превратился в огромный проект
web Вот почему создание массива через map не работает в JS Кейс Для демонстрации предположим, что вам нужно создать массив чисел от 0 до 99. Как вы можете это сделать? Вот один из вариантов: const arr = []; for (let i = 0; i < 100; i+
web CSS Style Guides Следуя CSS руководствам по стилям, вы можете писать красивый код, который сделает работу над проектом для любого разработчика приятной. Руководства позволяют создавать код, который будет гибким, легко масштабируемым и очень хорошо документированным для
web Уровень развития CSS: пристальный взгляд на CSS архитектуры Мы все знаем, что организация, порядок и модульность - это ключ к успеху при работе с CSS, и поэтому CSS архитектуры становятся все более популярными. Я хотел попробовать их все, чтобы проверить плюсы
web CI и развертывание React приложений Настройка среды разработки React может показаться запутанной и сложной для новичков. Вы, наверное, слышали, что разработчики говорят о необходимости различных пакетов, таких как babel, webpack и так далее (но это спорно). C ростом
web Повышаем скилы с помощью методов JavaScript за пару минут Большинство приложений, которые мы создаем сегодня, требуют преобразования колекций данных. Обработка элементов в коллекции - это частая операция, с которой вы, скорее всего, столкнетесь. Забудьте обычный способ реализации цикла for через (const i;
web Многоликий this в JS В этом посте я сделаю все возможное, чтобы объяснить одну из самых фундаментальных частей JavaScript: контекст выполнения. Если вы много используете JS-фреймворки, понимание «this» может сначала показаться приятным дополнением. Однако, если вы собираетесь
web Гибридные нейронные сети с GPU ускорением в JavaScript Согласно отчету Octoverse 2017, JavaScript является самым популярным языком на Github. Измеренный по количеству пул реквестов и уровеню активности JavaScript сопоставим с Python, Java и Go. JavaScript завоевал Интернет и вторгся на сервер,
web Отладка Front-end: HTML/CSS Я представляю, что по крайней мере половина из вас прямо сейчас думает: «Это же даже не язык программирования». Тем не менее ... неумение отладки HTML/CSS вызывает серьезные проблемы при разработке веб-приложений. Не каждый