tproger_web | Unsorted

Telegram-канал tproger_web - Веб-страница

26007

Всё по фронтенду, бэкенду и девопсу в одном месте Разместить рекламу: @tproger_sales_bot Правила общения: https://tprg.ru/rules Другие каналы: @tproger_channels Сайт: https://tprg.ru/site Регистрация в перечне РКН: https://tprg.ru/64ai

Subscribe to a channel

Веб-страница

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

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

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

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

Читать полностью…

Веб-страница

Шпаргалка по всем шпаргалкам

Это настоящая находка для любого разработчика. Сервис насчитывает около 6000 разнообразных шпаргалок в картинках: по программированию и разработке, обучению, играм и домашнему быту. Т.е. кроме классических шпаргалок по типу регулярок и SQL, тут можно найти шпаргалки по кофейным напиткам, командам в Minecraft и французской грамматике.

Сайт, который достоин быть в закладках

#шпаргалка #general #ru

Читать полностью…

Веб-страница

Все ещё пишете сложные, непроизводительные и «жирные» сайты? Тогда HTMX идёт к вам!

HTMX — библиотека, которая позволяет создавать динамические веб-интерфейсы, используя только HTML и немного JavaScript. И вот небольшое демо, как она работает: https://htmx.org/examples/click-to-edit/#demo

Идея в том, что мы можем запускать интерактивные элементы, написанные с помощью AJAX, CSS Transitions, WebSockets и Server Sent Events, прямо из HTML-кода. HTMX сохраняет преимущества SPA, не требуя полной перезагрузки страницы, и в то же время по простоте она ближе к MPA.

В статье рассказали про Карсона Гросса, создателя HTMX, и про HTMX — красивую альтернативу клиентскому рендерингу на JavaScript: https://habr.com/ru/companies/ruvds/articles/814193/

#javascript

Читать полностью…

Веб-страница

Годных codepen-проектов вам в ленту: Newton's CSS cradle — Колыбель Ньютона

Проект реализован с помощью SCSS. Исходники: https://codepen.io/amit_sheen/pen/XWMXwvJ

👍 — юзабельно
🗿 — троллейбус_из_буханки_хлеба.jpg

#codepen

Читать полностью…

Веб-страница

​​Когда ты веб-разработчик и не можешь придумать, что подарить второй половинке: девушка в Твиттере рассказала, что сделала для своего мужа сайт, где можно выбрать, что он хочет на ужин.

Интересно только, что за валюта такая «lisoin» 

Как думаете, правда или опять не выдуманные истории из жизни для расширения портфолио и саморекламы?

#петпроект

Читать полностью…

Веб-страница

Когда тебя наняли архитектором детских площадок, но в душе ты тестировщик

#кек

Читать полностью…

Веб-страница

​​И это даже не треть всего кода...

Читать полностью…

Веб-страница

Indent Rainbow: наконец уровень отступа читается

Как видно на скриншоте, это расширение окрашивает отступы в цвет то оператора, то функции, то переменной, причём двумя способами (проецирующими линиями или подкрашенными прямоугольниками).

Расширение на Visual Studio Marketplace

@prog_tools

Читать полностью…

Веб-страница

​​Игра «Охота на утку» на CSS

Помните эту легендарную игру на Dendy, где нужно было выстрелить из специального ружья в кинескопный телевизор? Сегодня такую игру может создать практически любой, даже не используя языки программирования.

Автору этой реализации хватило HTML и CSS, обёрнутых препроцессорами: https://tprg.ru/eVuM

#codepen

Читать полностью…

Веб-страница

​​Курс по JavaScript для начинающих

Бесплатный 3-часовой годный курс по современному JavaScript от ребят из freeCodeCamp для тех, кто только начинает знакомится с языком: https://www.youtube.com/watch?v=Zi-Q0t4gMC8

#курс

Читать полностью…

Веб-страница

​​Нужна ли вышка нужна для работы в веб-разработке?

Играет ли роль наличие диплома при устройстве на работу или высшее образование сейчас не так важно для разработчика? Какие «бумажки» действительно сыграют роль на собеседовании, а про какие можно забыть?

Спрашивали ли у вас на собеседовании про ваш вуз? Поделитесь опытом.

#обсуждение

Читать полностью…

Веб-страница

Ребёнок хочет быть айтишником: как ему помочь

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

О том, что же делать в такой ситуации и как бесплатно помочь ребёнку развиваться в интересующем его направлении, рассказали в этой статье

Читать полностью…

Веб-страница

​​​​Крышесносные и не очень трюки из мира Kubernetes

Если разработчик добрался до k8s, то уже, считай, не новичок. А если освоил эфемерные контейнеры для дебага в realtime, то и подавно.

Держите годную подборку приёмов, что улучшат ваш кодерский опыт с этой популярной системой оркестрации: https://overcast.blog/7-mind-blowing-kubernetes-hacks-36037e59bb54

#инструменты #kubernetes

Читать полностью…

Веб-страница

​​Как упавший сервер влияет на SEO и что делать, если страница исчезла из выдачи

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

Статья, в которой попытались разобраться в этом вопросе: https://habr.com/ru/companies/selectel/articles/813855/

#seo

Читать полностью…

Веб-страница

​​Стилизация участков текста с помощью CSS Custom Highlight API

В этой статье рассказали, как с помощью CSS Custom Highlight API можно стилизовать выделенные диапазоны текста, а также разберу теорию на практическом примере: https://tproger.ru/articles/css-custom-highlight-api

#css

Читать полностью…

Веб-страница

Кто такой Head of Profession и зачем он нужен компании

Head of Profession — это суперквалифицированный инженер. У него достаточно знаний по теме, большой опыт, есть определённые успехи, он уже запускал какие-то крупные продукты. И что важно — готов и умеет делиться опытом и знаниями с другими.
 
