​Какие языки, технологии и фреймворки будут популярны в веб-разработке в 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

Windows 98 на чистом CSS

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

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

https://codepen.io/smpnjn/pen/ExLbvdJ

#codepen #css

​​Основные коды состояния HTTP на котиках

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

https://http.cat/

#инструменты #веб

Кто его постоянно воскрешает?

​Введение в JavaScript Temporal API

Реализация объекта Date() в JavaScript была скопирована непосредственно из Java в 1995 году. Два года спустя Java отказалась от неё, но в JavaScript она осталась для обратной совместимости. При этом Date() крайне неудобен и часто непредсказуем, а API оставляет желать лучшего.

К счастью, есть Temporal API, которое решает эту проблему. Подробнее о нём:

https://webdevblog.ru/vvedenie-v-javascript-temporal-api/

#javascript

​Как писать комментарии в React: хорошие, плохие и уродливые

Когда дело доходит до написания комментариев, React предлагает синтаксис {/* Comment */}, который может быть немного многословен.

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

https://dmitripavlutin.com/react-comments/

#react #фронтенд

​Алгоритмы JavaScript и структуры данных

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

Убедитесь сами:

https://github.com/trekhleb/javascript-algorithms

#javascript

​5 ошибок, которые можно допустить при запуске первого проекта React

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

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

https://css-tricks.com/5-mistakes-starting-react/

#react