Лучшие материалы и инструменты для Front-end разработчика

Лучшие материалы и инструменты для Front-end разработчика

Разное

• Новая версия буфера обмена. Начиная с Chrome 66, будет применяться новый API-интерфейс Async Clipboard.
• Автор показывает все преимущества и недостатки использования rel = «noopener noreferrer», о которых вы могли не знать.
• 6 причин для головной боли при использовании CSS.
• Создание двумерных макетов стало еще проще с использованием CSS Grid Application Layout.
• Оптимизация изображений и повышение производительности при помощи WebP.
• Немного SVG Facebook-style при загрузке плэйсхолдеров на Vue.
• Ramda – интересный аналог библиотек Lodash и Underscore.

JavaScript

В багаж знаний каждого Front-end разработчика должен входить этот пункт – без него никак.

• Облегчаем связывание JavaScript и DOM при помощи ConditionerJS и ленивой загрузки.
• Инструкция по правильному переходу на TypeScript.
• Может ли устареть JavaScript? Причины и способы объявления deprecated.
• Основы MIDI и построение приложения на Web MIDI API.
• Как работает JavaScript: рендеринг и советы по оптимизации его производительности.
• Создание приложения на базе Microsoft Office 365/SharePoint при помощи Aurelia.
• Автор статьи рассматривает ускорение нейронных сетей при помощи GPU.
• Специалист с 20-летним опытом программирования рассказывает о современных концепцияхи паттернах JavaScript.
• Неочевидные и не совсем простые, но очень полезные асинхронные шаблоны.

Angular

• Зачем вам нужен фреймворк Angular, и что вы с ним можете сделать.
• Этот туториал научит вас создавать PWA при помощи Angular.
• Еще один интересный способ создания приложения на Angular и WebPack.
• Использование SPFx в Angular и Angular CLI без ожидания Angular Elements.
• Подробная документация по Angular CLI.

React

• Что такое Context в React? Разбираемся, как его правильно использовать.
• Если вы новичок в мире React, то статья о State для вас.
• Чего достиг React Native с момента появления.
• Контекстные компоненты: что это, и с чем их едят?
• Обзор пяти популярных библиотек для создания анимации.
• Учимся реализовывать и парсить Query Strings в React Router.

Vue

• Читаем файлы прямо в браузере с помощью FileReader API.
• Из этой статьи вы научитесь создавать динамические и многоразовые компоненты пагинации на Vue.js.
• Пишем приложение на Lumen + Vue + TypeScript + GitLab.
• Автор рассказывает, как он создал сайт на Vue CLI + Circle CI + S3 bucket.
• Быстрая платежная система на Vue + Stripe и Firebase.
• Зачем использовать Nuxt.js? 10 причин начать делать это.
• JSX позволяет использовать синтаксис HTML в JavaScript. Почему бы не использовать JSXвместе с Vue?
• Что несет в себе новая спецификация ES6 для Vue разработчиков?
• Одностраничное Vue.js приложение с нуля на Node.js и GraphQL.

Литература

• Изучаем Node. Переходим на сторону сервера. Книга посвящена использованию Node.js в комплексе с MongoDB, Redis, AngularJS и Backbone.js, а также принципам разработки приложений.
• Подробное руководство. 6-е издание. Это справочник, руководство и учебник в одном флаконе. Издание будет полезно начинающим и практикующим специалистам.
• js. Быстрый старт. Книга о полезном, производительном и незаменимом инструменте для Front-end разработчика.

Видеоматериалы

• Рассказ о малоизвестных шаблонах: скрытые возможности, повышение производительности и т. д.
• Курс для Front-end разработчика по созданию приложения на React.
• Инструкция по использованию Context API в React.
• Курс по созданию Full Stack веб-приложения на Vue.js & Express.js.

Библиотеки

• Библиотека c легкореализуемыми анимационными эффектами, построенная на CSS.
• Unstated: управление State еще не было таким простым.
• Поместите модуль в Workerize, и он сам асинхронно подгрузит все функции.

источник