Если вы обладаете вышеописанными качествами и вас интересует такой трек развития, рекомендуем ознакомиться с этой статьёй. Там детально разобрали его роль и навыки. А также показали на примере команды системных аналитиков, насколько появление такого специалиста повлияло на рабочие процессы.

 #советы

Читать полностью…

Веб-страница

​​В комментариях коллеги подытожили насчет высшего образования в IT.

К сожалению, в основном так и есть...

Читать полностью…

Веб-страница

​​Какие JS-библиотеки использовать для анимаций на сайте?

JS-библиотек более тысячи — они постоянно обновляются, а многие из них создаются сообществом. Собрали и попробовали самые актуальные библиотеки для разработки анимации, такие как Anime.js, Popmotion, Vivus.js, Mo.js и другие.

Делимся обзором на лучшие из них с вами: https://tproger.ru/articles/kakie-js-biblioteki-ispolzovat-dlya-animacij-na-sajte-v-2024-godu

#javascript

Читать полностью…

Веб-страница

Сага о микросервисах и SAGA 📕

Самое сложное в работе с микросервисами — распределённые транзакции, где нет единой базы данных и единой точки входа, а ошибки просто так не откатить 🔙

Решений для оптимизации процесса много, однако у большинства из них весомые недостатки. Оптимальная опция — паттерн SAGA. Он обеспечивает независимые транзакции, а также позволяет быстро откатить изменения. Например, в доставке еды, где происходит подтверждение оплаты, а затем — запрос в ресторан на готовку. Если с оплатой проблема — заказ в ресторане отменится.

У SAGA два паттерна: оркестрация и хореография. В первом случае координатор создает заявку, проверяет её на объёмы и дефекты, а затем отправляет на выполнение. Во втором случае каждый микросервис сам определяет действия на основе событий.

Узнать о процессах больше можно в докладе Антона Ершова, руководителя функции бэкенда в Самолете 10D, на Moscow Python Meetup №90. 🏗️

#шерим

Читать полностью…

Веб-страница

​​Самые популярные вопросы на собеседовании фронтенд-разработчика

Это 55 выпуск видеокаста «Front-end. Вопросы на собеседовании».
В серии видео автор помогает подготовиться к собеседованиям на позицию джуниор и мидл фронтенд-разработчик.

Видеокаст представлять из себя коллекцию технических вопросов, которые можно получить на интервью: https://www.youtube.com/watch?v=PI1X5oFHou8

В этом выпуске:
— Что такое хвостовая рекурсия? Оптимизация рекурсии?
— Что такое и как работает debounce() и throttle() в JavaScript?
— Как в JavaScript работают декораторы? Как они могут быть использованы для модификации поведения классов и методов?
— Как можно создавать пользовательское событие (custom events) в JavaScript?
— Что такое IndexedDB? Как работает IndexedDB?
— Расскажите о методе requestAnimationFrame()?
— Как работают дефолтные параметры в ES6?
— Что такое «BigInt» в ES2020 и для чего он используется?
— Какие нововведения были представлены в ECMAScript 2021 (ES12)?
— Что такое fetch()? Как работает функция fetch()?
— Что такое JSON в JavaScript? Как его можно использовать?
— Что такое и как работает коэффициент сжатия (compression ratio) в контексте веб-разработки?

#собеседование #фронтенд

Читать полностью…

Веб-страница

​​Flexbox Defense — защищаемся башнями и изучаем flexbox

В этой простой игре в стиле Tower Defense вы сможете попрактиковаться в использовании Flexbox CSS. Вас ожидают 12 волн с различными условиями.

Поиграть можно тут:

http://www.flexboxdefense.com/

#css

Читать полностью…

Веб-страница

Что должен знать начинающий фронтендер?
 
Собрали советы для достижения успеха в профессии от опытного фронтенд-разработчика в одну статью. А также ответили на частые вопросы новичков: от зарплаты и стека до перспектив карьерного роста.

https://tproger.ru/articles/frontend-razrabotka--chem-zanimayutsya-i-skolko-zarabatyvayut-specialisty

#фронтенд #советы

Читать полностью…

Веб-страница

Когда присвоил машине z-index: 1000

Читать полностью…

Веб-страница

​​Почему 20 лет все говорят, что PHP умирает, а он жив?

Как 20 лет назад говорили, что скоро PHP умрет, так говорят и до сих пор. Тем не менее, на нем по прежнему работает около 75% веб-сайтов в мире. Ни одна альтернативная технология, а их за эти годы было очень много, не добилась даже сравнимой популярности.

Ещё один взгляд на то, почему PHP так живуч: https://tproger.ru/articles/pochemu-20-let-vse-govoryat--chto-php-umiraet--a-on-zhiv-250384

#php

Читать полностью…

Веб-страница

Сегодня, 17 мая, пройдёт MTC True Tech Day — конференция, посвященная науке и технологиям 

Вас ждут 50 спикеров, 10 часов нетворкинга и 5 тематических треков. Например, в Main track, который уже идёт в Типичном, рассказывают про: 

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

Подключайтесь сейчас, это бесплатно: https://tprg.ru/RrId

А полный список докладов и спикеров смотрите на сайте конференции. 

Это #партнёрский пост

Читать полностью…

Веб-страница

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

Читать полностью…

Веб-страница

​​Когда вернулся на работу после майских:

Читать полностью…

Веб-страница

​​Мужчины думают только об одном...

Читать полностью…

Веб-страница

​​«ChatGPT умнее человека»

Тем временем ChatGPT:

Читать полностью…

Веб-страница

Когда клиент вносит «совсем незначительные» правки в проект:

Читать полностью…
Subscribe to a channel