Web development


Гео и язык канала: Украина, Русский
Категория: Образование


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

Связанные каналы

Гео и язык канала
Украина, Русский
Категория
Образование
Статистика
Фильтр публикаций


​​Список важнейших команд в Docker

1️⃣ Сборка;
2️⃣ Запуск контейнеров;
3️⃣ Отладка контейнеров;
4️⃣ О Docker в AWS ECS;
5️⃣ Очистка образов Docker;
6️⃣ Извлечение образов Docker из удалённого регистра;
7️⃣ Экспорт и импорт физических образов Docker.

Читать дальше👈

#JavaScript


​​Отображение нативных всплывающих окон с помощью API уведомлений JavaScript.

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

Читать дальше👈


​​React TypeScript: Основы и лучшие практики

Подготовка к работе
create-react-app с TypeScript
$ npx create-react-app your-app-name --template typescript
Если вы предпочитаете Yarn, используйте следующую команду:
$ yarn create react-app your-app-name --template typescript
Обратите внимание, что мы не используем приложение напрямую, а применяем инструменты, которые загружают последнюю версию приложения при необходимости...........

Читать дальше👈

#ReactJS #JavaScript #TypeScript


​​Как написать красивый и информативный README.md

Что такое Readme.md?
README (буквально означает «прочти меня») — это первый файл, который нужно читать, получив доступ к проекту на Github или любой Git-хостинговой площадке. Этот файл в первую очередь и предлагается вниманию пользователя, когда он открывает здесь репозиторий того или иного проекта. Такой файл содержит кучу полезной информации, так что его вполне можно рассматривать как справочное руководство по проекту. ....

Читать дальше👈


​​Официальный CLI GitHub

GitHub — самый известный провайдер Git хостинга долгие годы существовал, не имея официального инструмента CLI (интерфейс командной строки). Это весьма удивительно, учитывая, что сам GitHub является наиболее популярной платформой для открытых проектов. 

Читать дальше👈


​​Индексирование коммитов с Git Add Patch

Для разработчика нет, наверное, ничего более увлекательного, чем запуск нового проекта. Начинается он с разработки доменной модели и планирования логики предметной области. Затем происходит создание каркасного представления приложения на стороне клиента и определение того, как оно будет выглядеть в веб-браузере или мобильном устройстве.

Читать дальше👈

#git


​​Пять причин поместить функции в класс

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

Сам JavaScript построен вокруг объектной идеи, даже если это не очевидно с первого взгляда. 


Вот краткий обзор того, как работают классы, и пять причин, почему стоит преобразовывать функции в объекты. ....

Читать дальше👈

#javaScript


​​Вёрстка на Grid в CSS.

Grid модуль в CSS был разработан CSS Working Group для того, чтобы предоставить наилучший способ создания шаблонов в CSS. Он попал в Candidate Recommendation в феврале 2017 года, а основные бразуеры начали его поддержку в марте 2017 года. ....

@stasonmars/%D0%B2%D0%B5%CC%88%D1%80%D1%81%D1%82%D0%BA%D0%B0-%D0%BD%D0%B0-grid-%D0%B2-css-%D0%BF%D0%BE%D0%BB%D0%BD%D0%BE%D0%B5-%D1%80%D1%83%D0%BA%D0%BE%D0%B2%D0%BE%D0%B4%D1%81%D1%82%D0%B2%D0%BE-%D0%B8-%D1%81%D0%BF%D1%80%D0%B0%D0%B2%D0%BE%D1%87%D0%BD%D0%B8%D0%BA-220508316f8b' rel='nofollow'>Читать дальше👈

#css


​​Создание дерева с анимацией.

Мы привыкли использовать CSS по его прямому назначению — для построения сеток и стилизации интерфейсов. И это, бесспорно, основная задача. Но в этом туториале мы рассмотрим, как ещё можно использовать CSS — для создания и анимирования элементов. Чтобы понимать происходящее, достаточно владеть HTML и CSS на базовом уровне.
Будем делать такое дерево:

Читать дальше👈


​​10 рекомендаций по улучшению доступности веб-страниц.

Что это такое «Веб-доступность страницы»?
Согласно W3C, доступность веб-страниц означает, что каждый человек может воспринимать, понимать, перемещаться, взаимодействовать и вносить свой вклад в интернет. В этой связи доступность веб-сайта охватывает все условия, влияющие на доступ к сети, включая даже нарушения, такие как: слуховые, физические, речевые, когнитивные и неврологические.

