Frontender Libs - обзор библиотек JS / CSS
الذهاب إلى القناة على Telegram
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/sWebDev
إظهار المزيد
7 337
المشتركون
-224 ساعات
-267 أيام
-10530 أيام
أرشيف المشاركات
\n\n👉 @sWebDev","datePublished":"2021-05-31T16:02:17Z","dateModified":"2021-05-31T16:02:17Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1864},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":18}]}},{"@type":"ListItem","position":13,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/932","url":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/932","mainEntityOfPage":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/932","headline":"Three.js Three.js – это библиотека JavaScript, содержащая набор готовых классов для создания и отображения ин…","articleBody":"Three.js\n\nThree.js – это библиотека JavaScript, содержащая набор готовых классов для создания и отображения интерактивной 3D графики в WebGL.\n\nThree.js для WebGL — это то же самое, что jQuery для JavaScript. Библиотека предлагает декларативный синтаксис, и абстрагирует от головных болей связанных с 3D в браузере. Давайте проведем общий обзор и посмотрим, как начать работу, если вы новичок в мире 3D.\n\n👉 @sWebDev","datePublished":"2021-05-31T09:02:42Z","dateModified":"2021-05-31T09:02:42Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":2211},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":29}]}},{"@type":"ListItem","position":14,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/930","url":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/930","mainEntityOfPage":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/930","headline":"Leaflet Leaflet прекрасно показывает себя, когда дело касается создания интерактивных карт, адаптированных по…","articleBody":"Leaflet\n\nLeaflet прекрасно показывает себя, когда дело касается создания интерактивных карт, адаптированных под мобильные устройства. Она является общедоступной, чрезвычайно легковесной и имеет весь необходимый функционал.\nЭта библиотека по умолчанию работает на всех основных мобильных и десктопных платформах, может быть расширена плагинами, имеет отличную документацию и простой API. Вот пример в тандеме с OpenStreetMap:\n\n👉 @sWebDev","datePublished":"2021-05-28T16:07:00Z","dateModified":"2021-05-28T16:07:00Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":2927},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":38}]}},{"@type":"ListItem","position":15,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/929","url":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/929","mainEntityOfPage":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/929","headline":"Immutable.js Работа с неизменяемыми структурами данных даёт такие весомые преимущества, как упрощение разрабо…","articleBody":"Immutable.js\n\nРабота с неизменяемыми структурами данных даёт такие весомые преимущества, как упрощение разработки приложений, отсутствие защитного копирования и продвинутая мемоизация.\nВ Immutable.js вам доступны такие неизменяемые структуры данных, как List, Stack, Map, Set.\n\n👉 @sWebDev","datePublished":"2021-05-28T09:02:09Z","dateModified":"2021-05-28T09:02:09Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":2523},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":10}]}},{"@type":"ListItem","position":16,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/928","url":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/928","mainEntityOfPage":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/928","headline":"Каких звёзд нужно запереть и не выпускать? Сбер решил, что запереть нужно Филиппа Киркорова: смотрим прямой э…","articleBody":"Каких звёзд нужно запереть и не выпускать? \n\nСбер решил, что запереть нужно Филиппа Киркорова: смотрим прямой эфир в канале Сбера","datePublished":"2021-05-27T15:27:38Z","dateModified":"2021-05-27T15:27:38Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":2056}]}},{"@type":"ListItem","position":17,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/927","url":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/927","mainEntityOfPage":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/927","headline":"gatsby-image Является компонентом React и специально разработана для работы с запросами к Gatsby GraphQL. Он…","articleBody":"gatsby-image\n\nЯвляется компонентом React и специально разработана для работы с запросами к Gatsby GraphQL. Он сочетает в себе возможности обработки изображений с передовыми методами оптимизированной загрузки изображений.\n\nОтличительные особенности:\n1. сайты с Gatsby не требуют серверов, поэтому вы можете разместить весь сайт на CDN за небольшую плату;\n2. возможность извлекать данные из любого источника (Markdownфайлы, CMS-ки: Contentfulили WordPress и RESTAPI);\n3. преимущества статических сайтов без каких-либо ограничений.\n\n👉 @sWebDev","datePublished":"2021-05-27T14:00:01Z","dateModified":"2021-05-27T14:00:01Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1969},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":6}]}},{"@type":"ListItem","position":18,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/926","url":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/926","mainEntityOfPage":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/926","headline":"🐙 Фронтендеры - золото для охотников за головами. Оклады от 250к, работа на удаленке, рабочий MacBook - от в…","articleBody":"🐙 Фронтендеры - золото для охотников за головами.\n\nОклады от 250к, работа на удаленке, рабочий MacBook - от всего этого новичка отделяет только отсутствие знаний. \n\nВот карта в мир фронтедеров:\n\n1. Веб-верстка\nУзнай основы HTML и CSS, разберись с Flexbox, научись пользоваться Git.\n\n2. Javascript\nВыучи синтаксис языка Javascript, разберись с EventLoop, моделью DOM, ООП и типизацией, научись работать со сборщиками (Webpack, Gulp).\n\n3. React и другие JS фреймворки\nВыучи React, познакомься с Angular и Vue.\n\n4. Архитектура приложений и бекенд\nНаучись работать с базами данных, разберись как работает Node.js.\n\n5. Подготовка к собеседованию\nСоставь грамотное резюме и сопроводительное письмо, подготовься к собеседованию.\n\nСпециализация Frontend-разработчик ускорит твой путь, опытные преподаватели с бэкграундом в Яндексе, RSSchool, The Makers проведут тебя по каждому пункту, разложат все по полочкам, а ты разработаешь \n\n5 реальных проектов для своего портфолио:\n- Сайт-визитка\n- Верстка лендинга по макету\n- Слайдер на JavaScript\n- Канбан-доска на React\n\nи легко войдешь в мир IT\n\nPARTNER - промокод на скидку 50%","datePublished":"2021-05-27T11:00:06Z","dateModified":"2021-05-27T11:00:06Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1896},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":19}]}},{"@type":"ListItem","position":19,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/925","url":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/925","mainEntityOfPage":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/925","headline":"Voca Эту библиотеку можно эффективно использовать для управления строками. Она уже давно поддерживается и на…","articleBody":"Voca\n\nЭту библиотеку можно эффективно использовать для управления строками. Она уже давно поддерживается и на данный момент имеет рейтинг 2 800 звёзд. С её помощью можно изменять регистр, делать обрезку, растягивать текст, латинизировать его, сокращать и прочее\nДругие её возможности включают:\n1. Полноценный набор функций для управления, обрезки, форматирования, смещение и запроса строк.\n2. Понятная документация с возможностью поиска.\n3. Поддержка множества сред — Chrome, Firefox, Node.js и пр.\n4. 100% охват кода и отсутствие зависимостей.\n\n👉 @sWebDev","datePublished":"2021-05-27T09:08:00Z","dateModified":"2021-05-27T09:08:00Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1846},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":17}]}},{"@type":"ListItem","position":20,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/924","url":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/924","mainEntityOfPage":"https://telemetr.io/ar/channels/1215276433-swebdev/posts/924","headline":"react-content-loader Набор компонентов для легкого создания skeleton loadings (как загрузка карты в Facebook)…","articleBody":"react-content-loader\n\nНабор компонентов для легкого создания skeleton loadings (как загрузка карты в Facebook).\n\nОтличительные особенности:\n1. Plug and play: поставляется с большим количеством пресетов для использования.\n2. DIY: можно использовать данный софт, чтобы создавать собственные загрузчики.\n3. Поддержка React Native: тот же API с теми же мощными функциями.\n4. Легковесный: менее 2 КБ и 0 зависимостей для веб-версии.\n\n👉 @sWebDev","datePublished":"2021-05-26T18:00:01Z","dateModified":"2021-05-26T18:00:01Z","author":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"publisher":{"@type":"Organization","name":"Frontender Libs - обзор библиотек JS / CSS","url":"https://telemetr.io/ar/channels/1215276433-swebdev","image":"https://img.telemetr.io/c/1kfaUN/5240031659749914258?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1911},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":40}]}}]}
React Window
React Window используется для рендеринга длинных списков. Представьте, что у вас есть список из 1 000 элементов. На экране отображаются только десять, но ваш код пытается визуализировать 1000 элементов одновременно.
Это может привести к серьезным задержкам в вашем приложении. Данная библиотека очень популярна и является обязательным инструментом в вашем арсенале.
Использование React Window
import { FixedSizeList as List } from 'react-window';
const Row = ({ index, style }) => <div style={style}> Name is {names[index]}</div>
const LongList = () => (
<List
height={150}
itemCount={1000}
itemSize={35}
width={300}
>
{Row}
</List>
);
Данный код рендерит только то, что вы видите на экране. Поначалу это может быть непонятно, но необходимо, если вам нужно отобразить длинный список.
👉 @sWebDevOnsen UI
Компоненты Onsen UI доступны в React благодаря привязкам и позволяют создавать гибридные мобильные приложения на базе React и фреймворка Onsen UI. Вклад в этот проект внесли более 80 разработчиков, на GitHub у него около 5.6 тысяч звёзд. Всё это позволяет говорить о том, что на Onsen UI стоит, как минимум, обратить внимание при выборе библиотеки для разработки пользовательского интерфейса.
👉 @sWebDev
visx
Если ты когда-либо использовал популярную библиотеку диаграмм, такую как Recharts или Charts.js, ты знаешь, что на удивление легко достичь пределов того, что библиотека может сделать для тебя.
visx отличается тем, что предоставляет React компоненты более низкого уровня, которые намного ближе к D3, чем другие библиотеки диаграмм. Это упрощает создание твоей собственной многократно используемой библиотеки диаграмм или гипер-настраиваемых диаграмм.
👉 @sWebDev
Material Components Web
Material Components Web — это библиотека, которая разработана командой инженеров и UX-дизайнеров из Google. Входящие в неё компоненты позволяют организовать рабочий процесс, на выходе которого можно ожидать появления привлекательных и функциональных веб-проектов. Эта библиотека заменила библиотеку react-mdl (которая теперь признана устаревшей).
👉 @sWebDev
Как стать фронтенд разработчиком в 2021?
Канал "На фронте - javascript, html, css" собрал для Вас подборку материалов, которая поможет Вам стать фронтенд разработчиком.
Как учится веб-разработке в 2021 году — план развития начинающего веб-разработчика в 2021. Что учить, в какой последовательности.
Что нужно знать о популярных JS-фреймворках — история создания и особенности популярных фреймворков.
Шпаргалка по JS-методам для работы с DOM — поможет вам разобраться в метожах для работы с DOM
DevTools для «чайников» — руководство по использованию инструментов разработчика
Еще больше крутых и полезных материалов ищите на нашем канале.
Mock Service Worker
MSW - это библиотека, которая позволяет имитировать как REST, так и GraphQL API; использует service workers для генерации реальных сетевых запросов.
Чем это круто?
Ты действительно можешь использовать MSW как часть рабочего процесса разработки независимо от выбора технологии, а не только во время тестирования!
Пример использования:
const worker = setupWorker(
rest.post('/login', (req, res, ctx) => {
const { username } = req.body
return res(
ctx.json({
username,
firstName: 'John'
})
)
}),
)
👉 @sWebDevReact Belle
React Belle — это набор компонентов React, оптимизированный для работы на мобильных устройствах и на настольных ПК. Стили, имеющиеся здесь, поддаются глубокой настройке, что позволяет как задавать базовые стили для всех компонентов, так и модифицировать стиль каждого конкретного компонента по отдельности.
👉 @sWebDev
Хотите освоить фронтенд-разработку? Начните 7 июня с demo-занятия «Базовое использование системы контроля версий Git»!
Вместе с преподавателем Василием Ванчуком вы разберете, зачем нужна система контроля версий и нужны ли для этого отдельные программы. Узнаете, почему Git и как вы будете работать с ним в рамках онлайн-курса «JavaScript Developer. Basic» от OTUS.
Для участия в практической части потребуется установить Node.js, зарегистрировать Github аккаунт и установить Git, сгенерировать SSH ключ и подключить его к Github-профилю.
Регистрируйтесь на занятие https://otus.pw/g98q/
React Hook Form
React Hook Form отличается от других форм библиотек тем, что по умолчанию ты не создаешь контролируемые компоненты и не следишь за их состоянием. Это означает, что производительность приложения не будет снижаться по мере добавления дополнительных полей в форму.
Вдобавок ко всему, это, вероятно, одна из лучших документированных библиотек - в каждом примере есть CodeSandbox, что позволяет легко выполнить форк и опробовать свой конкретный вариант использования.
👉 @sWebDev
React Grommet
React Grommet даёт в распоряжение разработчика обширный набор компонентов, сгруппированных по принципу особенностей их использования. Все они созданы с учётом требований доступности, кросс-браузерной совместимости и поддерживают настройку внешнего вида с помощью тем.
👉 @sWebDev
Axios
Это JavaScript-библиотека для выполнения либо HTTP-запросов в Node.js, либо XMLHttpRequests в браузере. Она поддерживает промисы. Одна из особенностей, которая делает её лучше fetch() — автоматические преобразования JSON-данных.
Пример использования
const url = 'https://api.spotify.com/v1/artists/ID'
axios.get(url)
.then(response => console.log(response));
👉 @sWebDevPaper.js
Это библиотека, которая позволяет создавать и работать с векторной графикой. Официальный сайт описывает это как швейцарский армейский нож для создания векторной графики.
Следующий код создает четырехугольник в PaperScript.
<script type="text/paperscript" canvas="quad">
var path = new Path();
path.strokeColor = 'black';
var pointOne = new Point(100, 20);
var pointTwo = new Point(-100, 100);
var pointThree = new Point(300, 30);
path.moveTo(pointOne);
path.lineTo(pointOne + pointTwo);
path.lineTo(pointTwo + pointThree);
path.lineTo(pointOne + pointThree);
path.closed = true;
</script>
👉 @sWebDevThree.js
Three.js – это библиотека JavaScript, содержащая набор готовых классов для создания и отображения интерактивной 3D графики в WebGL.
Three.js для WebGL — это то же самое, что jQuery для JavaScript. Библиотека предлагает декларативный синтаксис, и абстрагирует от головных болей связанных с 3D в браузере. Давайте проведем общий обзор и посмотрим, как начать работу, если вы новичок в мире 3D.
👉 @sWebDev
Leaflet
Leaflet прекрасно показывает себя, когда дело касается создания интерактивных карт, адаптированных под мобильные устройства. Она является общедоступной, чрезвычайно легковесной и имеет весь необходимый функционал.
Эта библиотека по умолчанию работает на всех основных мобильных и десктопных платформах, может быть расширена плагинами, имеет отличную документацию и простой API. Вот пример в тандеме с OpenStreetMap:
👉 @sWebDev
Immutable.js
Работа с неизменяемыми структурами данных даёт такие весомые преимущества, как упрощение разработки приложений, отсутствие защитного копирования и продвинутая мемоизация.
В Immutable.js вам доступны такие неизменяемые структуры данных, как List, Stack, Map, Set.
👉 @sWebDev
Каких звёзд нужно запереть и не выпускать?
Сбер решил, что запереть нужно Филиппа Киркорова: смотрим прямой эфир в канале Сбера
gatsby-image
Является компонентом React и специально разработана для работы с запросами к Gatsby GraphQL. Он сочетает в себе возможности обработки изображений с передовыми методами оптимизированной загрузки изображений.
Отличительные особенности:
1. сайты с Gatsby не требуют серверов, поэтому вы можете разместить весь сайт на CDN за небольшую плату;
2. возможность извлекать данные из любого источника (Markdownфайлы, CMS-ки: Contentfulили WordPress и RESTAPI);
3. преимущества статических сайтов без каких-либо ограничений.
👉 @sWebDev
🐙 Фронтендеры - золото для охотников за головами.
Оклады от 250к, работа на удаленке, рабочий MacBook - от всего этого новичка отделяет только отсутствие знаний.
Вот карта в мир фронтедеров:
1. Веб-верстка
Узнай основы HTML и CSS, разберись с Flexbox, научись пользоваться Git.
2. Javascript
Выучи синтаксис языка Javascript, разберись с EventLoop, моделью DOM, ООП и типизацией, научись работать со сборщиками (Webpack, Gulp).
3. React и другие JS фреймворки
Выучи React, познакомься с Angular и Vue.
4. Архитектура приложений и бекенд
Научись работать с базами данных, разберись как работает Node.js.
5. Подготовка к собеседованию
Составь грамотное резюме и сопроводительное письмо, подготовься к собеседованию.
Специализация Frontend-разработчик ускорит твой путь, опытные преподаватели с бэкграундом в Яндексе, RSSchool, The Makers проведут тебя по каждому пункту, разложат все по полочкам, а ты разработаешь
5 реальных проектов для своего портфолио:
- Сайт-визитка
- Верстка лендинга по макету
- Слайдер на JavaScript
- Канбан-доска на React
и легко войдешь в мир IT
PARTNER - промокод на скидку 50%
Voca
Эту библиотеку можно эффективно использовать для управления строками. Она уже давно поддерживается и на данный момент имеет рейтинг 2 800 звёзд. С её помощью можно изменять регистр, делать обрезку, растягивать текст, латинизировать его, сокращать и прочее
Другие её возможности включают:
1. Полноценный набор функций для управления, обрезки, форматирования, смещение и запроса строк.
2. Понятная документация с возможностью поиска.
3. Поддержка множества сред — Chrome, Firefox, Node.js и пр.
4. 100% охват кода и отсутствие зависимостей.
👉 @sWebDev
react-content-loader
Набор компонентов для легкого создания skeleton loadings (как загрузка карты в Facebook).
Отличительные особенности:
1. Plug and play: поставляется с большим количеством пресетов для использования.
2. DIY: можно использовать данный софт, чтобы создавать собственные загрузчики.
3. Поддержка React Native: тот же API с теми же мощными функциями.
4. Легковесный: менее 2 КБ и 0 зависимостей для веб-версии.
👉 @sWebDev
