Вот это настоящий джун, с которым можно конкурировать на рынке труда

​Устраняем недостаток микрофронтендов: четыре способа коммуникации между frontend-приложениями

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

Но есть у такого подхода и существенный недостаток — сложность во взаимодействии между frontend-приложениями в некоторых ситуациях. В этой статье вы узнаете о 4 способах решения это проблемы:

https://habr.com/ru/companies/simbirsoft/articles/734342/

#микрофронтенд #фронтенд

​Как центрировать в CSS через Flexbox, Grid, Position и Margin

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

Смотрите, изучайте и сохраняйте на будущее, ведь вопрос «как центрировать DIV» актуален всегда:

https://tproger.ru/articles/kak-centrirovat-chto-ugodno-v-css/

#фронтенд #css

​CSR, SSG, SSR — про рендеринг приложений на примерах

Сегодня используется три способа рендеринга страницы: CSR — рендеринг на стороне клиента, SSG — генерация статического сайта и, наконец, SSR — рендеринг на стороне сервера. У каждого из этих подходов есть свои плюсы, минусы и важные особенности.

В статье автор рассказал и показал их основные различия, кейсы использования и практические примеры:

https://habr.com/ru/companies/alfa/articles/725626/

#фронтенд

​Создание часов с помощью новых тригонометрических функций CSS sin() и cos()

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

В этой статье вы познакомитесь с тригонометрическими функциями CSS и даже создадите с помощью них первый проект:

https://css-tricks.com/creating-a-clock-with-the-new-css-sin-and-cos-trigonometry-functions/

#css

​Держите полезную шпаргалку в картинках по CSS Grid

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

https://tproger.ru/articles/polnyj-samouchitel-po-css-grid-so-wpargalkoj/

#шпаргалка #css

​Как хранить лайки социальных сетей в базе данных ScyllaDB

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

О том, как это делается — читайте в статье:

https://tproger.ru/articles/kak-quot-lajki-quot-socialnyh-setej-hranyatsya-v-baze-dannyh/

#бд #бэкенд

​Какие языки, технологии и фреймворки будут популярны в веб-разработке в 2023 году?

Это полноценный трёхчасовой гайд по всем технологиям, языкам, инструментам и фреймворкам веб-разработки, которые будут актуальны в 2023 году.

Смотреть все три часа необязательно, по всему ролику расставлены таймкоды. Так что выбирайте то, что будет интересно вам: https://www.youtube.com/watch?v=u72H_zZzkcw

#тренды

​Обзор Vue 3.3. Что изменилось и при чём тут TypeScript?

Команда Vue сообщила о выпуске версии 3.3 — «Rurouni Kenshin». В новой версии разработчики постарались улучшить опыт разработки. К примеру, было улучшено взаимодействие с SFC <script setup> на TypeScript. Также были решены многие давние проблемы с использованием Vue и TypeScript.

Рассказываем подробнее про эти и другие изменения новой версии фреймворка: https://tproger.ru/articles/vywel-reliz-vue-3-3/

#vue

​​Когда ушел в отпуск, отрубил всё каналы связи, но коллеги знают, что ты читаешь логи сервера:

​30 вопросов на собеседовании фронтенд разработчика

С каждым годом технологии во фронтенде развиваются и изменяются. Это влияет не только на работу разработчиков, но и на вопросы, которые могут задать кандидату во время собеседования. Например, спрашивать про выравнивание с помощью float нет смысла, а вот про опыт работы с микрофронтендом — вполне.

В этой статье мы собрали 30 популярных вопросов, которые сейчас любят задавать рекрутеры на собеседованиях:

https://tproger.ru/articles/20-voprosov-na-sobesedovanii-frontend-razrabotchika/

#фронтенд

​Как заставить бэкендера писать фронтенд

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

Но бывают случаи, когда бэкендеру надо брать всё в свои руки. Эта статья посвящена такому случаю и она покажет, как можно быстро создавать и сопровождать различные элементы проекта:

https://habr.com/ru/companies/yandex/articles/736006/

#бэкенд #фронтенд

​Простота Subject’ов, удобство NGRX: что такое компонентный стор и с чем его едят

Компонентный стор — это библиотека, которая соединяет в себе удобство сервисов и большинство функций классического NGRX. Это не замена глобальному хранилищу, а дополнение, которое закрывает некоторые его недостатки.

В этой статье автор поделился тем, как его команда добавила компонентный стор в их большой проект на Angular использующий NGRX и что из этого вышло:

https://habr.com/ru/companies/tinkoff/articles/735198/

#фронтенд #angular

Магия из г*вна и палок

​Делаем пет-проект для поиска погоды на Vue 3 + OpenWeatherMap API

У нас на сайте появилось пошаговое руководство, которое позволит вам буквально за выходные создать просто приложение для поиска погоды с помощью Vue 3 и OpenWeatherMap API. В ходе проекта вы познакомитесь с возможностями фреймворка Vue, научитесь создавать функцию search() для обработки ответов от API и узнаете ещё много нового и полезного.

Переходите по ссылке и приступайте к созданию нового проекта:

https://tproger.ru/articles/prilozhenie-dlya-poiska-pogody-s-vue-3-openweathermap-api

#vue #api #петпроект

​Новый способ отстоять честь HTML:

​React может заменить бэкенд

Недавно Ден Абрамов написал в своём Twitter, что React-разработчикам больше не понадобится исользование API в своих приложениях. Но как тогда фронтенду общаться с бэком? С помощью React Server Components. Это такие компоненты React, которые будут исполнятся на сервере.

Посмотрите, как это работает и какие возможности открывает:

https://youtu.be/yC_q38uRxCw

#react #бэкенд

​15 качеств, которые понадобятся разработчику веб-приложений

Разработчику необходимы не только профессиональные знания, но и soft skills, то есть качества, помогающие работать в команде и более эффективно решать возникающие перед специалистом задачи.

Список скиллов для построения успешной карьеры — в статье:

https://habr.com/ru/companies/skillbox/articles/735772/

#советы

​Разница между REST, GraphQL и gRPC

Эти три популярных коммуникационных протокола используются для создания веб-API. Каждый из этих протоколов имеет свой набор преимуществ и недостатков, и понимание различий между ними важно для выбора правильного протокола для вашего проекта.

В этой статье вы узнаете о различиях между REST, GraphQL и gRPC, а также изучите основные концепции каждого протокола, их особенности, а также примеры использования:

https://dev-gang.ru/article/raznica-mezhdu-rest-graphql-i-grpc-sd55zqf705/

#бэкенд #api

​Чистые функции в JavaScript: руководство для начинающих

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

Давайте более подробно рассмотрим, что такое чистые функции и почему они полезны:

https://dmitripavlutin.com/javascript-pure-function/

#javascript