Читать дальше👈


​​Micromodal.js — легкая, конфигурируемая, доступная.

Micromodal.js — это легковесная, конфигурируемая и содержащая a11y библиотека модального окна, написанная на чистом JavaScript.

Читать дальше👈

#JavaScript


​​Книги по обучению фронтенду

Все книги, представленные ниже, были прочитаны мною, поэтому рейтинг каждой является субъективным мнением. Также хочу заметить, что ни одна не получила 10 баллов, а некоторые удостоились «четвёрки». Это, конечно же, является моей ошибкой, т.к. перед покупкой нужно было хорошенько пройтись по отзывам.

Читать дальше👈

#webdevelopment


​​Поиск «мёртвого» CSS.

Представьте, что у вас большой многолетний проект, содержащий сотни тысяч строк кода, над которым поработали десятки разработчиков во многих разных командах. Скорее всего, вы не только имеете неиспользованный CSS, у вас также, вероятно, будут целые вереницы мертвого кода:
функции, которые были выведены из эксплуатации, но код которых не был удален;
тупиковые отростки приложения, которые трудно найти;
страницы на сайте, которые могут быть недоступны для пользователя, но чье legacy живет.

Читать дальше👈

#css


​​4 метода CSS, которые будут работать в любом препроцессоре CSS и фреймворке.

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

Читать дальше👈

#css


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

Читать дальше👈

#css


​​10 рекомендаций по улучшению доступности веб-страниц.

Мы составили список из десяти действий, гарантирующих доступ к вашему сайту любому человеку, несмотря на его инвалидность.
Есть цитата Тима Бернерса-Ли , директора W3C и изобретателя Всемирной паутины, в которой говорится: «Сила Интернета в его универсальности». Как люди, зарабатывающие на жизнь созданием веб-сайтов, мы несем ответственность за их доступность.
Ниже описаны десять рекомендаций по реализации доступности веб-сайтов. Они не только помогут пользователям, которые используют скрин-ридеры, но и улучшат уровень просмотра для медленных подключений к интернету.

Читать дальше👈

#htmlCss


​​Как появился фавикон

В 1999 году два крупнейших браузера, Netscape Navigator и Microsoft Internet Explorer, вели величайшую борьбу (ссылочка на статью по этой теме) за контроль над браузерном рынком. В марте 1999 года релизнулся Internet Explorer 5, который предоставил пользователям бесплатный браузер, интегрированный в операционную систему Windows, что явилось последним ударом по уже низкой рыночной доле Netscape Navigator....

Читать дальше👈

#history


​​Сравнение фреймворков JavaScript от Real-World

В этот раз, мы покажем различия между практически идентичными шаблонами Real-World.
Шаблоны Real World дают нам:

1️⃣ Real World App — нечто большее, чем “todo”. Обычно примеры “todo” не содержат достаточных знаний о том, как на самом деле строить реальные приложения на той или иной технологии.
2️⃣ Стандартизация — все проекты соответствуют определенным правилам. Предоставляется внутренний API, статическая разметка, стили и спецификации.
4️⃣ Написано и переписано экспертами — шаблоны Real-World почти идеальны, они написаны экспертами в своих областях.

Читать дальше👈

#javaScript


​​Паттерн Revealing Module — «JavaScript Design Patterns, 2017» Эдди Османи.

Паттерн Revealing Module (паттерн выявления модулей, он же — паттерн открытый модуль, он же — паттерн раскрывающийся модуль)
Теперь, когда мы немного знакомы с паттерном модуля, давайте посмотрим на его улучшенную версию — паттерн выявления модулей от Христиана Хейлмана.
Модель раскрывающегося модуля возникла, когда Хейлманн был расстроен тем фактом, что ему приходится повторять название основного объекта при вызове публичного метода извне. Ему также не нравилось требование Module Pattern использования объекто-литеральной определения объектов в момент, когда он хотел сделать что-то публичным.

Читать дальше👈

#javaScript


​​535 способов перезагрузить страницу с помощью JavaScript
1 location = location
2 location = location.href
3 location = window.location
4 location = self.location
5 location = window.location.href
6 location = self.location.href
........
Читать дальше👈

#javaScript

Показано 20 последних публикаций.

32

подписчиков
Статистика канала