Обсудить можно в нашем чате: @tpverstakchat

Скидки на все обучающие курсы в честь праздника от создателя сообщества Анны Блок! 👩‍💻💐

⚡ С 8 по 10 марта включительно скидки -3000 руб на курсы и марафоны по фронтенд-разработке.

Обновленные цены на сайте 👉🏻 http://frontendblok.com/
Начни своё обучение выгодно!

​​Core Web Vitals: как Google решил оценивать сайты 🤔

Сегодня поговорим о важности пользовательского взаимодействия, ведь совсем скоро придется подготовить свои сайты к максимальному ускорению загрузки. Возможно, вы уже слышали про Core Web Vitals…
В прошлом году Google начал масштабный пересмотр факторов ранжирования в поисковике, чтобы улучшить качество поисковой выдачи. И в ноябре команда Google анонсировала Core Web Vitals — новые факторы оценки качества ресурсов, которые смогут влиять на индексацию и вступят в силу в мае 2021 года.

Читать: https://habr.com/ru/company/rambler_group/blog/544904/

#work

​​Почему вы можете обойтись без Babel 😎

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

Читать: https://habr.com/ru/company/otus/blog/544862/

#work

​​Изучение методов кэширования в React 😎

Сбор данных в React — это одно. Хранение и кэширование этих данных — это другая история. Эта статья исследует различные методики и все их детали и тонкости. Следует ли использовать useMemo или memoization? Нужно ли хранить данные с помощью useState и context? Вы узнаете обо всех тонкостях.

Читать: https://habr.com/ru/company/otus/blog/545570/

#work

Скидки на ВСЕ обучающие курсы! 👩‍💻💐

⚡ С 8 по 10 марта включительно скидки -3000 руб на курсы и марафоны по фронтенд-разработке.

Обновленные цены на сайте 👉🏻 http://frontendblok.com/
Начни своё обучение выгодно!

​​Продвинутые функции гита, о которых вы, возможно, не знали 🤔

Git – очень мощный инструмент, который практически каждый разработчик должен использовать ежедневно, но для большинства из нас git сводится к нескольким командам: pull commit push. Однако, чтобы быть эффективным, продуктивным и обладать всей мощью git, необходимо знать ещё несколько команд и трюков. Итак, в этой статье мы исследуем функции git, которые просто запомнить, применять и настроить, но которые могут сделать ваше время с git гораздо более приятным.

Читать: https://habr.com/ru/company/skillfactory/blog/544864/

#work

ПОСЛЕДНИЙ ДЕНЬ скидок на ВСЕ обучающие курсы! 👩‍💻💐

⚡ С 8 по 10 марта включительно скидки -3000 руб на курсы и марафоны по фронтенд-разработке.

Обновленные цены на сайте 👉🏻 http://frontendblok.com/
Начни своё обучение выгодно!

​​Легкий сокращатель ссылок на JavaScript, Cloudflare Workers и c Telegram Bot'ом 😎

Что делать если нужно быстро создать короткую ссылку? Конечно – использовать сокращатель ссылок. А что если при этом сделать эту ссылку читаемой? Еще и при этом использовать свой личный домен? А лучше было бы делать это без дополнительных серверов. Похоже что ответ есть.

Читать: https://habr.com/ru/post/545170/

#javascript

​​Как превратить Google-таблицы в REST API и использовать их с React-приложением 😃

Взаимодействовать с API никогда не было просто. Но использовали ли вы когда-нибудь React для отправки формы в Google-таблицы? Если нет, то этот туториал для вас. Здесь будет говориться о том, как отправлять данные формы из React в Google-таблицы, так же как вы отправляете данные с помощью REST API.

Читать: https://habr.com/ru/company/skillfactory/blog/544866/

#work

​​Забудьте про div, семантика спасёт интернет 😎

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

Читать: https://habr.com/ru/company/htmlacademy/blog/546500/

#html

​​6 лучших практик React в 2021 году 😃

Написание четкого и удобочитаемого кода необходимо для улучшения его качества. Кроме того, чистый код легче тестировать. Нет причин не потратить пять лишних минут на рефакторинг кода, чтобы сделать его более читаемым. В этой статье рассматриваются шесть лучших практик рефакторинга 2021 года, чтобы улучшить свой код.

Читать: https://habr.com/ru/company/otus/blog/546534/

#work

​​Полноэкранное зацикленное слайд-шоу на JavaScript 😎

Статья рассказывает о создании проекта на чистом javascript для просмотра видео и изображений в зацикленном виде.

