Channel Public Channel

Webchic - frontend, backend, ci/cd

@webchic

Канал о Web разработке, для фронтов и full stack.

По рекламе @adtgassetsbot
Admin: @Aleksei

🐍Python - @python_lounge
👨‍💻Другие языки - @cccoding
🥷Хакер/ИТ безопасность - @it_ha

Open in Telegram

Subscribers: 995
Photos: 273
Videos: 22
Links: 1.1K

Showing posts older than #173 · Back to latest

Older Posts 20 shown

Post #172 1.3K Nov 13, 2020, 07:27 UTC

Советы по оптимизации веба, собранные в одной статье

Оптимизации: html, css, картинки, шрифты, javascript, server, инструменты для тестирования, оптимизация фреймворков

#performance

К статье(eng)

Post #171 1.26K Nov 12, 2020, 14:00 UTC

Улыбнешься - проиграешь

Браузерная игра, для реализации которой использовалась библиотека face-api.js(надстройка над tensorflow.js) для распознавания лиц.

#tensor_flow #face_api #ml

К игре
К статье(eng)

Post #170 1.24K Nov 12, 2020, 07:01 UTC

Набор правил составления описания коммита для наведения порядка в логах

#git

К статье(rus)

Post #169 1.2K Nov 11, 2020, 14:00 UTC

Анимация элемента details с помощью Web Animations API (WAAPI)

#browser_api #WAAPI

К статье(rus)

Post #168 1.34K Nov 11, 2020, 07:00 UTC

Jack Franklin, разработчик Chrome Dev Tools и Puppeteer, делится советами по организации большого приложения на React.js

— Сборщики
— Организация структуры директорий
— Организация кода React.js компонентов
— Организация Redux actions, reducers с помощью подхода Ducks
— Тесты

#react #redux

К статье(eng)

Post #167 1.3K Nov 10, 2020, 14:00 UTC

🥚 переключатель, выполнен на чистом css

Codepen

Post #166 1.2K Nov 10, 2020, 07:00 UTC

Подгрузка частей кода в React, в зависимости от девайса

#react #code_splitting

К статье(eng)

Post #165 1.2K Nov 9, 2020, 16:00 UTC

Эффект размытия бэкграунда с помощью свойства css - backdrop-filter: blur();

#css

Codepen

Post #164 1.16K Nov 9, 2020, 11:00 UTC

Оказывается в addEventListener можно вторым параметром передавать объект с методом handleEvent и это работает во всех браузерах

#browser_api

К статье(eng)

Post #163 1.08K Nov 9, 2020, 06:00 UTC

Разница между HTMLCollection и NodeList

#browser_api

К статье(rus)

Post #162 1.2K Nov 8, 2020, 09:00 UTC

Использование федерации модулей(module federation) в next.js приложении

Module Federation - фича в webpack5 для построения микрофронтендов с решенной проблемой переиспользования зависимостей

#webpack #module_federation

YouTube Module Federation for NextJS 10 Learn how to use Module Federations to export components directly out of your NextJS 10 applications into other NextJS applications. If you are running a micro-site architecture and you want Micro-Frontends, this is a valuable architectural option. Follow…

Post #161 1.22K Nov 7, 2020, 09:00 UTC

Базовые вопросы на собеседовании по javascript, с которыми у кандидатов возникают проблемы

#javascript #interview

https://habr.com/ru/post/523092/

Хабр JS и его запретные тайны Так вышло, что наша компания искала разработчиков. В работе мы используем стандартный набор веб-технологий: HTML, CSS, Javascript, PHP, SQL. Во время проведения...

Post #160 1.15K Nov 6, 2020, 16:00 UTC

Форма логина

Post #159 1.07K Nov 6, 2020, 11:00 UTC

Создание REST сервера с CRUD операциями на node.js без применения фреймворков

#nodejs

YouTube Vanilla Node.js REST API | No Framework Let's create a REST API using Node.js only, without Express Code: https://github.com/bradtraversy/vanilla-node-rest-api 💖 Support The Channel! http://www.patreon.com/traversymedia Website & Brad Traversy Udemy Course Links: https://www.traversymedia.com…

Post #158 1.02K Nov 6, 2020, 06:00 UTC

Настройка CI на Github для фронтенда:
— инсталяция пакетов
— прогон тестов
— сборка storybook
— настройка линтинга
— уведомления о CI/CD в Slack

#ci_cd

https://habr.com/ru/company/skillfactory/blog/526078/

Хабр Как сделать CI на Github для современного фронтенда Совсем скоро, 6 и 18 ноября, у нас стартуют новые потоки курса по JavaScript и курса «Профессия Веб-разработчик», специально к их старту делимся с вами полезны...

Post #157 967 Nov 5, 2020, 16:00 UTC

Кнопка удаления

Post #156 913 Nov 5, 2020, 11:00 UTC

:focus-visible vs :focus
:focus-visible - используется для определения фокуса с клавиатуры
:focus - используется для определения любой фокусировки(клавиатура, мышь, тач)

#css

https://css-tricks.com/the-focus-visible-trick/

CSS-Tricks The :focus-visible Trick Always worth repeating: all interactive elements should have a focus style. That way, a keyboard user can tell when they have moved focus to that element.

Post #155 990 Nov 5, 2020, 06:00 UTC

Рендеринг страницы:
— парсинг html
— блокирующие парсинг html и отрисовку страницы ресурсы
— предварительная загрузка ресурсов
— парсинг CSS
— события загрузки
— отрисовка страницы

#browser_rendering

https://webdevblog.ru/kak-brauzer-renderit-veb-stranicu/

Post #154 957 Nov 4, 2020, 09:00 UTC

Браузерные апи:
— Geolocation API - позволяет пользователю предоставлять свое местоположение web приложению
— Drag and drop API - для перемещения элементов на странице
— Web Storage API - хранилище сессии (sessionStorage), локальное хранилище (localStorage)
— Web Speech API - позволяет веб приложениям управлять голосовыми данными
— WebRTC API - позволяет сайтам захватывать и передавать аудио и видео, а также обмениваться данными между браузерами

#browser_api

https://habr.com/ru/company/ruvds/blog/525838/

Хабр Как разобраться в API HTML? Автор статьи, перевод которой мы сегодня публикуем, решил разобрать несколько HTML5-API и поговорить об их возможностях, о том, для чего они созданы, об особенн...

Post #153 1K Nov 3, 2020, 16:00 UTC

Анимация загрузки

Older posts →