​Закат фронтенд-разработки

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

В этой статье Джош Комо поделился своим мнением о том, куда движется профессия фронтенд-разработчика, какое у неё будущее и какое влияние на неё окажут нейросети:

https://www.joshwcomeau.com/blog/the-end-of-frontend-development/

Поделитесь своим мнением и вы в комментариях к этому посту!

Основатель «Типичного программиста» в авторском канале рассказывает с чего начинался Tproger (спойлер: с мемов): @nostoppers

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

Несколько примеров постов:

— Есть идея по стартапу. Что дальше?

— Как быть с задачами, которые не делаются?

— Неочевидные правила Daily standup

— Пробежки как способ развития бизнеса

— Правила проведения демо разработки

​PHP жив и будет жить: почему его хоронят больше 10 лет, а он всё никак не умрёт

Шутки о том, что php умер не устаревают уже лет 10 (а то и все 20). Но как показала практика — php все ещё жив.

О том, почему всё так активно хоронят php и почему он всё ещё жив, а также какое будущее его ждёт, — рассказал Кирилл Мокевнин, CEO образовательной платформы Хекслет.

https://tproger.ru/articles/php-zhiv-i-budet-zhit-pochemu-ego-horonyat-bolwe-10-let-a-on-vsyo-nikak-ne-umryot/

#php

​Как использовать многопоточность в Node.js

Node.js запускает код JavaScript в одном потоке, что означает, что ваш код может выполнять только одну задачу одновременно. Хотя сам по себе Node.js является многопоточным. Чтобы сделать его многопоточным существует модуль worker-threads, который позволяет создавать потоки и выполнять несколько задач JavaScript параллельно.

В этом руководстве вы создадите Node.js приложение с ресурсоемкой задачей, которая блокирует основной поток. А затем посмотрите, как worker-threads помогает разделить задачу, ускоряя её выполнение и снижая нагрузку на процессор:

https://www.digitalocean.com/community/tutorials/how-to-use-multithreading-in-node-js

#nodejs

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

​Устраняем недостаток микрофронтендов: четыре способа коммуникации между 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: