Какие корпоративные бонусы есть на вашем месте работы? (анонимный вопрос)
Anonymous Poll
12%
опционы и/или акции
18%
возмещение денег на питание / бесплатное питание
31%
возмещение денег на обучение
5%
компенсация аренды жилья
18%
ипотека с пониженной ставкой
52%
ДМС
28%
другое, в комментариях
Парсить даты можно удобно, еще и на русском: https://proglib.io/w/a7b3b861
Хабр
Парсинг дат в JS — добавляем русский язык в библиотеку Chrono
Crono это парсер дат на естественном языке. Кроме формальных ISO 8601 или dd.MM.yyyy, распознает варианты а-ля «в среду утром», «с 10 до 11 вечера», «2 часа 5 минут назад» и т.п. Поддерживает 8...
🔥4
Создание, тестирование и деплой приложения книжного магазина с использованием React 18, Vite, Netlify и Nightwatch.
https://proglib.io/w/6ae12b34
https://proglib.io/w/6ae12b34
Pineview Labs
Build and Deploy a Single Page App with React, Vite, and Netlify Functions
Learn how to build, test and deploy a bookstore app with React 18, Vite, Netlify Functions, and Nightwatch.
👍6👎1
Практика CSS и вёрстки от Елены Литвиновой: https://proglib.io/w/29f304bf
YouTube
Верстаем эффект параллакса | Уроки по веб-разработке | Уроки по вёрстке | HTML, CSS, JS
В видео будем вместе по шагам верстать макет истории апельсинки: html, css, js
🍀 Поддержать канал: https://www.donationalerts.com/r/webelart
☕️ Купить кофе: https://buy.stripe.com/5kA7sL9574SG7xCfZ3
🎨 Купить набор кистей Procreate: https://webelart.com/illustration.…
🍀 Поддержать канал: https://www.donationalerts.com/r/webelart
☕️ Купить кофе: https://buy.stripe.com/5kA7sL9574SG7xCfZ3
🎨 Купить набор кистей Procreate: https://webelart.com/illustration.…
👍10
Страницы состояния функций трех основных браузеров:
— Chrome Platform Status
— Mozilla Specification Positions + репозиторий
— WebKit Feature Status + репозиторий
— Chrome Platform Status
— Mozilla Specification Positions + репозиторий
— WebKit Feature Status + репозиторий
👍4
Чек-лист для фронтенд-разработчиков, которые заботятся о производительности. Каждый раздел включает множество ссылок и описаний для дальнейшего исследования.
https://proglib.io/w/7bec9fd5
https://proglib.io/w/7bec9fd5
GitHub
GitHub - thedaviddias/Front-End-Performance-Checklist: 🎮 The only Front-End Performance Checklist that runs faster than the others
🎮 The only Front-End Performance Checklist that runs faster than the others - thedaviddias/Front-End-Performance-Checklist
👍8
Превосходная серия статей о доступности и не только, которая точно заслуживает вашего внимания:
— Under-Engineered Custom Radio Buttons and Checkboxen
— Under-Engineered Toggles
— Under-Engineered Toggles Too
— Under-Engineered Text Boxen
— Under-Engineered Responsive Tables
— Under-Engineered Select Menus
— Under-Engineered Dependency Questions
— Under-Engineered Multi-Selects
— Under-Engineered Custom Radio Buttons and Checkboxen
— Under-Engineered Toggles
— Under-Engineered Toggles Too
— Under-Engineered Text Boxen
— Under-Engineered Responsive Tables
— Under-Engineered Select Menus
— Under-Engineered Dependency Questions
— Under-Engineered Multi-Selects
Adrian Roselli
Under-Engineered Custom Radio Buttons and Checkboxen
Note: September 25, 2021 If you do not need to support IE, Legacy Edge, or older versions of Firefox, then I encourage you to ignore this post and instead read Scott O’Hara’s post One last time: custom styling radio buttons and checkboxes. Updated August…
🔥6
Если вы заинтересовались этой темой, то для лучшего понимания можно ознакомиться с переводом на русский 👉 https://proglib.io/w/d2b37e60
Telegram
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
WebGL — это большое дело, но знаете ли вы, что голографические эффекты, похожие на шейдеры, также можно создавать с использованием CSS? И да, интерактивные демонстрации в конце статьи просто прекрасны.
👍4
Запись вебинара на тему «10 кейсов масштабируемой вёрстки»
Начинающие разработчики верстают по принципу «чётко по макету». Это хороший вариант для сайта, который никогда не поменяется.
Если же продукт развивается, в интерфейс постоянно нужно будет вносить изменения. Делать это в свёрстанном строго по макету сайте может быть долго и сложно.
Спикеры рассказывают, почему не всегда стоит верстать строго по макету, какие проблемы могут возникнуть при такой вёрстке и как их решать.
https://proglib.io/w/db09d5e7
Начинающие разработчики верстают по принципу «чётко по макету». Это хороший вариант для сайта, который никогда не поменяется.
Если же продукт развивается, в интерфейс постоянно нужно будет вносить изменения. Делать это в свёрстанном строго по макету сайте может быть долго и сложно.
Спикеры рассказывают, почему не всегда стоит верстать строго по макету, какие проблемы могут возникнуть при такой вёрстке и как их решать.
https://proglib.io/w/db09d5e7
YouTube
10 кейсов масштабируемой вёрстки | Вебинар | karpov.courses dev
Курс Frontend: https://bit.ly/3cfr8d1
Начинающие разработчики верстают по принципу «чётко по макету». Это хороший вариант для сайта, который никогда не поменяется.
Если же продукт развивается, в интерфейс постоянно нужно будет вносить изменения: добавить…
Начинающие разработчики верстают по принципу «чётко по макету». Это хороший вариант для сайта, который никогда не поменяется.
Если же продукт развивается, в интерфейс постоянно нужно будет вносить изменения: добавить…
👍9
Сложно написать идеальное руководство, которое охватит все аспекты добавления темного режима для вашего сайта. Но это определенно удачная попытка 👉 https://proglib.io/w/384b07d8
CSS-Tricks
Let's Say You Were Going to Write a Blog Post About Dark Mode | CSS-Tricks
This is not that blog post. I'm saying let's say you were.
👍6
Пишем простое todo-приложение на React с нуля 👉 https://proglib.io/w/b42c96f3
NOP::Nuances of programming
Как создать приложение Todo на React
Обучение лучше всего происходит на практике. Это руководство поможет познакомиться с ReactJS в процессе создания базового приложения Todo с полем для ввода элемента Todo и кнопкой для его удаления.
💩10👍4
#news
Очередной дайджест новостей из мира фронтенд-разработки:
— Анонс Vite 3.0
— Анонс Node-RED 3.0
— Анонс NestJS 9
— Анонс Ember 4.5
— Анонс Safari Technology Preview 148
— Анонс VS Code 1.69
— Релиз Preact 10.10
— Релиз pkg 5.8
— Релиз React Big Calendar 1.4.2
— Релиз AdminJS 6.0
— Релиз Luxon 3.0.1
— Релиз Commander.js 9.4
— Релиз eruda 2.5
— Релиз Tedious 15.0
— Релиз mux.js 6.2
Очередной дайджест новостей из мира фронтенд-разработки:
— Анонс Vite 3.0
— Анонс Node-RED 3.0
— Анонс NestJS 9
— Анонс Ember 4.5
— Анонс Safari Technology Preview 148
— Анонс VS Code 1.69
— Релиз Preact 10.10
— Релиз pkg 5.8
— Релиз React Big Calendar 1.4.2
— Релиз AdminJS 6.0
— Релиз Luxon 3.0.1
— Релиз Commander.js 9.4
— Релиз eruda 2.5
— Релиз Tedious 15.0
— Релиз mux.js 6.2
vitejs
Announcing Vite 3
Vite 3 Release Announcement
👍11
☕ Шпаргалка по регулярным выражениям в JavaScript
Разбираемся в особенностях написания регулярных выражений и способах их применения в JavaScript.
https://proglib.io/sh/r9tNTEvDCh
Разбираемся в особенностях написания регулярных выражений и способах их применения в JavaScript.
https://proglib.io/sh/r9tNTEvDCh
👍11
Главное преимущество летнего поиска работы — низкий уровень конкуренции. К тому же, сейчас на IT-рынке большая нехватка кадров и множество открытых вакансий.
Чтобы наши читатели не отвлекались на нерелевантные предложения, мы сделали ряд тематических телеграм-каналов с вакансиями по отдельным языкам (Python, Java, Go, C#, C++, PHP, JavaScript) и различным направлениям: тестированию, мобильной разработке, информационной безопасности и Data Science.
Присоединяйтесь! Будем рады помочь найти вам лучшую работу.
Чтобы наши читатели не отвлекались на нерелевантные предложения, мы сделали ряд тематических телеграм-каналов с вакансиями по отдельным языкам (Python, Java, Go, C#, C++, PHP, JavaScript) и различным направлениям: тестированию, мобильной разработке, информационной безопасности и Data Science.
Присоединяйтесь! Будем рады помочь найти вам лучшую работу.
Если кто-то уже попробовал или заинтересован в использовании Bun, на GitHub появилась коллекция полезных ресурсов в одном месте 👉 https://proglib.io/w/681ef671
Telegram
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
🔧 Bun — новая среда выполнения JavaScript с собственным сборщиком, транспайлером, средством запуска задач и встроенным клиентом npm.
https://proglib.io/w/d882a93f
https://proglib.io/w/d882a93f
👍2
Вот это жизненное начало: « ... но в реальном мире все не так радужно. Нам часто приходится иметь дело с кодовыми базами, которые развивались в течение многих лет, и компонентами, которые несут на себе следы разных разработчиков ... ».
В общем, автор делится опытом рефакторинга больших React-компонентов. В его проекте он имел 2700 строк кода.
https://proglib.io/w/c568a014
В общем, автор делится опытом рефакторинга больших React-компонентов. В его проекте он имел 2700 строк кода.
https://proglib.io/w/c568a014
pieces.app
Refactoring React Class Components: Story of a 2700-Line Component
Code refactoring is often daunting, but it doesn't have to be. Read about my journey to refactoring a 2700-line React class component.
🥰3
💨 Успеть за 45 минут: разбор задачи, с которой можно столкнуться на собеседовании
Необходимо за ограниченное время создать и оптимизировать слайдер с изображением и текстом на React.js.
https://proglib.io/w/0401b376
Необходимо за ограниченное время создать и оптимизировать слайдер с изображением и текстом на React.js.
https://proglib.io/w/0401b376
Хабр
Создаем слайдер с изображением и текстом на React.js с нуля и оптимизируем
В этой статье я хочу затронуть задачу, с которой вы можете столкнуться на собеседовании на позицию Front-End — создание Image Slider. За последние 5 месяцев у меня было 15 онсайт собеседований, а...
👍10