​Сервис для обнаружения типа устройства пользователя на TypeScript и Vue 3

Нашли для вас интересный туториал, в котором рассказывается, как создать сервис способный узнавать:

— тип взаимодействия с веб-приложением;
— ориентацию экрана на данный момент;
— тип устройства: desktop, tab, phone.

#typescript #vue3

Ребят, ищем пишущего IT-редактора блогов в Tproger

Условия: удалёнка, фултайм

Что делать:
— искать темы, которые понравятся клиентам и заинтересуют читателей;
— вникать в эти темы настолько, чтобы говорить с экспертами примерно на одном языке;
— проводить интервью и собирать фактуру;
— превращать фактуру в статью, которую захочется читать и репостить;
— дорабатывать статью вместе с экспертами и менеджерами клиента.

Требования:
— пишете логично и ёмко, видите стилистические и речевые ошибки в тексте;
— быстро находите и проверяете информацию (в том числе в англоязычных источниках);
— любите общаться с экспертами и умеете их разговорить;
— спокойно реагируете на комментарии, но можете отстоять свою позицию, если правка неуместна;
— тактично вносите правки, чтобы автор не расстраивался, а был благодарен за помощь;
— знаете, что такое ключевое слово, мета-описание и зачем нужен Wordstat.

Чтобы откликнуться, заполняйте анкету.

#вакансии #работа

​TypeScript 5.2: новое ключевое слово using

using можно будет использовать для утилизации чего-либо с помощью функции Symbol.dispose, когда оно покидает область видимости.

Новинка будет чрезвычайно полезна для управления такими ресурсами, как обработчик файлов, соединения с базами данных и так далее.

В этой статье автор показал практичные примеры использования нового функционала.

#typescript

​Как ускорить таблицу на React в 1 000 раз, изменив одну строку

JP Camara, главный инженер Wealthbox, в своём блоге поделился интересным опытом ускорения TanStack Table — новой версии React-библиотеки для создания функциональных таблиц — аж до 10 мс. Делимся с вами ссылкой на перевод его статьи:

https://habr.com/ru/companies/netologyru/articles/750246/

#react

​Подробный разбор вопросов с собеседований на должность фронтенд-разработчика

Нашли для вас серию видеороликов, которые помогут вам освежить знания или закрыть пробелы. Видеокаст представляет из себя коллекцию технических вопросов, которые можно получить на интервью.

Удобная, хорошо организованная шпаргалка всегда у вас под рукой. Сохраняйте, чтобы не потерять.

Ссылка: https://tprg.ru/Mbsq

#видео #фронтенд

​Разыскивается Senior/ Middle FrontEnd (React) разработчик

Компания АО «Гринатом» ищет себе в команду крутого специалиста для работы над продуктом для HR-автоматизации на российском IT-рынке!

Если вы хотите помочь сделать процесс найма сотрудников ещё лучше и при этом получать хорошую заработную плату, сидя у себя дома на комфортном диванчике, то переходите по ссылке. Там подробности, условия и возможность оставить отклик.

https://tprg.ru/OnUz

#работа #вакансии

​Подборка плагинов VS Code для разработки в 2023 году

Текстовый редактор включает в себя множество полезных функций, которые облегчают работу разработчиков, но, кто сказал что его нельзя улучшить?

У нас на сайте вышла статья про проверенные временем и делом плагины, которые помогут вам в решении множества задач:

https://tproger.ru/articles/podborka-plaginov-vs-code-dlya-razrabotki-v-2023-godu/

#vscode

Мяукающее пианино

Отличный пример пет-проекта для вашего портфолио.
При нажатии на клавиши кошачьей лапкой, из инструмента будут извлекаться соответствующие звуки.

По ссылке вы сможете поиграть на пианино, а так же подробно изучить код и на его примере создать что-нибудь своё:

https://codepen.io/laurenvast/pen/jOrWXej

#codepen

​Утечки памяти в JavaScript

Авторы рассмотрели распространённые типы данной проблемы, а также рассказали, как использовать инструменты разработки Chrome, чтобы найти их.

#javascript #безопасность

​ТОП-5 вопросов и ответов по JavaScript на Stack Overflow за всё время

Они могут поставить в тупик как Junior-разработчика, так и разработчика уровня Middle. Вы можете столкнуться с подобным на собеседовании или во время работы.

Ответы с примерами кода и подробными объяснениями по ссылке:

https://proglib.io/p/top-5-voprosov-i-otvetov-po-javascript-na-stack-overflow-za-vse-vremya-2022-09-14

#javascript

​Внедрение зависимостей в Angular

Внедрение зависимостей — это шаблон проектирования и механизм для использования кода в разных частях приложения.

