Веб-страница
23.9K subscribers
1.77K photos
536 videos
1 file
3.97K links
Всё по фронтенду, бэкенду и девопсу в одном месте

Разместить рекламу: @tproger_sales_bot

Правила общения: https://tprg.ru/rules

Другие каналы: @tproger_channels

Сайт: https://tprg.ru/site

Регистрация в перечне РКН: https://tprg.ru/64ai
Download Telegram
5 технологий, которые через три года станут стандартом для бэкенда: прогноз на основе данных

Мир бэкенда стремительно меняется под влиянием искусственного интеллекта, облачных платформ и новых парадигм разработки. Через три года эти технологии превратятся из модных трендов в привычные инструменты каждого разработчика.

На основе анализа отчётов Gartner, Stack Overflow Developer Survey и открытых данных GitHub мы выделили пять ключевых технологий, которые определят стандарты бэкенд-разработки к 2028 году.

#бэкенд
4🔥1😁1
Forwarded from Типичный программист
Парень поднял веб-сервер на одноразовом вейпе

🔘Казалось бы — просто вейп, а внутри уже ставят ARM-микроконтроллеры. Энтузиаст запустил на этом чипе настоящий HTTP-сервер, который принимает запросы, отдаёт странички и даже шлёт JSON — всё это на 3 КБ RAM и 24 КБ флеш-памяти, без сетевого интерфейса, Wi-Fi или Ethernet.

🔘Данные прогоняются через дебаг-интерфейс, pyOCD, socat и старый добрый SLIP — в итоге микроконтроллер регистрируется как полноценный IP-узел в сети.

🔘TCP/IP-стек — минималистичный uIP, но при этом сервер после оптимизации получился довольно шустрым: страница загружается за 160 мс. Ещё раз, всё это в 24 КБ памяти и 3 КБ RAM.

Достойный приемник Doom по уровню проклятости
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥15😁4👍1
Никто не вернётся в 2007 2015
27🔥4
Вам больше не нужен JavaScript

И не потому, что вы будете писать на другом языке. Просто сегодня CSS и HTML могут заменить значительную часть JS-кода. Здесь собраны интересные решения CSS, которые сегодня отлично работают и освобождают вас от необходимости подтягивать различные JS-файлы.

Подробнее.

#фронтенд #безопасность #javascript #css
😁28👍62💩1
WebAssembly выходит за пределы браузера: серверные и embedded-применения

WebAssembly (WASM) создавался, как безопасная, эффективная и портируемая платформа для компиляции высокоуровневых языков. для работы в браузере. Но сегодня он набирает всё большие обороты и уже выходит за привычные границы. Теперь его можно использовать и для серверных задач, и для бессерверных архитектур.

Как это работает, зачем нужно и что сулит, мы разобрали в статье.

#wasm
🔥1
Forwarded from Код найма
Оффер во фронтенде в 2025: как получить и не облажаться

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

Вместе с редакцией мы упаковали кейс Ярослава в полноценную статью. Она будет полезна всем специалистам, от мала до велика: джун узнает, что должен уметь фронтендер в 2025 году; мидл или сеньор поймет, в какую сторону ему менять свое мышление, чтобы просить на собеседованиях больше.

Если вы хотите повторить опыт Ярослава — обращайтесь к Диме за менторством. У него за плечами 15 лет в индустрии, команды в управлении и супер душевный вайб в общении.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4🗿41👍1
Разработчик объяснил, почему React тормозит развитие фронтенда

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

К такому выводу пришёл разработчик Лорен Стюарт. И в качестве решения этой проблемы предлагает не двигаться по инерции, а оценивать реальные требования проекта, выбирая инструмент под конкретную задачу. Иначе, по его мнению, экосистема будет развиваться гораздо медленнее, чем могла бы.

Что думаете по этому поводу? Согласны или нет?

#react
👍21💩4🤯3👎1🗿1
Что такое call, apply и bind в JS?

Пишите своё понимание в комментариях. А правильный ответ ниже.

call, apply и bind — это методы функций в JavaScript, которые позволяют управлять тем, каким будет значение this при вызове.

➡️ call вызывает функцию сразу и передаёт ей аргументы обычным списком.

