web - Jem Space

Tagged

web

A collection of 48 posts

Дебажим мобильное веб приложение на Android-смартфоне

Дебажим мобильное веб приложение на Android-смартфоне

Иногда бывает нужно подебажить веб приложение прямо на телефоне для чистоты эксперимента. Google Chrome позволяет подключить смартфон и запустить отладку по USB. Вот пошаговый туториал как это сделать. Для начала скачаем и установим adb (Android Debug Bridge). adb входит в состав platform-tools. Скачать и установить его можно по ссылке (либо

Деплоим приложение с Dokku

Деплоим приложение с Dokku

Часто хочется иметь налаженный процесс деплоя для своих пет-проектов. С какими-то серьезными инструментами типа Jenkins заморачиваться не хочется. Есть альтернативы: Github Actions | rsync | Dokku. В этой статье расскажу немного про Dokku, о том как настроить и задеплоить свое первое приложение на примере Telegram бота @ytb_cover_bot, который скачивает для

Обновление TLS сертификатов

Обновление TLS сертификатов

Или почему я не любил работать с certbot. По своей натуре, я человек очень торопливый. Если можно что-то сделать быстро и не вникая в суть (по какому нибудь туториалу например), то я только рад. Сделал и забыл и желательно не думать что когда то придется это делать опять. Однако, часто

Popit для бедных или жонглируем событиями

Popit для бедных или жонглируем событиями

Hello friend! Не так давно стала популярной новая релакс игрушка и я решил попробовать запилить ее аналог для веба. Хотелось бы, чтобы она была более менее реалистичной внешне и по фичам тоже не отставала. В этой статье я немного расскажу о том, как я работал с событиями,о некоторых ограничениях

Типографика для web

Типографика для web

Продолжаю делать заметки о курсах, которые прохожу. Сегодня у нас "Типографика для веб разработки". Курс, который не особо обязателен для веб-программистов и находится на стыке дизайна и разработки. Но эта тема всегда была для меня интересной. Какой шрифт и размер выбрать для своего сайта, чтобы было читабельно и

Что каждый разработчик должен знать о https

Что каждый разработчик должен знать о https

Дабы не забыть то, что прошел на pluralsight, зафиксирую основные моменты в статье (сразу извиняюсь за орфографию, пишу наскоро). HyperText Transfer Protocol Secure — расширение протокола HTTP для поддержки шифрования в целях повышения безопасности. Данные в протоколе HTTPS передаются поверх криптографических протоколов TLS или устаревшего в 2015 году SSL. В отличие

Продвинутые Git команды из курса (часть 2)

Продвинутые Git команды из курса (часть 2)

Поиск по истории Доступность комитов Dot Dot notation показывает комиты которые доступны из одой ветки, но не доступны из другой git log feature..master Dot Dot Dot notation показывает комиты которые доступны для каждой из веток, но не для обоих сразу (зачем это может быть нужно узнаете позже) git log

Продвинутые Git команды из курса (часть 3)

Продвинутые Git команды из курса (часть 3)

Изменение истории Изменение сообщения комита (а также и изменений) с помощью команды amend git commit --amend -C HEAD -C - оставить прошлое сообщение HEAD - оставить сообщение из HEAD комит Удаление нескольких комитов, которые не нужны git reset --hard HEAD~2 —hard полностью удаляет все изменения и приводит состояние к

Продвинутые Git команды из курса (часть 1)

Продвинутые Git команды из курса (часть 1)

По мере прохождения курсов по Git решил зафиксировать основные моменты, чтобы можно было обратиться и освежить знания (сразу извиняюсь за орфографию, пишу наскоро). Собрал немного общих команд из одного курса и структурировал лекции из другого. Чтобы поиграться с git и посмотреть как визуализируются ваши действия можно тут: https://git-school.github.

Делаем домашний сервер из старого железа

Делаем домашний сервер из старого железа

Пару лет назад, я начал делать свои проекты, которые требуют постоянно работающего хостинга. По совету друга начал использовать для этих целей дешевые и удобные vps от digital ocean. За 5$ вы получается 1GB RAM, 20GB SSD и 99% uptime. Со временем число проектов росло и требовалось все больше ресурсов. Я

Современные тренды и непростительные ошибки в веб-дизайне

Современные тренды и непростительные ошибки в веб-дизайне

Довольно часто писать сайт с нуля нет времени (а часто и желания), особенно если цель - запилить что-то работающее в короткие сроки. Несмотря на то, что сам пишу на React, пару раз мне приходилось прибегать к быстрым решениям на Wordpress. Шаблоны для сайта - это отличная возможность получить сайт, в

Кодер.
Стандартный CSS3

Кодер. Стандартный CSS3

Что вообще за CSS3? Чем он отличается от CSS2. То, чем мы давно привыкли пользоваться для стилизации приложений было не всегда. Что нового принёсла 3 версия CSS? Пробежимся по фичам. Отметим, что стандарт CSS3 предполагает разделение СSS на модули. Новые фичи - это отдельные модули. Селекторы Селекторы аттрибутов: element[foo^

Матрица компетентности

Матрица компетентности

Прокачиваем скилы по матрице от Ильи Климова. Статья будет дополняться по мере накопления материала. Матрица разбита на стадии: Кодер, Программист, Инженер, Гуру. Так пойдем же по порядку. Кодер Кодер. Владеет современной версткой и наиболее распространенными API Кодер. Стандартный CSS3 PS: если у вас есть ссылки на хорошие ресурсы по темам,

Кодер. Владеет современной версткой и наиболее распространенными API

Кодер. Владеет современной версткой и наиболее распространенными API

Верстка Что можно понимать под современной версткой? В 2к19 я бы отнес flexbox и grid. Большинство браузеров уже умеет в flexbox, и кодеры постепенно начинают его юзать все больше и больше. Но это скорее верхушка айсберга. Не будем забывать про базовые вещи: знание тегов и аттрибутов HTML, блочная верстка, семантический

12 хитростей JavaScript, которых вы не найдете в большинстве уроков

12 хитростей JavaScript, которых вы не найдете в большинстве уроков

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

Асинхронный Redux без Middlewares - используем ES2017

Асинхронный Redux без Middlewares - используем ES2017

Перевод статьи Asynchronous Redux Without Middlewares — Using ES2017 Можно ли обрабатывать асинхронные redux actions без middlewares, а с ES2017 async/await? Мы можем сделать это более понятным способом. Должен ли я это делать? Я здесь не для того, чтобы говорить, что вы не должны использовать thunk или saga. Если вы

Вещи в CSS, о которых мне никто никогда не говорил.

Вещи в CSS, о которых мне никто никогда не говорил.

Перевод статьи Things nobody ever taught me about CSS Этот пост ни в коем случае не является критикой кого-либо, с кем я когда-либо работал, это лишь краткий список важных вещей, которые я узнал о CSS недавно, проводя собственные исследования. Тот факт, что многим разработчикам кажется, что разработчики не особо заботятся

Front-end ремесло

Front-end ремесло

Перевод статьи Craft the Front-end Как мне это реализовать? Это нормальная практика? Если вы когда-нибудь задавали себе такие вопросы, эта статья (и следующие 🤗), наполненная примерами из реальной жизни, наверняка даст вам ответы на некоторые из них! Статья состоит из трех разделов: Адаптивный дизайн (CSS, TypeScript и Jest), Объектно-ориентированная SCSS, Расширенное

Реализация быстрой сортировки на JavaScript

Реализация быстрой сортировки на JavaScript

Перевод статьи Implementing Quicksort in JavaScript Быстрая сортировка является одним из наиболее эффективных методов сортировки массива. Полное описания есть в статье на Вики. В этой статье расскажем о реализации быстрой сортировки на JavaScript, т.к она не входит в JavaScript core. Из-за того, что на Array.prototype реализован метод sort,

Введение в TensorFlow.js: Машинное обучение в Javascript

Введение в TensorFlow.js: Машинное обучение в Javascript

Мы рады представить TensorFlow.js, библиотеку с открытым исходным кодом, которую можно использовать для определения, обучения и запуска моделей машинного обучения полностью в браузере, используя Javascript и высокоуровневый API. Если вы разработчик Javascript и новичок в ML (Machine Learning) - TensorFlow.js - отличный способ начать обучение. Если же вы

Как работает JavaScript: обзор движка, среды выполнения и стека вызовов

Как работает JavaScript: обзор движка, среды выполнения и стека вызовов

JavaScript становится все более популярным, и команды используют его на разных уровнях своего стека - интерфейсные, серверные, гибридные приложения, встроенные устройства и многое другое. Этот пост предназначен для того, чтобы глубже изучить JavaScript и его работу: зная строительные блоки JavaScript и их взаимодействие друг с другом, вы сможете писать код

Практическое ES6 руководство, о том, как сделать HTTP запрос с помощью Fetch API

Практическое ES6 руководство, о том, как сделать HTTP запрос с помощью Fetch API

В этом руководстве я покажу вам, как использовать API-интерфейс Fetch (ES6 +) для выполнения HTTP-запросов к REST API с некоторыми практическими кейсами, с которыми вы, скорее всего, столкнетесь. Хотите быстро просмотреть HTTP примеры? Перейдите к разделу 5. Первая часть описывает асинхронность в JavaScript. Примечание. Все примеры приведены в ES6 со стрелочными

Начните работу с Angular Grid за 5 минут

Начните работу с Angular Grid за 5 минут

Парадигма гридов данных должна быть знакома большинству разработчиков. Это компонент, используемый для отображения табличных данных в серии строк и столбцов. Возможно, наиболее распространенным примером сетки данных на десктопе является Excel. Гриды давно уже существуют на нативных платформах и недавно пробились в UI веб-приложений. Современные гриды сложны. Затраты на разработку собственных

Практический React: управляем рендерингом - производительность

Практический React: управляем рендерингом - производительность

Реальные проблемы и как их решить, за пять минут или быстрее. Проблема Вы используете Redux и решили добавить некоторые UI фичи или анимацию, но ваша производительность рендеринга оставляет желать лучшего. Все тормозит, и вы не знаете где фиксить. Предостережения: Независимо от Redux, это будет происходить по мере роста вашего приложения.

3 важных чек листа для веб-разработчиков

3 важных чек листа для веб-разработчиков

Возможно, вы слышали о «Front-End Checklist» - проекте, который я начал в октябре 2017 года на GitHub. Это началось как простой проект, который помог моей команде на Маврикии, но превратился в огромный проект с международной поддержкой, получив более 28 000 звезд на GitHub и переведенный на более чем 10 языков.