Frontender Libs - обзор библиотек JS / CSS

SkyEng за 100к ? 💻 Английский для IT - БЕСПЛАТНО! Если ты знаешь английский, то уже наполовину знаешь IT. Канал Английский для IT поможет тебе в этом. Тысячи слов и словосочетаний на английском, которые пригодятся тебе в изучении языков программирования. Присоединяйся, чтобы погрузиться в компьютерный мир уже с багажом знаний! 😉

Гибкая ORM для Node.js – Sequelize При создании очередного проекта, появляется желание упростить себе жизнь и лишний раз не писать SQL-запросы. В таком случае было бы неплохо познакомиться с технологией ORM. 👉 @sWebDev

Anime.js Anime.js - это библиотека для создания анимаций, работает с CSS, SVG, атрибутами DOM и объектами JavaScript. 👉 @sWebDev

Фронтендеры на месте? Нашли для вас канал, где постят эффекты с готовым кодом на Codepen. Увидел – и сразу заюзал в своём проекте. Подпишись и пили сайты на уровне Apple – @frontend_formula

Back2School Проект забавной анимации школьника, выполненной на Anime.js. 👉 @sWebDev

Верстальщики, ловите лайфхак: Все макеты для верстки уже нашли и бесплатно выкладывают на канале Макеты Figma. Макеты для верстки: @figma_templates

React, я люблю тебя, но ты сводишь меня с ума Перевод резонансной статьи, посвященной React. Материал написан в шуточной форме, однако, это не уменьшает ее пользы при рассмотрении особенностей и подводных камней данной библиотеки. 👉 @sWebDev

Использование private переменных в шаблоне Создание Angular приложения просто невозможно без ошибок. Не всегда очевидно, в каком месте или в какой части кода она таится, а поиск может отнять немало времени. Например, использование private переменных в шаблоне является плохой практикой, т.к. все свойства компонента или сервиса, которые объявлены с модификатором private, должны использоваться исключительно в пределах своего класса. Обращение к ним в шаблоне или другом сервисе приведет к генерации исключения, но только в момент сборки приложения. Воспроизведём ошибку:

  selector: 'private-error',
  template: ` <div>{{ message }}</div> `,
})
export class PrivateErrorComponent {
  private message: string = 'Variable should be public'
  constructor() {}
}

Выполним сборку: ng build --prod В консоли увидим следующее: Property 'message' is private and only accessible within class 'PrivateErrorComponent'. 👉 @sWebDev

Аудиотека на GSAP.js Проект аудиотеки, выполненный на GSAP.js. Данный функционал можно использовать, например, для создания собственного музыкального сервиса или раздела с музыкой в вашем веб-приложении. 👉 @sWebDev

Как преобразовать значения в Angular приложении? При работе с приложением может возникнуть ситуация, когда вам необходимо преобразовать значение и сделать это нужно максимально быстро и в минимум строк кода. Например, если приложение на Angular, то можно использовать один из встроенных фильтров. Именно этот фильтр мы рассматривали в посте за 17.10. 👉 @sWebDev

Select на React По ссылке пошаговое руководство по созданию select с применением React. 👉 @sWebDev

Mobile VR Sonic По ссылке мини-игра, выполненная на Three.js. 👉 @sWebDev

Skeleton.js Библиотека для создания веб-приложений. Обладает собственной CSS сеткой и кроссбраузерностью. 👉 @sWebDev

Профессия «Фронтенд-разработчик» на Хекслете включает в себя гораздо больше, чем кажется на первый взгляд. На курсе мы даем даем фундаментальные основы и развиваем алгоритмическое мышление. Несколько сотен практических заданий в онлайн-тренажере – лишь часть обучения. Вы будете участвовать в разработке открытых проектов Хекслета на GitHub, напишите 4 полноценных приложения для бизнеса и попрактикуетесь в решении реальных кейсов от компаний-партнеров. Цель любого обучения – это трудоустройство. Мы пройдем путь до первой работы в IT вместе с вами.  Начните прямо сейчас. Вводные курсы профессии доступны бесплатно сразу после регистрации.

Прочный фундамент для API: Docker + Node.js + Nginx + Postgres При создании новых проектов, заложить надежный фундамент труднее всего. Поэтому мы изучим универсальную сборку для бэкенда на Node.js c Postgres в Docker. И, конечно, обязательно отдадим статику через Nginx. 👉 @sWebDev

JS Booster – канал в котором публикуются заготовки интерфейсов, задачи и полезные статьи для веб-разработчиков. Материалы будут полезны для любого уровня подготовки! Подпишись и улучши свою работу! 👇

Анимированная кнопка отписки на Gsap.js Проект анимированной кнопки отписки, выполненный на Gsap.js. 👉 @sWebDev

Приручаем многопоточность в Node.js (часть 1: базовые концепты) Первая часть из цикла статей о многопоточности в Node.js. Материал поможет улучшить производительность вашего Node.js-приложения и разобраться в ряде продвинутых функций данной библиотеки. 👉 @sWebDev

Marko.js Marko.js не так популярен, как Angular, React.js, Vue.js или Svelte. Marko.js является проектом ebay.com, который с 2015 года стал достоянием opensource. Именно на этой библиотеке построен фронтенд ebay.com. Ознакомиться с функционалом данного фреймворка можно по ссылке. 👉 @sWebDev