Miroslav Kungurov Пишу об IT и на Python. kungurov.net В этом выпуске: 15 распространенных ошибок новичков в JavaScript; библиотека для создания форм, основанная на схеме-дереве JSON; разбор приемов JavaScript-кода для управления текстурами в Three.js; распространенные сценарии утечки памяти в JavaScript и способы их исправления. Новости Больше полезных материалов вы найдете на нашем телеграм-канале «Библиотека фронтендера» Интересно, перейти к каналу Анонс TanStack Table v8 Релиз NeutralinoJS 4.7 Релиз npm-check 6.0.1 Релиз Fastify 4.3 Релиз ESLint 8.20 Релиз Angular 14.1 Релиз Vue 2.7.8 Релиз Tweakpane 3.1 Релиз Fireworks.js 2.0 Релиз PrimeNG 14 Релиз Acorn 8.8 Релиз Discord.ts 10.0 Релиз Prisma 4.1 Релиз MelonJS 13.0 Релиз Secure Electron Template 20.0 Релиз zip.js 2.6.5 Релиз Octokit.js 2.0.4 Краткий обзор дизайна Storybook 7.0 Анонс Temporal JavaScript SDK 1.0 Релиз Impress.js 2.0 Релиз Lerna 5.3 Релиз Ghost 5.7 Релиз Mongoose 6.5 Релиз NodeBB 2.3.1 Релиз Jasmine 4.3 Релиз Node.js 18.7.0 Релиз simplex-noise.js 4.0 Релиз Article Parser 7.0 Релиз React Simple Maps 3.0 Релиз Emoji Mart 5.2 Релиз hls.js 1.2 Релиз MicroDiff 1.3.1 Релиз ESLint v8.21 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-разработчиком? Разобраться поможет дорожная карта Метод массива reduce в JavaScript: назначение, синтаксис, применение и дополнительные практические примеры. Технические детали и пошаговая реализация эффекта поднимающихся пузырьков на CSS. James Q Quick разбирает 15 распространенных ошибок новичков в 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 разработчика? Предыдущие выпуски 📰 Weekly #9: новости, подкасты, отборные статьи и обучающие материалы по фронтенду 📰 Weekly #7: новости, подкасты, отборные статьи и обучающие материалы по фронтенду 📰 Weekly #5: новости, подкасты, отборные статьи и обучающие материалы по фронтенду
Пишу об IT и на Python. kungurov.net В этом выпуске: 15 распространенных ошибок новичков в JavaScript; библиотека для создания форм, основанная на схеме-дереве JSON; разбор приемов JavaScript-кода для управления текстурами в Three.js; распространенные сценарии утечки памяти в JavaScript и способы их исправления. Новости Больше полезных материалов вы найдете на нашем телеграм-канале «Библиотека фронтендера» Интересно, перейти к каналу Анонс TanStack Table v8 Релиз NeutralinoJS 4.7 Релиз npm-check 6.0.1 Релиз Fastify 4.3 Релиз ESLint 8.20 Релиз Angular 14.1 Релиз Vue 2.7.8 Релиз Tweakpane 3.1 Релиз Fireworks.js 2.0 Релиз PrimeNG 14 Релиз Acorn 8.8 Релиз Discord.ts 10.0 Релиз Prisma 4.1 Релиз MelonJS 13.0 Релиз Secure Electron Template 20.0 Релиз zip.js 2.6.5 Релиз Octokit.js 2.0.4 Краткий обзор дизайна Storybook 7.0 Анонс Temporal JavaScript SDK 1.0 Релиз Impress.js 2.0 Релиз Lerna 5.3 Релиз Ghost 5.7 Релиз Mongoose 6.5 Релиз NodeBB 2.3.1 Релиз Jasmine 4.3 Релиз Node.js 18.7.0 Релиз simplex-noise.js 4.0 Релиз Article Parser 7.0 Релиз React Simple Maps 3.0 Релиз Emoji Mart 5.2 Релиз hls.js 1.2 Релиз MicroDiff 1.3.1 Релиз ESLint v8.21 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-разработчиком? Разобраться поможет дорожная карта Метод массива reduce в JavaScript: назначение, синтаксис, применение и дополнительные практические примеры. Технические детали и пошаговая реализация эффекта поднимающихся пузырьков на CSS. James Q Quick разбирает 15 распространенных ошибок новичков в 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 разработчика? Предыдущие выпуски 📰 Weekly #9: новости, подкасты, отборные статьи и обучающие материалы по фронтенду 📰 Weekly #7: новости, подкасты, отборные статьи и обучающие материалы по фронтенду 📰 Weekly #5: новости, подкасты, отборные статьи и обучающие материалы по фронтенду
Больше полезных материалов вы найдете на нашем телеграм-канале «Библиотека фронтендера» Интересно, перейти к каналу
— W3Resource
— JS Hero
— JS Challenger
— Использование схемы.
— Простой механизм обновления состояния формы.
— Высокая производительность и многое другое.
Ваш адрес email не будет опубликован. Обязательные поля помечены *
Сохранить моё имя, email и адрес сайта в этом браузере для последующих моих комментариев.
Δ
Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.