Share This
Связаться со мной
Крути в низ
Categories
//IT-дайджест Proglib Weekly #9: новости, подкасты, отборные статьи и обучающие материалы по фронтенду

IT-дайджест Proglib Weekly #9: новости, подкасты, отборные статьи и обучающие материалы по фронтенду

it dajdzhest proglib weekly 9 novosti podkasty otbornye stati i obuchajushhie materialy po frontendu cf5381c - IT-дайджест Proglib Weekly #9: новости, подкасты, отборные статьи и обучающие материалы по фронтенду

Пишу об IT и на Python. kungurov.net В этом выпуске: создание, тестирование и деплой приложения книжного магазина с использованием React 18; вопросы на собеседовании фронтенд-разработчика; простые советы по адаптации сайтов для незрячих и слабовидящих людей; полный гайд по использованию CSS-фильтров с SVG.

it dajdzhest proglib weekly 9 novosti podkasty otbornye stati i obuchajushhie materialy po frontendu ff1b6b0 - IT-дайджест Proglib Weekly #9: новости, подкасты, отборные статьи и обучающие материалы по фронтенду

Больше полезных материалов вы найдете на нашем телеграм-канале «Библиотека фронтендера» Интересно, перейти к каналу

Новости

  • Релиз Node 18.5.0 & Node 14.20.0 (LTS), 16.16.0 (LTS)
  • Анонс React Native 0.69
  • Релиз fuite 1.6
  • Релиз oclif 3.1
  • Релиз Notion JavaScript Client 2.0
  • Релиз Tabulator 5.3
  • Релиз Preact 10.9
  • Релиз Perspective 1.5.1
  • Релиз react-archer 4.0.1
  • Релиз react-big-calendar 1.2.1
  • Релиз Firefox 102, Safari 16 Beta и Chrome 104 Beta
  • Анонс 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

React

  • Создание, тестирование и деплой приложения книжного магазина с использованием React 18, Vite, Netlify и Nightwatch.
  • Пишем простое todo-приложение на React с нуля.
  • Вот это жизненное начало: « … но в реальном мире все не так радужно. Нам часто приходится иметь дело с кодовыми базами, которые развивались в течение многих лет, и компонентами, которые несут на себе следы разных разработчиков … ». В общем, автор делится опытом рефакторинга больших React-компонентов. В его проекте он имел 2700 строк кода.
  • Успеть за 45 минут: разбор задачи, с которой можно столкнуться на собеседовании

JavaScript, CSS и HTML

  • Разбор наиболее популярных недостатков JavaScript-кода, которые делают его недостаточно простым, лаконичным и понятным.
  • Как типизировать CSS-переменные, делать плавные переходы между значениями переменных и анимировать градиенты: практические советы от Софии Валитовой.
  • Bun — новая среда выполнения JavaScript с собственным сборщиком, транспайлером, средством запуска задач и встроенным клиентом npm.
  • Как правильно рассчитать длину текста в Java Script? Алексей Ивасюта, фронтенд разработчик в Авито, разложил все по полкам относительно устройства Unicode и особенностей его работы в Java Script.
  • WebGL — это большое дело, но знаете ли вы, что голографические эффекты, похожие на шейдеры, также можно создавать с использованием CSS? И да, интерактивные демонстрации в конце статьи просто прекрасны.
  • Полный гайд по использованию CSS-фильтров с SVG.
  • Оператор delete в JavaScript: назначение, подводные камни и рекомендации по использованию.
  • Парсинг дат в JS — добавляем русский язык в библиотеку Chrono.
  • Практика CSS и вёрстки от Елены Литвиновой.

  • Запись вебинара на тему «10 кейсов масштабируемой вёрстки». Спикеры рассказывают, почему не всегда стоит верстать строго по макету, какие проблемы могут возникнуть при такой вёрстке и как их решать.

  • Airbnb JavaScript Style Guide.

☕️ Шпаргалка по регулярным выражениям в JavaScript

NodeJS

  • Подробный разбор всего, что связано с работой с файловой системой в Node.js: от простых операций чтения и записи до потоков, буферов и манипуляций с каталогами.

Разное

🎙️📹 Как стать IT-блогером: подробный гайд для начинающих

  • Серия видеоуроков от YouTube-канала «АйТи Синяк» на тему архитектуры во фронтенде.

  • Разбираемся с обновлениями, которые были добавлены в новую версию ECMAScript.
  • Техническое собеседование на позицию фронтенд-разработчика. Запись вебинара, в рамках которого освящались следующие вопросы:

— Чего ждать и к чему готовиться?

— Почему на собеседовании дают те или иные задачи?

— Как вести себя на лайвкодинге?

  • Страницы состояния функций трех основных браузеров:

— Chrome Platform Status

— Mozilla Specification Positions + репозиторий

— WebKit Feature Status + репозиторий

  • Чек-лист для фронтенд-разработчиков, которые заботятся о производительности. Каждый раздел включает множество ссылок и описаний для дальнейшего исследования.
  • Простые советы по адаптации сайтов для незрячих и слабовидящих людей.
  • Превосходная серия статей о доступности и не только, которая точно заслуживает вашего внимания:

— 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

  • #27 Front-end. Вопросы на собеседовании.

  • Руководство по работе с терминалом для фронтенд-разработчика.
  • Сложно написать идеальное руководство, которое охватит все аспекты добавления темного режима для вашего сайта. Но это определенно удачная попытка
  • Если кто-то уже попробовал или заинтересован в использовании Bun, на GitHub появилась коллекция полезных ресурсов в одном месте.

Интервью

  • Интервью с Яном Тишко. От охранника в Беларуси до Front-End Engineer в Калифорнии

***

Материалы по теме

  • 📰 Weekly #7: новости, подкасты, отборные статьи и обучающие материалы по фронтенду
  • 📰 Weekly #5: новости, подкасты, отборные статьи и обучающие материалы по фронтенду
  • 📰 Weekly #3: новости, подкасты, отборные статьи и обучающие материалы по фронтенду

  • 1 views
  • 0 Comment

Leave a Reply

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.

Связаться со мной
Close