Size: a a a

2021 June 04
Frontend Info
Создание текстового редактора с расширенными возможностями WYSIWYG с нуля

https://www.smashingmagazine.com/2021/05/building-wysiwyg-editor-javascript-slatejs/
источник
Frontend Info
Mercury PRO Frontend в Иннополисе! 🚀

Лучшие фронтендеры Mercury Developement 6 июня поделятся своим обширным опытом использования полезных фронтенд-инструментов. Расскажут, как развиваться фронтенд-разработчику — например, стать фуллстеком или попробовать себя в мобильной разработке.

⏰ Когда: 6 июня в 12:00

🔥 Спикеры:

– Алексей Кузнецов расскажет о мобилизации фронтенда;
– Сергей Бутузов о том, как стать Node.js разработчиком всего за один день;
–Алексей Родионов поделиться опытом интеграции и эксплуатации GraphQL.

🔗 Регистрация и программа по ссылке: https://mercdev.timepad.ru/event/1644826/

⚡️ В завершение митапа сыграем в айтишный аналог своей игры и выясним, кто самый сильный фронтендер в Инополисе! Главный приз — новенькие AirPods Pro.
источник
Frontend Info
Tree-Shaking: справочное руководство

https://www.smashingmagazine.com/2021/05/tree-shaking-reference-guide/
источник
2021 June 05
Frontend Info
Микросервисная архитектура от А до Я

https://medium.com/swlh/microservices-architecture-from-a-to-z-7287da1c5d28
источник
2021 June 06
Frontend Info
Как очистить асинхронные эффекты в React

https://dmitripavlutin.com/react-cleanup-async-effects/
источник
2021 June 07
Frontend Info
Примечания к JavaScript для начинающих
Огромный ресурс и руководство по JavaScript

https://wesbos.com/javascript
источник
Frontend Info
🔊 Новости от команды Лектрума!

10 июня пройдёт бесплатный вебинар на тему «JavaScript на практике». Простая реализация обработки данных из формы с использованием лучших практик JS 🤩

⚠️ Регистрация через сайт ➡️ https://lectrum.link/47fIqD
Программа ивента:

🔹 Из чего состоит проект. Каким способом можно подключить скрипт на страницу и где отлавливать ошибки.

🔹 Что такое переменные и какие виды переменных существуют.

🔹 Проверки и грамотное написание условий.

🔹 Как написать функцию и правильно использовать ее в коде.

🔹Методы взаимодействия с элементами на странице, а так же динамическая генерация элементов с помощью JavaScript.

🔹Способы для добавления интерактива на страницу: что такое addEventListener и как с ним работать.

Для кого вебинар:

✅ Верстальщиков, которые хотят продвигаться в веб-разработке.

✅ Новичков-самоучек, которые хотят посмотреть как выглядит процесс разработка во фронтенде.
источник
2021 June 08
Frontend Info
Front-end тестирование для всех
Самые популярные и широко используемые типы тестов

https://css-tricks.com/front-end-testing-is-for-everyone/
источник
Frontend Info
5 CSS советов и приемов, которые нельзя пропустить в 2021 году

https://levelup.gitconnected.com/5-css-tips-and-tricks-you-dont-want-to-miss-out-on-in-2021-4eb1438dee50
источник
2021 June 09
Frontend Info
Лучшие библиотеки компонентов React (издание 2021 года) - ребята из Retool только выпустили обновление 2021 года для своего списка лучших библиотек React.

https://retool.com/blog/react-component-libraries/
источник
Frontend Info
Всем привет! 
Мы сделали сервис, который отбирает вакансии по вашим интересам. 
Настройте личные фильтры: локация, точный технологический стек, и, конечно, не забудьте о деньгах. 

Все самые подходящие предложения рынка – в @GetMeIT_bot
источник
2021 June 10
Frontend Info
Полезные расширения VS Code для Front-End разработчиков - ознакомьтесь с полезными надстройками VS Code, от базовых средств повышения производительности до расширенных помощников по отладке.

https://www.smashingmagazine.com/2021/05/useful-vs-code-extensions-web-developers/
источник
Frontend Info
Создание JavaScript библиотеки, которая работает везде, используя Rollup

https://adostes.medium.com/authoring-a-javascript-library-that-works-everywhere-using-rollup-f1b4b527b2a9
источник
2021 June 11
Frontend Info
Как использовать React Testing Library для тестирования Storybook

https://medium.com/storybookjs/testing-lib-storybook-react-8c36716fab86
источник
Frontend Info
Хотите освоить фронтенд-разработку? Начните 24 июня с demo-занятия «Создание интерактивных страниц, работа с анимациями»!
Вместе с преподавателем Эржаном Торокуловым вы рассмотрите способы создания интерактивных страниц, научитесь анимировать переходы состояний HTML элементов, а также создадите анимации как на CSS, так и на JavaScript.

Для регистрации на вебинар оставьте заявку 👉 https://otus.pw/TyiF/
источник
2021 June 12
Frontend Info
Svelte для опытных React разработчиков

https://css-tricks.com/svelte-for-the-experienced-react-dev/
источник
2021 June 13
Frontend Info
Тригонометрия в CSS и JavaScript
В этой серии статей мы сделаем обзор тригонометрии, поймем, чем она может быть полезна, а также познакомимся с некоторыми творческими решениями на CSS и JavaScript.

https://tympanus.net/codrops/2021/06/01/trigonometry-in-css-and-javascript-introduction-to-trigonometry/
источник
2021 June 14
Frontend Info
Введение в Webpack Code-Splitting, Loadable/component и Resource Hints

https://medium.com/swlh/an-introduction-to-webpack-code-splitting-loadable-component-and-resource-hints-f0c3a3e45ce4
источник
Frontend Info
Хей-хей-хей, всем привет! 
Меня зовут Java, а фамилия Script 😜👌 И я сбайтил Java, но это было совсем давно и не правда!😡
Да-да, я тот самый язык программирования, на котором не стыдно писать код!
Приглашаю Вас в свой трэп-хаус! Будем писать код, абразовывацаААА, так же есть ламповый чатик и много-много разного всего!🥳
@we_use_js
источник
2021 June 15
Frontend Info
Знакомство с инспектором памяти который появился в Chrome 91.

Он позволяет вам проверять ваши ArrayBuffer, TypedArray, DataView и Wasm Memory.

https://developer.chrome.com/blog/memory-inspector/
источник