02 августа 2022

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

Пишу об IT и на Python. kungurov.net
В этом выпуске: 15 распространенных ошибок новичков в JavaScript; библиотека для создания форм, основанная на схеме-дереве JSON; разбор приемов JavaScript-кода для управления текстурами в Three.js; распространенные сценарии утечки памяти в JavaScript и способы их исправления.
📰 Weekly #11: новости, подкасты, отборные статьи и обучающие материалы по фронтенду

Новости

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

React

  • Успеть за 45 минут: разбор задачи, с которой можно столкнуться на собеседовании. Необходимо за ограниченное время создать и оптимизировать слайдер с изображением и текстом на React.js.
  • Тщательно подобранная коллекция React-компонентов и библиотек.
  • Несколько важных аспектов React, о которых стоит знать.
  • Star Rating виджет на React.js: разбор одной из задач, с которой можно столкнуться на собеседовании.

Angular

  • Онлайн-книга по тестированию веб-приложений Angular с использованием библиотек Spectator и ng-mocks.
  • Angular V14 CRUD-операции.

Vue

  • Влад Худяков, фронтенд лид команды Pragmatica, в нестандартной манере рассказывает, почему именно Vue идеально решает задачи его команды.
  • Обзор основных компонентов Vue 3 и способов их использования.
  • Ролевая модель, ограничения доступов.

Next.js

  • Разбираемся с Jamstack, современной архитектурой веб-разработки, которая позволяет создавать веб-сайты на основе методологии микросервисов.

JavaScript, CSS и HTML

  • Разбираем распространенные сценарии утечки памяти в JavaScript и способы их исправления.
  • Полностью обновлённая статья про 10 самых распространенных проблем в JavaScript-коде, с которыми сталкиваются разработчики.
  • Примитивы синхронизации в JavaScript: cемафоры и хоккей. На примере хоккейного матча автор статьи разбирается с простейшими примитивами синхронизации: на этапе раскатки перед матчем с помощью бинарного семафора он разделяет игроков на две равных группы, а уже в процессе игры с помощью семафора со счетчиком избавляется от штрафов за нарушение численного состава.
  • Совет по реализации отрицательной задержки анимации в CSS, или Как сделать анимацию в шахматном порядке более естественной.
  • Мини-подборка онлайн-ресурсов для освоения и закрепления навыков фронтенда (с акцентом на JavaScript), бэкенда и баз данных:

W3Resource

JS Hero

JS Challenger

  • Как стать JavaScript-разработчиком? Разобраться поможет дорожная карта

Библиотеки

  • 🔧 Fomir — библиотека для создания форм, основанная на схеме-дереве JSON. Если вы перепробовали множество библиотек для создания форм, таких как redux-form, formik, final-form, react-hook-form, и ни одна из них не подошла, то Fomir уже спешит на помощь. Под капотом:

— Использование схемы.

— Простой механизм обновления состояния формы.

— Высокая производительность и многое другое.

Разное

  • Разбор приемов JavaScript-кода для управления текстурами в Three.js.
  • Честное и детальное сравнение RedwoodJS и BlitzJS.
  • 🔧 Payload — headless CMS, в основе которой лежат Node, Express, MongoDB, React и TypeScript. Если вам интересен данный стек, тогда точно должна понравиться и концепция данной CMS. Смотрите сами.
  • DevTools Tips — серия видеоуроков с краткими советами по эффективному использованию панели разработчика в Chrome.
  • Фронтендеру на заметку: полное руководство по работе с терминалом на macOS.
  • Выступление Александра Беспоясова на Podlodka Frontend Crew с рассказом о том, что такое чистая архитектура, чем она полезна, и как пользоваться её преимуществами во фронтенде с примерами системного лайв-дизайна и лайв-кодинга.
  • Введение в SvelteKit за 80 минут
  • На заметку начинающему фронтендеру: перевод статьи с подробным описанием закулисья работы веб-браузера.
  • Примеры синтаксиса веб-компонентов популярных и набирающих популярность JavaScript-фреймворков.
  • Введение в ethers.js, библиотеку для взаимодействия с блокчейном Ethereum.
  • Фронтендеру на заметку: полезные советы по тестированию.
  • Архитектура Model View Presenter во фронтенде: теория и практика.
  • Angular, React или Vue.js? Что выбрать начинающему фронтенд-разработчику?
  • ТОП 10 книг по веб-разработке (фронтенд) для начинающих: HTML, CSS, JavaScript, React, Vue

Интервью

  • Как без опыта залететь на Middle Front-end разработчика?

Предыдущие выпуски

МЕРОПРИЯТИЯ

Комментарии

ЛУЧШИЕ СТАТЬИ ПО ТЕМЕ