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

Тестирование компонентов React В статье подробное руководство по тестированию ваших веб-компонентов на React. Ознакомиться подробнее можно в статье по ссылке. 👉 @sWebDev

PureMVC Фреймворк, основная цель которого состоит в разделении интересов создаваемого кода. Суть кроется в названии, MVC — Model, View и Controller. Узнать все подробности можно в статье по ссылке. 👉 @sWebDev

Barrel export для организации React компонентов. В статье рассматриваем как использовать barrel export для организации React компонентов. 👉 @sWebDev

Vue's watch vs watchEffect В статье обзор и наглядное сравнение Vue's watch и watchEffect. Изучаем особенности и специфику применения. Все подробности по ссылке. 👉 @sWebDev

Короче, вот вам архивы с платными книгами, иначе так не выучите ни один язык: 📚 Полка Разработчика 📖 Кладовая Книг 🚽 IT Memes — тут чисто поржать, пока компилятор там возится; 🗞 3D News — актуальные новости IT-индустрии на случай, если мемы надоели. Сохраняй, пригодится

Vue's watch vs watchEffect В статье обзор и наглядное сравнение Vue's watch и watchEffect. Изучаем особенности и специфику применения. Все подробности по ссылке. 👉 @sWebDev

Bun Bun — среда выполнения JavaScript с собственным сборщиком, транспайлером, средством запуска задач и встроенным клиентом npm. Ознакомиться со всем функционалом можно по ссылке. 👉 @sWebDev

Node.js: использование веб-потоков. Часть 1 Веб-потоки (web streams) — это стандарт для потоков (streams), который поддерживается всеми основными веб-платформами: веб-браузерами, Node.js и Deno. Потоки — это абстракция для чтения и записи данных последовательно, небольшими частями из любого вида источника — файлов, данных, находящихся на сервере, и т.д. В данной статье рассматриваются веб-потоки в Node.js, но то, о чем мы будем говорить, применимо к любой поддерживающей их платформе. 👉 @sWebDev

Использование SVG в React SVG-изображения можно вставлять непосредственно в html код, можно использовать символьные спрайты, теги <img>, <object> и даже <iframe>. Можно подключать SVG через data-url, css-backgrounds, css-filters и еще множеством способов. Но чтобы полноценно использовать всю суперсилу SVG, необходимо вставлять SVG-изображения непосредственно в html-разметку. Но, есть еще один удобный способ, о нем и поговорим в статье. 👉 @sWebDev

Какое расстояние от земли до луны? 🌚 Странный вопрос, но еще страннее - то, что его иногда задают разработчикам на собеседованиях. Меня зовут MAX(), я - кот-ревью. Если ты находишься в поиске работы, то у меня для тебя крутые новости. Тут я собрал кучу разных интересных кейсов и историй по то: 👉 Как сделать так, чтобы тебя начали звать на собеседования? 👉 Откуда брать опыт для резюме, если его нет? 👉 Что делать, если валишься на собеседованиях и не можешь получить оффер? 👉 Насколько стало сложнее искать работу с марта 2022 года? Все это с примерами и пояснениями! Если хочешь преисполниться в своих познаних, то залетай ко мне — буду тебя ждать 😉

Fresh Fresh – новый full stack фреймворк для Deno. Fresh позиционируется как современный фреймворк на TS/JS, спроектированный для легкого создания высококачественных и производительных веб-приложений. Узнать весь функционал можно в обзоре по ссылке. 👉 @sWebDev

Мультиязычный редактор кода на React По ссылке доступно руководство по созданию собственного редактора кода с применением React и поддержкой более 40 языков. 👉 @sWebDev

CountUp.js CountUp.js - JavaScript библиотека без зависимостей, которую можно использовать для создания анимаций вывода числовых данных. 👉 @sWebDev

Angular слайдер В статье поговорим про одно из таких решений — написание Angular-компонента Slider с помощью встроенных инструментов браузеров и с минимальным использованием Javascript. Рассмотрим доступность, интересное решение с многослойным градиентом, немного CSS-хитростей и даже Change Detection в Angular. 👉 @sWebDev

Быстрое руководство по Sapper и Svelte Исследовав Svelte.js, можно убедиться, что на нем можно писать по-настоящему реактивные приложения, но при этом обходиться значительно меньшим количеством кода, чем при использовании других фронтенд-фреймворков. В то время, как можно создавать довольно сложные приложения при помощи одного только Svelte, код такого приложения быстро может прийти в беспорядок, поэтому стоит познакомиться с Sapper! Рассмотрим Sapper, продемонстрируем, как с его помощью писать полнофункциональные и легковесные приложения, а также детально разберем приложение для рендеринга на стороне сервера. 👉 @sWebDev

+1 в копилку полезных каналов о фронтенде С Senior Frontend стартовать в айти намного проще: • готовые примеры кода: смотрите на превью, как работает код, и сразу редактируете его в CodePen • лайфхаки по JS, HTML, CSS, которыми делятся только в крупных компаниях • тесты и опросы для тех, кто не запоминает сухую инфу Сохраняйте: @seniorFront

Скролл-анимация на Three.js Создаем анимацию, привязанную к скроллу, с использованием библиотеки Three.js. 👉 @sWebDev

Организация компонентов React с помощью dot-notation Компонентный подход является основополагающим при создании приложений с помощью react. Компоненты - это главные строительные блоки, которые в своей композиции помогают реализовать сложные системы. Изучим один из паттернов организации сложных react-компонентов, его сильные и слабые стороны. 👉 @sWebDev

Одно из главных в обучении фронтенд-разработке — это непрерывная практика и навыки, нужные бизнесу. Чем раньше вы нырнёте с головой в продакшен, тем быстрее почувствуете себя уверенно на рынке труда. Изучите JavaScript, HTML и CSS, фреймворки React+Redux Toolkit и сопутствующую инфраструктуру на реальных кейсах, наполните портфолио готовыми веб-приложениями и пройдите оплачиваемую стажировку в проектах IT-кластера Ростелеком. 65% выпускников Хекслет получают оффер на первых 5 собеседованиях! Начните учиться прямо сейчас, чтобы оценить формат 🙌

Aurelia "Аурелия - это просто JavaScript. Однако, не вчерашний JavaScript, а JS завтрашнего дня. Используя современный инструментарий, мы смогли написать Aurelia с нуля в ECMAScript 2016". Примерно так пишут о себе создатели данной библиотеки, а узнать все подробности можно по ссылке. 👉 @sWebDev