Читать: https://habr.com/ru/company/ruvds/blog/546042/

#javascript

​​Как работать с ошибками бизнес-логики через HTTP 🤔

Многие разработчики так или иначе постоянно работают с api по http. Одна из самых главных вещей в хорошем API это формат передачи ошибок. Ведь если это сделано плохо/неудобно, то разработчик, использующий это API, скорее всего не обработает ошибки, а клиенты будут пользоваться молчаливо ломающимся продуктом. В статье расскажется об одной из стратегий по возвращению ошибок.

Читать: https://habr.com/ru/post/545524/

#work

​​Удвойте скорость написания кода на React 💫

Если вы работаете с React или React Native и чувствуете, что у вас медленная скорость написания кода, вы тратите много времени на поиск ошибок, а не на добавление нового функционала, работаете с большими исходными файлами и вам сложно находить нужные части кода, а также многократно реализуете одну и ту же логику, то эта статья для вас. Вы удвоите скорость написания кода, если отрефакторите код в повторно используемые строительные блоки.
Рассмотрим React компонент, который можно хорошо разобрать. И мы будем шаг за шагом реорганизовывать его до хорошего уровня. Вы увидите большое количество идей, которые повысят вашу скорость написания кода.

Читать: https://habr.com/ru/company/skillfactory/blog/546100/

#work

​​Три способа создания клякс с помощью CSS и SVG 😎

Кляксы (Blob) - это гладкие, аморфные, желеобразные формы, обычно причудливые и забавные. Их можно использовать в качестве элементов иллюстраций и фоновых эффектов в сети. Итак, как же они устроены? Разумеется, можно открыть какой-то графический редактор и сделайте их, верно? Конечно, это круто. Но мы пишем здесь о CSS финтах, и было бы гораздо интереснее посмотреть на возможности, которые нам дают CSS и SVG - двух наших любимых ингредиентов! У нас есть несколько способов сделать кляксы. Давай проверим их.

Читать: https://habr.com/ru/post/545932/

#css

Айтишник, перестань уже работать за дошираки! ❌

В новом видео мы обсудим, как айтишникам не топтаться на месте и не бояться повышать прайс на свои услуги.

✅ Смотреть - https://youtu.be/GyC9yX3miNA

Замечали, что кто-то смело называет клиентам цену на свои услуги, в то время, как другие переживают о том, что подумает вторая сторона? Постараюсь в этом видео добавить в вас уверенности и заодно поделюсь ТОП-5 правилами, которые поднимут твой заработок вверх! 😉

​​Вариант повторного использования кода компонентов 😎

Эта статья покажет, как для React-компонентов реализовать один из подходов на основе сущностей и их составляющих. Подход Entity Component используется для решения той же проблемы, что HOC и Custom hooks – повторно использовать код между множеством однотипных объектов/функций и разбить сложный объект на более простые составляющие. Даже если этот подход вам не интересен, как минимум вы увидите, как можно переделать структуру функциональных компоненты и компонентов-классов под свои нужды. Узнаете нестандартные приемы, которые можно использовать при разработке компонентов.

Читать: https://habr.com/ru/post/545064/

#work

Сегодня смотрела документальный фильм “Бэнкси. Рассвет нелегального искусства” и там прозвучала фраза, которая отлично дополнила бы тему вчерашнего ролика - https://youtu.be/GyC9yX3miNA

Казалось бы, при чем здесь Art и IT? Но умение продавать распространяется на все сферы, поэтому цитирую:

«Цены (примечание: на картины) были умеренные и я их поднимал потихоньку. Я считал, что если у кого-то нашлось 500 фунтов, то вероятно, найдется и 1 500. То есть, если нам удалось продать что-то за 500, то в следующий раз будем просить 1 500 и так далее. Прокатили 1 500? Можно ставить и 5 000. Ок, повышаем дальше. В конце концов, когда мы перевалили за 10 000 фунтов я уже перестал называть полную стоимость картины… Думал про себя, что если скажу, что это стоит 15 000, то подавлюсь от смеха и… Называю это цену!»

Пробовали такой метод повышения?

​​Очередной гайд по HTML-элементам, которые можно использовать в каждом проекте 😎

В сети существует множество гайдов, которые описывают назначение HTML-элементов. Однако, многие разработчики используют ограниченный набор элементов. Данная статья рассматривает следующий набор элементов: header, nav, main, section, article, aside, address, и показывает случаи, когда можно их использовать.

Читать: https://habr.com/ru/post/546994/

#html