➡️ apply тоже вызывает функцию сразу, но аргументы принимает в виде массива.

➡️ bind отличается тем, что не вызывает функцию сразу, а создаёт её копию с заранее «привязанным» контекстом. Эту копию можно вызвать позже.

Если коротко: call и apply нужны для разового вызова функции с определённым контекстом, а bind — чтобы закрепить контекст и использовать его повторно.


#вопросответ
Please open Telegram to view this post
VIEW IN TELEGRAM
👍11🤔31
Media is too big
VIEW IN TELEGRAM
Практика JavaScript: делаем целый сайт за 2 часа с нуля

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

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

Видео взято с YouTube, поэтому если предпочитаете смотреть там, то вот ссылка: youtu.be/0ViiJ8qTCFM

#видео #курс #javascript
🔥41
Айти — все

@your_tech
🤣53🔥1
Какие 4 CSS-свойства вы используете чаще всего?

У всех разные привычки и способы стилизации элементов. Ребята из CSS-TRICKS задумались на тему «чтобы ты взял с собой на необитаемый остров...», но только с поправкой на CSS. Каждый выбрал свои 4 CSS-свойства, без которых не представляет свою вёрстку.

Почитать об их выборе можно здесь. А вы напишите свои варианты и расскажите почему именно так.

#css #фронтенд #обсуждение
👍1🔥1
А бэкенд тогда для чего?
24🫡6👎3💩3🗿2
Node.js фреймворки, или Туда и обратно

Нашёл годный доклад Андрея Мелихова о Node.js фреймворках, который не теряет своей полезности.

За годы разработок enterprise-приложений на Node.js я использовал Express, Nest.js и AWS-лямбды. У каждого подхода есть свои плюсы и минусы, и все они остаются актуальными, но ни одно из этих решений не стало золотым стандартом, и каждый раз, стартуя разработку нового приложения, мы сталкиваемся с выбором — на чём же нам писать. Пора ли забыть навсегда Express? Так ли хорош Nest.js, как рекламирует его автор, и не пора ли уйти на FaaS-решения?


В этом видео он порассуждал на эту тему. Посмотрите, будет полезно.

#доклад #nodejs
👍1🔥1
Получаем оффер во фронтенде в 2025 году

Как сделать всё красиво и не облажаться.

Рынок найма в 2025 году платит хорошо, но выборочно. Мы подготовили разбор кейса с экспертами, которые помогли кандидату выйти на зарплату в 380 000.

В материале вы найдёте советы по резюме, переговорам и навыкам, анализ рынка и разбор типичных ошибок.
🔥63
Примерно так теперь выглядит рынок труда для джунов с появлением ИИ
🤣606🗿5🤯1
Бросаем кости на рандом с CSS random()

Как вы могли догадаться из заголовка, в CSS появилась функция random(), которая позволяет генерировать случайные значения для ваших стилей — позиции, цвета, размера и так далее.

Попробовать пока что её можно в Safari Technology Preview. А узнать о ней подробнее и посмотреть как же всё-таки кидать с помощью неё кости, можно в статье: https://webkit.org/blog/17285/rolling-the-dice-with-css-random/

#css
🔥7👍3🤩1
📎 Полезное для всех кто работает за компом «Как правильно сидеть за столом, чтобы не сломать спину и зрение»

Если вкратце, то:

🔘Стул и стол подбираются так, чтобы ноги стояли на полу, а колени были под углом 90°;
🔘Монитор должен находиться на уровне глаз на расстоянии вытянутой руки;
🔘Спина с опорой на поясницу слегка отклонялась назад;
🔘Отдых для глаз по правилу 20-20-20.

💊 — если сидишь уже дольше 2 часов не вставая

@prog_point #здровье
Please open Telegram to view this post
VIEW IN TELEGRAM
🫡6👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Как работает балансировка нагрузки

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

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

#бэкенд
👍65
This media is not supported in your browser
VIEW IN TELEGRAM
Мини-игра «Выровни картину»

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

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

Проект выполнен с помощью SVG, SCSS и библиотеки GSAP.js.

Посмотреть код можно по ссылке:

https://codepen.io/a-trost/pen/jOZXdoP

#codepen
👍8🔥51