Нашли для вас туториал, в котором автор объясняет простыми словами, как выполнить эту задачу, используя Angular.

#зависимости #angular

​Новое в CSS и пользовательском интерфейсе

Чтобы разработчики смогли разобраться в новинках, Lead Web Developer Новео Екатерина перевела для наших читателей обзор от команды Google I/O. Осталось только изучить материал и применить его на практике!

Перевод статьи: https://tproger.ru/articles/novoe-v-css-i-polzovatelskom-interfejse-izdanie-i-o-2023/

#css

​ТОП-10 шаблонизаторов для фронтенд-разработки

Шаблонизаторы позволяют использовать одну и ту же HTML-разметку в любых местах веб-приложения и вставлять в эту разметку свои данные.

Они помогают разработчикам сэкономить время, а так же сделать код более чистым. Сохраните полезный материал, чтобы не потерять!

https://proglib.io/p/top-10-shablonizatorov-dlya-frontend-razrabotki-2023-01-17

#html

​Сайт, целиком написанный ChatGPT

Нам известны случаи, когда нейросеть, помогала программистам писать определённые куски кода. Но, автор статьи решил пойти дальше и проверить, сможет ли искусственный интеллект завершить проект до конца под его руководством?

О трудностях с которыми пришлось столкнуться разработчику, а так же о полезных функциях, которые он обнаружил, можно прочитать по ссылке:

https://habr.com/ru/articles/713532/

#chatgpt

​Как упростить для себя рабочий процесс на JavaScript?

Возможно, вам приходилось сталкиваться с объёмными заданиями в работе, к которым вы не знали, как подступить.

По ссылке для вас подробный обзор подходов к разбиению длительных задач в JavaScript на отдельные части:

https://web.dev/optimize-long-tasks/

#javascript

Подборка актуальных вакансий

— Младший Python-разработчик в Kokoc Group
Где: удалённо
Опыт: можно без опыта

— QA Automation Java в Открытие
Где: удалённо
Опыт: от 2 лет

— Программист-разработчик Python в Гринатом
Где: удалённо
Опыт: от 2 лет

— UX-исследователь (Middle/Senior) в Открытие
Где: Москва, можно удалённо
Опыт: от 2 лет

— Python-разработчик в Kokoc Group
Где: удалённо
Опыт: от 3 лет

— UX/UI-дизайнер в Гринатом
Где: удалённо
Опыт: от 3 лет

— Java-разработчик в Гринатом
Где: удалённо
Опыт: от 3 лет

— QA Automation (Python) в Иннотех
Где: удалённо
Опыт: от 3 лет

— Java-разработчик в Иннотех
Где: удалённо
Опыт: от 3 лет

— Middle Golang-разработчик в МТС
Где: удалённо
Опыт: от 3 лет

— Middle+ Senior Java-разработчик в Иннотех
Где: удалённо
Опыт: от 3 лет

— Senior Frontend-разработчик в Kokoc Group
Где: удалённо
Опыт: от 4 лет

#вакансии #работа

Интерактивная модель машинки, написанная на чистом HTML и CSS

Ещё один пример интересного пет-проекта на CodePen. Вы может взаимодействовать с моделью через чекбоксы: открывать двери и капот, добавлять тюнинг и подсветку или заставить машинку ездить по кругу.

По ссылке вы сможете подробно познакомиться с кодом, а так же подглядеть интересные решения для своих проектов:

https://codepen.io/YusukeNakaya/pen/ZadZxL

#css #html

​CSS-селектор: is()

Данный селектор обладает возможностями, о которых вы, возможно не знали. Например, взгляните на картину, при выборе .a .b .c выбирается первый .c. Но при выборе .a :is(.b .c) вы заметите, что выбраны оба.

Подробный обзор со всеми нюансами функционала по ссылке:

https://www.bram.us/2023/01/17/using-is-in-complex-selectors-selects-more-than-you-might-initially-think/

#css

Как сделать приложение более динамичным и отзывчивым

Эффект «boop» — это анимация при наведении. Возможно, такие вещи покажутся вам мелочью, но именно эти детали в итоге могут помочь сделать классный продукт.

Ловите полезный туториал, который научит вас делать необычные эффекты по ховеру на React:

https://habr.com/ru/companies/kts/articles/670234/

#react

​Создание Typing Test приложения

Typing Test App — это приложение, которое позволяет проверять скорость и точность печати. Для его создания автор выбрал React и TypeScript , а для работы с состоянием использовал Redux Toolkit.

С подробным туториалом, а так же с репозиторием проекта вы сможете ознакомиться по ссылке:

https://tproger.ru/articles/sozdanie-typing-test-prilozheniya-na-react-typescript-redux-toolkit/

#react #typescript