Веб-страница @tproger_web Channel on Telegram

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

@tproger_web


Всё по фронтенду, бэкенду и девопсу в одном месте

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

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

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

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

Регистрация в перечне РКН: https://tprg.ru/64ai

Веб-страница (Russian)

Вы любите программирование и все, что с ним связано? Тогда канал "Веб-страница" (@tproger_web) - это ваш идеальный выбор! Здесь вы найдете все о фронтенде, бэкенде и девопсе в одном месте. Наш канал предлагает самые свежие и актуальные новости из мира технологий, полезные советы, обучающие материалы и многое другое. Если вы хотите разместить рекламу, обратитесь к нашему специальному боту: @tproger_sales_bot. Мы придерживаемся определенных правил общения, которые вы можете найти здесь: https://tprg.ru/rules. Помимо этого, мы также предлагаем другие каналы: @tproger_channels, а также имеем собственный сайт: https://tprg.ru/site. Не забудьте ознакомиться с другими нашими проектами по ссылке: https://tprg.ru/media. Присоединяйтесь к нам прямо сейчас и будьте в курсе всех событий в мире веб-разработки!

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

23 Jan, 19:17


HTTP-запросы: GET, POST и другие

HTTP-запросы — основа взаимодействия между клиентской и серверной частями веб-приложений. В этой статье мы рассказали, как работать с HTTP-запросами в веб-разработке на Node.js, Python и PHP, а также привели примеры на JavaScript с использованием fetch и axios.

#http #api

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

23 Jan, 07:26


Стильная анимация кнопки поиска для вашего сайта

Сделана с помощью классического стека HTML + CSS (SCSS) + JS, поэтому может быть использована вами в любом проекте без установки дополнительных библиотек.

Посмотреть код можно на странице проекта.

#codepen #фронтенд

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

22 Jan, 20:57


Перестаньте молиться на принципы S.O.L.I.D.

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

В связи с этим возникает парадокс: принципы SOLID крайне важны, но каждый понимает их по-своему. Получается, что это уже не какая-то одна концепция, а множество разных под одним названием. Автор сегодняшней статьи предлагает пересмотреть отношение к этим принципам, взглянуть на них свяжим взглядом и, возможно, даже отказать от них. Подробнее: https://habr.com/ru/articles/874584/

#solid

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

22 Jan, 12:08


Создаём свой индикатор прокрутки на чистом JS + SVG-анимация окружности

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

https://youtu.be/ScadOMC4Bko

#видео #фронтенд

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

21 Jan, 20:34


Пример инди-стартапа для чтения книг в оригинале. Что думаете?

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

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

#петпроект #веб

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

21 Jan, 12:38


Эти ребята явно шарят в IT, не так ли?

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

21 Jan, 11:01


Вам от 13 до 20 лет, вы уже знаете основы Python и хотите двигаться дальше, в область современной аналитики? 

Тогда у вас есть крутой шанс прокачать свои навыки на бесплатной программе по анализу данных от Яндекс Лицея! 

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

Набор открыт также на онлайн-программы по веб-разработке на Go и Django, машинному обучению и большим данным. Не откладывайте на следующий год — подайте заявку до 29 января!

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

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

20 Jan, 19:47


Как работает псевдокласс :has() в CSS

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

Как это работает?

element:has(selector) выбирает элемент, который содержит определённого потомка или соответствует указанному селектору.

/* Выбрать карточки, содержащие кнопку */
.card:has(button) {
border: 2px solid blue;
}

Здесь будут выделены только те .card, внутри которых есть <button>.

Зачем он нужен?

1. Работа с родительскими элементами. Например, стилизовать <div>, если внутри него есть конкретный элемент.

2. Условное форматирование. Например, вы можете выбрать контейнеры, в которых есть определённое состояние, например, отмеченный чекбокс.

/* Стилизовать родительский div, если внутри есть отмеченный чекбокс */
div:has(input[type="checkbox"]:checked) {
background-color: lightgreen;
}


#простымисловами #css

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

20 Jan, 07:30


Пишем свой движок для Flexbox-вёрстки

Предлагаем вам написать свой движок для компоновки элементов с нуля на TypeScript. В результате у вас получится аналог Yoga или Stretch, который вы сможете использовать в своих проектах.

Если заинтересовались, то давайте без лишних слов приступим к делу. Подробности по ссылке:

https://tchayen.com/how-to-write-a-flexbox-layout-engine

#фронтенд #typescript #css

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

19 Jan, 20:01


Будущее микросервисов: уйдем ли мы к монолитам 2.0

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

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

#микросервисы

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

18 Jan, 19:38


Крутая анимация перехода с перспективой при скролле

Отличный пример создания красивого перехода. Эффект достигается за счёт увеличения изображений и грамотной работы со слоями. Сделан с помощью библиотеки GSAP.

Посмотреть код можно тут: https://codepen.io/GreenSock/pen/YzbPYMx

#codepen

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

18 Jan, 12:09


Как парсить сайты в обход защиты от парсинга?

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

На Хабре есть неплохой гайд. Делимся с вами: https://habr.com/ru/post/710982/

#linux #html #javascript #сsharp

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

17 Jan, 20:27


Это не его закрыли с сеньорами на одном проекте. Это их закрыли с ним.

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

17 Jan, 15:48


Помоги сделать Tproger интереснее 

Друзья, мы ищем тех, кто:
— Пишет код (и иногда испытывают к нему почти родственные чувства).
— Работает с данными, инфраструктурой или тестированием (и гордится этим).
— Управляет проектами, командой (или хотя бы котом).
— Просто интересуется IT.

Сейчас нам очень важно ваше мнение про Tproger и как сделать его лучше. Займёт не более 2-3 минут, если ни на что не отвлекаться.

Ссылка на анкету: https://tprg.ru/zmo2

#tproger

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

17 Jan, 12:27


Как сделать анимацию разными способами

Во фронтенде существует куча способов создать анимации: HTML + CSS, Canvas, SVG, WebP, Lottie и так далее. Каждый из вариантов даёт различные преимущества.

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

#фронтенд #css #canvas

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

16 Jan, 18:33


CSS-вишлист 2025

Что бы вы добавили в CSS в этом году? Каждый год язык обрастает новыми возможностями и этот не исключение. Мы не знаем наверняка, что именно попадёт в релизную версию, но можем с вами пофантазировать, как это сделали ребята в этой статье. Они предлагают добавить if(), новые атрибуты в link() и многое другое.ъ

Со всеми идеями можете ознакомиться в материале, а пока напишите в комментариях, чего вам не хватает в CSS сегодня.

#css

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

16 Jan, 10:38


Дорожная карта фронтенд-разработчика

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

#видео #фронтенд

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

15 Jan, 05:37


Слайдер настроения на чистом JS

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

Создан он с помощью SCSS и JS. Забрать код в свой проект или изучить подробнее можно по ссылке на codepen.

#codepen #слайдер #ui

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

14 Jan, 21:12


Упрощаем создание SVG-фигур

Если вам необходимо быстро создать фигуру необычной формы с помощью SVG, то попробуйте воспользоваться Blobmaker. Он позволяет быстро сгенерировать «кляксу» нужной вам формы всего в несколько нажатий. Выберите количество необходимых точек фигуры, а затем насколько она должна быть кривой и сохраните её. Вы также можете скопировать код и сразу вставить на страницу.

Работает бесплатно, попробуйте сами: https://www.blobmaker.app/

#инструменты #фронтенд

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

14 Jan, 14:29


Рунет прилёг отдохнуть

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

Почувствовали на себе?

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

14 Jan, 13:57


Кто в IT зарабатывает больше всех: статистика 2025 года

Максимальный рост зарплат в прошлом году наблюдался... Угадайте у кого? Правильно, у разработчиков 1С. А средняя зарплата у опытного фронтенд-разработчика составляет в районе 350к рублей. Сейчас зарплаты в айти растут в геометрической прогрессии, правда, как и требования к самим программистам и разработчикам.

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

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

14 Jan, 05:12


Признавайтесь, кто тоже только что узнал?

pyscript.net

@zen_of_python

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

13 Jan, 14:12


Шок! Леди Гага слила свой приватный SSH-ключ.

Кидайте в комменты варианты для чего он.

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

13 Jan, 07:38


Продвинутый бэкенд на Node.js

В этом видео вы узнаете, как реализовать масштабируемый бэкенд на Node.js с использованием фреймворка Nest.js. В качестве СУБД здесь используется PostgreSQL в связке с ORM Sequelize на Node.js. Вы также увидите, как обернуть приложение на Node.js в docker и docker compose.

https://youtu.be/dDeWWQWMM-Y

#бэкенд #nodejs #nestjs #postgresql

p.s. Дайте знать, если будут проблемы с видео на мобилках. Telegram в последнее время багует, особенно с видео

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

12 Jan, 15:14


Необычные эффекты по ховеру, или введение в React-Spring

Анимация при наведении – прекрасный способ сделать приложение динамичным и отзывчивым. Это мелочь, которая делает взаимодействие с продуктом уникальным и запоминающимся.

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

https://habr.com/ru/company/kts/blog/670234/

#react

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

12 Jan, 08:38


Performance и оптимизация TypeScript-типов в больших проектах

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

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

#typescript

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

11 Jan, 14:09


Что такое траст сайта: подробный разбор и выводы

Траст сайта (от англ. «доверие») — уровень доверия поисковой системы к сайту. Если поисковая система доверяет сайту, то будет лучше и быстрее выводит сайт в топ, многое позволять и на многое закрывать глаза.

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

#видео #seo

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

11 Jan, 08:03


Impatiently Waiting — элемент загрузки на HTML и SCSS

Больше лоадеров богу лоадеров! На этот раз предлагаем вам познакомиться с забавным вариантом, который нарисован с помощью SVG и анимирован с помощью SCSS.

С кодом проекта можно ознакомиться по ссылке: https://codepen.io/jkantner/pen/VwooLxv

#codepen #svg #scss #лоадер

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

10 Jan, 13:38


elfsight — более 90 виджетов для вебсайтов без необходимости кодить

Если вам нужно добавить какой-то полезный виджет, но писать его с нуля или настраивать нет времени и желания, то попробуйте найти нужный на этом сайте. Здесь собраны виджеты, которые встраиваются даже без знания кода и позволяют добавить карты, чаты, формы, встраиваемый контент из соцсетей и многое другое.

#инструменты #фронтенд

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

10 Jan, 07:08


9 команд GIT, о которых нужно знать

Большинство из нас придерживаются основ: git addgit commit, git push, и, честно говоря, это работает пока…

В какой-то момент вы столкнетесь с препятствием — запутанной историей, сломанной веткой или ошибкой, которую вы просто не можете отследить.

Вот тогда эти 9 команд станут настоящим спасением.

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

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

09 Jan, 13:09


Знаменитый видеокурс для самых маленьких

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

09 Jan, 06:38


HTML и CSS ошибки, влияющие на доступность. Опыт незрячего

Многие разработчики думают, что доступность реализуется только с помощью aria-атрибутов. Конечно, они нужны, но HTML и CSS такая же важная часть. Эти технологии несут в себе кучу скрытых моментов, влияющих на доступность.

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

https://habr.com/ru/companies/ruvds/articles/757490/

#фронтенд

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

08 Jan, 09:37


Хотите оффер? Ловите 7 портфолио фронтендеров, которые вдохновляют

Без хорошего портфолио трудно выделиться среди кандидатов, которые сотнями присылают отклики на действительно крутые вакансии. Показываем 7 классных портфолио, которые вдохновят вас и подскажут, как выделиться вам.

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

07 Jan, 08:09


Онлайн-песочница для обучения и тестирования SQL

SQL Playground — это бесплатный сервис, который позволяет вам изучать SQL и тестировать различные запросы как в MySQL, так и в PostgreSQL. Работает песочница прямо в браузере, при этом поддерживает подсветку синтаксиса и обладает автоматических генератором схем БД.

Пробуем по ссылке: sqlplayground.app

#инструменты #sql #бд

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

06 Jan, 11:03


Это не работа, это искусство

#кек

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

05 Jan, 15:32


Как Pegasus следит за нами: новогодний выпуск

Достаём остатки оливьешки и готовимся к просмотру: в праздничном выпуске Лера и Булат обсудили, как шпионское ПО Pegasus стало инструментом слежки за активистами, журналистами и политиками.

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

А если вы уже успели глянуть этот выпуск и завершить марафон по Гарри Поттеру до финальных титров, то вдогонку держите плейлисты всех выпусков Айти Крайм за 2024 год: Яндекс.Музыка | Apple Music | Spotify | Telegram | YouTube

#позалипать #подкаст

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

05 Jan, 10:09


Почему PHP никто не любит? Пишите свои варианты в комменты

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

04 Jan, 08:02


Оптимизация сайта от А до Я

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

Сегодня предлагаю вам подробнее познакомиться с сервисом PageSpeed Insights от Google. Он позволяет провести анализ сайта и дает определенные рекомендации по его оптимизации.

Подробнее в видео.

#видео

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

03 Jan, 07:28


REST API Generator — полезный инструмент для генерации тестовых REST API

Представьте, что бэкенд ещё не готов, а фронтендер бьёт копытом и хочет продолжать работу, невзирая на отсутствие API. Для этого и нужен этот инструмент. Он позволяет без развёртывания создавать:

— методы GET, POST, PUT и DELETE;
— случайные данные для ответов;
— поддерживает HTTPS и CORS.

Пользуйтесь, пока бесплатно. Ссылка: https://retool.com/api-generator

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

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

02 Jan, 13:13


SSL-сертификаты: что это такое, какие они бывают и зачем их получать

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

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

#ssl #веб #безопасность

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

31 Dec, 09:08


Уже составили планы на 2025?

Предлагаем новогодний интерактив! В комментах к этому посту пишите начало фразы «В Новом году я обещаю», а продолжайте её с помощью Т9 (например, с помощью варианта посередине).

Посмотрим, у кого получится самый неожиданный и оригинальный вариант.

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

30 Dec, 13:38


Универсальный стартовый шаблон для ваших пет-проектов с JS, SASS и Vite

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

Вы также узнаете, как развернуть проект и заставить всё работать вместе, а также какую структуру папок использовать.

#видео #javascript #петпроект

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

30 Dec, 11:02


Каждый день мы пользуемся различными сервисами и приложениями. Но знаете ли вы, кто за ними стоит?

90% IT-продуктов — от сервисов доставки еды до стриминговых платформ — созданы с участием продакт-менеджеров. Именно они решают, какие функции нужны в приложении и как сделать так, чтобы им пользовались миллионы людей.

А теперь представьте, что уже через 10 месяцев вы тоже сможете стать продактом. На обновленном курсе «Профессия Продакт-менеджер» от ProductStar можно с нуля освоить эту востребованную специальность и начать карьеру в IT без навыков программирования.

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

Получите как теоретические знания, так и практический опыт работы. Вас ждут:
— воркшопы и бизнес-кейсы от IT-компаний;
— стажировка у партнеров ProductStar;
— индивидуальная поддержка менторов;
— помощь с подготовкой резюме и поиском работы.

Поток стартует 20 января 2025 года. Успейте забрать курс с новогодней скидкой до 70% и получите подарки для саморазвития за покупку. Акция продлится до 8 января включительно.

Реклама. Рекламодатель: ООО "ТРИВИУМ" ИНН: 7806297293

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

30 Dec, 06:16


Парольная защита статичной HTML-страницы на JS

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

Для этих целей также есть специальные инструменты. В этой статье речь пойдёт о StatiCrypt и Portable Secret. Вы узнаете, как они работают.

#javascript #безопасность

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

29 Dec, 13:36


#простымисловами: Разница между null, undefined и NaN в JavaScript

В JavaScript часто путаются три специальных значения: null, undefined и NaN. Они встречаются в самых разных ситуациях, и их понимание поможет избежать множества досадных ошибок в коде. Давайте разберёмся, что означает каждое из них, на примерах.

1. undefined

undefined используется, чтобы обозначить переменную или свойство, значение которых ещё не было установлено.

Самый яркий пример: если вы создаёте переменную, но ничего не присваиваете ей, то её значение будет undefined.

let a; // Переменная создана, но ей ничего не присвоено
console.log(a); // Выведет: undefined


То же самое происходит, если вы пытаетесь обратиться к свойству объекта, которого не существует:

const obj = {};
console.log(obj.key); // undefined, потому что свойства key просто нет


Ещё undefined возвращается, когда функция ничего не возвращает явно:

function sayHello() {
console.log("Hello!");
}
console.log(sayHello()); // undefined, так как ничего не возвращается


2. null

null используют, когда нужно явно указать, что значения у чего-то быть не должно. Это не ошибка, а осознанное решение разработчика.

Например, у вас есть переменная, и вы хотите сказать: "Тут ничего нет". Для этого вы присваиваете ей null:

let result = null; // Явно указали, что значения здесь пока нет


В отличие от undefined, null устанавливается вручную. Это, по сути, способ сказать «очищено» или «пусто».

let user = { name: "Anna" };
user = null; // Теперь внутри переменной user ничего нет


3. NaN

NaN появляется, когда вы пытаетесь выполнить математическую операцию, которая не имеет числового результата.

Пример: деление строки на число. Это просто не имеет смысла, поэтому результатом будет NaN.

let value = "hello" / 2; // Попытка деления строки "hello" на число
console.log(value); // NaN


Стоит помнить, что NaN — это числовой тип (да, иронично), но означает что-то, что не число.

Вот ещё ситуации, где встречается NaN:

console.log(parseInt("abc")); // NaN, не удалось преобразовать строку в число
console.log(Math.sqrt(-1)); // NaN, корень отрицательного числа не определён


Забавные особенности

typeof null возвращает "object", что является исторической ошибкой JavaScript. Не путайте это с объектами: null — это отдельное значение, которое просто так "зависло" в объектной категории.

isNaN — интересный метод для проверки, является ли значение "не числом", но сам метод не идеален:


isNaN("hello"); // true, это NaN
isNaN("123"); // false, это число

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

29 Dec, 07:11


Создаём 3 проекта на React за 8 часов

В этом видеоуроке показывается, как реализовать — клон YouTube, профессиональное приложение для фитнес-упражнений и Lyriks — улучшенную версию Spotify. Вы научитесь создавать современные пользовательские интерфейсы с помощью Tailwind CSS, управлять состоянием с помощью React Context API, а также получать данные используя RapidAPI.

В конце курса у вас будет 3 профессиональных портфолио.

#react #видео

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

28 Dec, 14:07


devv.ai | Claude Haiku, Gemini 1.5 Pro без VPN и оплаты

Сервис агрегировал лучшие кодерские нейронки вроде ChatGPT 4o-mini, Claude Haiku и Gemini 1.5 Flash Pro и предлагает переключаться между ними с целью добиться решения своей задачи. Пока проект в стадии «пробуем на публике», денег не берут, так что пользуйтесь, пока дают!

Попробовать

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

28 Dec, 09:59


Пора завершать испытания новичка в межгалактической команде Мир Plat.Form

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

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

28 Dec, 07:14


Как переписать библиотеку с JS на Rust

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

Автор этой статьи так и сделал, сократив время на вычисления почти в три раза. Он поделился тем, как подружил Rust с Node,js и с какими сложностями столкнулся.

#rust #nodejs #бэкенд

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

27 Dec, 12:07


Я вот 3000 вообще не использую. А вы?

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

27 Dec, 11:01


RTSP.ME сделают ваш сайт более интерактивным!
 
Добиться такого эффекта можно с помощью онлайн-трансляций с камер наблюдения. Их легко интегрировать с RTSP.ME!
 
Что вы получите?
— Лёгкую интеграцию видеопотока с IP-камер.
— Быструю настройку: трансляция на сайте за 1 клик.
— Надёжную платформу с высокой скоростью передачи данных.
 
Где это актуально?
— Строительство: показывайте процесс стройки в реальном времени своим клиентам.
— Курорты: транслируйте пляжи, бассейны или виды с отеля.
— Магазины: демонстрируйте товары или активность в торговом зале.
— Специфические случаи: например, трансляция церемоний.
 
Сервис позволяет максимально упростить процесс интеграции. Никаких сложных настроек! Вы получаете готовый код для встраивания, который идеально работает на любом сайте.
 
Присоединяйтесь к RTSP.ME и откройте новые возможности для ваших клиентов!
Попробуйте уже сейчас: https://rtsp.me
 
Это #партнёрский пост

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

27 Dec, 05:08


Почему GitFlic — это надёжнее и удобнее чем GitHub и GitLab

В последние пару лет для российских разработчиков на первый план вышли вопросы безопасности и доступности инструментов. Зависимость от международных сервисов стала головной болью: блокировки GitHub или ограничение возможностей GitLab показали, что контроль и доступ к своим проектам — это то, что нужно оценивать в первую очередь при работе с платформой.

Что делать? Опираться на собственные решения. Именно такой подход реализован в платформе GitFlic. Это независимая российская платформа, созданная с нуля, способная удовлетворить потребности как индивидуальных разработчиков, так и крупных организаций, не являясь форком популярного ПО. Вопрос о полной замене GitHub и GitLab остаётся открытым, и в статье мы рассмотрим основные возможности GitFlic.

#github #gitflic

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

26 Dec, 16:08


Хотите работать с микросервисами? Тогда держите небольшо роадмап по технологиям, которые необходимы для создания качественных микросервисов.

#roadmap #микросервисы

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

26 Dec, 11:31


Как проверить стабильность узлов?

Таким вопросом задается в новой серии новичок Эндрю, проходящий испытания в межгалактической команде Мир Plat.Form. Уже получив опыт в оптимизации узлов и создании резервных узлов, пришло время третьего задания. Поможете герою с выбором действий?

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

26 Dec, 07:28


Как интернационализировать (i18n) бэкенда в Express с использованием Intlayer

Intlayer — это библиотека JavaScript, которая позволяет объявлять ваш контент по всему коду. Она преобразует многоязычные объявления контента в структурированные словари, упрощая интеграцию.

В этом руководстве вы узнаете, как добавить поддержку нескольких языков в API на основе Express с использованием Intlayer. Вы научитесь отображать сообщения об ошибках на языке пользователя, отправлять многоязычные уведомления и обслуживать контент на различных языках.

#бэкенд #express

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

25 Dec, 15:04


Если вашем виш-листе на 2025 год есть пункт «Прокачаться в карьере», то…

скорее проходите в зрительный зал, присаживайтесь и узнавайте всё самое важное с конференции Avito All Day Long! Изучите доклады, сделайте буст знаний по хардам и софтам, и профессиональный взлёт не заставит ждать: https://tprg.ru/PYT4

Реклама

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

25 Dec, 11:40


Закрываем задачи перед Новым годом: что горит, а что можно отложить

В IT не успевать в дедлайны становится базой, и, как ни странно, последствия больше всего ощущаются именно перед Новому году.

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

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

25 Dec, 09:01


Google Play уходит, а ваши платежи остаются!

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

С CloudPayments монетизация бизнеса продолжит работать без перебоев!

Интегрируйте сценарии оплаты через мобильный SDK и получите весь инструментарий платёжного сервиса CloudPayments:

— Сервис подписок — настройте рекуррентные платежи через удобный UI и получайте прогнозируемую прибыль 
— Приём международных платежей — ваши клиенты смогут оплачивать покупки из любой точки мира
— Все платёжные методы — от T-Pay до СБП. Ваши покупатели точно найдут удобный для них способ оплаты

Подключить сервис легче, чем вы думаете
Ассистенты Cloud всегда помогут с реализацией ваших идей.

Подключение: https://clck.ru/3FQ6tZ

Подписывайтесь на канал Cloud и получайте ещё больше полезной информации о приёме онлайн-платежей.

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

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

25 Dec, 05:33


SDUI, или Как бэкенд-разработчику почувствовать себя фронтендером

Server Driven UI (SDUI) — это пользовательский интерфейс, управляемый сервером. Он сокращает клиентскую логику и обеспечивает согласованность между клиентскими платформами (web, iOS, Android и т. д.) за счёт возврата информации о продукте (элементов экрана для отображения и их содержимом) из API.

Другими словами, эта технология позволяет UI сделать запрос к API и получить в ответ JSON, в котором содержатся компоненты экрана (кнопки, checkbox’ы, поля для ввода и т. д.), а также логика их отображения под необходимую платформу.

Как это работает, рассказали в статье.

#ui #бэкенд #sdui

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

24 Dec, 15:04


Бесплатный курс по Node.js для Web3

Metalamp запустила новый бесплатный курс для разработчиков, которые хотят погрузиться в Web3 и бэкенд-разработку. В рамках программы вы поэтапно освоите ключевые концепции: работу с асинхронным кодом, создание серверных приложений, взаимодействие с базами данных, разработку ботов и работу с блокчейн-сетями.

Программа состоит из теоретического блока и пяти практических заданий, каждое из которых помогает освоить определенные технологии и шаблоны разработки. Шаг за шагом вы будете учиться применять различные подходы и инструменты. После прохождения всех этапов у вас будут как теоретические знания, так и практические навыки для создания современных приложений на Node.js.

Начать можно по ссылке.

#курс #web3 #nodejs

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

24 Dec, 10:05


Новогодний генератор снежинок на JS

Сейчас на codepen проходит новогодний челленедж. Каждая неделя — новая тема. Прошлая была посвящена снежинкам и хочу показать вам один проект, который там отметился. Это генератор снежинок, написанный на JavaScript.

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

Посмотреть принцип работы кода можно на странице проекта.

#codepen #javascript

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

23 Dec, 17:35


Подробный урок по Vite для начинающих

Vite — это инструмент для сборки и сервер для современной веб-разработки. Он опережает по скорости Webpack и использует множество современных возможностей браузеров.

В этом видео мы с вами рассмотрим установку и настройку Vite, а также его работу с React приложением, создание модулей, глобальных переменных и многое другое.

#vite #video

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

23 Dec, 16:33


Продолжение комикса уже подоспело

Вы не забыли, как Эндрю выбирал между оптимизацией работы узла и заменой старого узла на новый? С вашей помощью он сделал правильный выбор и, завершив задачу, пришел к новой развилке: теперь вопрос задает сотрудник исследовательского центра Мир Plat.Form. Поможете с выбором?

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

23 Dec, 07:05


RUINSWORD: Многопользовательский шутер с открытым миром для браузера на JS/TS, Three и Vue

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

Если вам хочется попробовать игру самостоятельно и вы не боитесь багов бета-версии, то кликайте по ссылке. А если вам интересно узнать технические подробности проекта и почитать с какими трудностями столкнулся разработчик, то залетайте в статью.

#gamedev #vue #threejs

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

22 Dec, 12:06


Здравствуйте, мистер Андерсон

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

22 Dec, 06:34


Vite 6.0: Новые возможности и будущее веб-разработки

26 ноября вышла новая мажорная версия Vite, которая принесла много нового. Например:

1. новое экспериментальное API для переменных окружения;
2. обновление поддержки версий Node.js;
3. значение по умолчанию для resolve.conditions;
4. JSON stringify;
5. расширенная поддержка ссылок на ассеты в элементах HTML;
6. postcss-load-config;
7. Sass теперь использует modern API по умолчанию;
8. кастомизация CSS названий файлов на выходе в library mode.

Более подробно о каждом обновлении в статье.

#новости #vite

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

21 Dec, 14:07


HellPot | Бесконечный honeypot для HTTP-ботов

Этот инструмент отправляет непослушных ботов в ад. запускает бесконечный поток данных, чтобы они теряли свои «души». В его основе движок, что использует фрагменты произведений Ницше. Написан на Go, поддерживает конфиги в .toml.

Цена: бесплатно  
Репозиторий проекта

— актуально
🗿 — Бог миловал

@prog_tools

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

21 Dec, 07:33


Perspective Loader на чистом CSS

Вы, скорее всего, видели этот шуточный ролик, где показывается почему на самом деле лоадер прерывается во время загрузки или установки.

Пользователь CodePen решил повторить его во фронтенде и сделал анимацию, которая работает исключительно на HTML и CSS.

Посмотреть код можно здесь:
https://codepen.io/jh3y/pen/xxWdOQy

#codepen #css

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

20 Dec, 10:08


#простымисловами: Почему изображения тормозят сайты и что делать

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

Начните с малого: проверьте текущие изображения на сайте и попробуйте применить хотя бы пару советов из этих карточек — разницу вы заметите сразу!

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

29 Nov, 13:36


Буква D в IDE означает Dramatic

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

29 Nov, 12:02


Яндекс Практикум обучает аналитиков данных

Если вы хотите перезапустить карьеру без отрыва от привычной жизни, курс с 75% практики идеально подойдёт. Вас ждут 4+ больших проекта, диплом гособразца, подарки, а также помощь с поиском работы.

А ещё у ребят идет черная пятница: пройдите первую учебную тему курса до 30 ноября и получите скидку 20% на обучение.

Станьте частью востребованной профессии!

Начать учиться

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

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

29 Nov, 06:06


Саморисующиеся фигуры на CSS

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

Всё, что вам требуется, добавить в код SVG к строку pathLength="1", а затем прописать следующие стили в CSS:

path {
stroke-dasharray: 1;
stroke-dashoffset: 1;
animation: dash 5s linear forwards;
}

@keyframes dash {
from {
stroke-dashoffset: 1;
}
to {
stroke-dashoffset: 0;
}
}


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

Подробнее о способе можно почитать здесь.

#css #лайфхак

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

28 Nov, 14:15


Новый уровень продуктивной разработки: добро пожаловать на платформу GitVerse 

На платформе для работы с исходным кодом GitVerse можно легко и удобно организовать разработку любых проектов: писать и проверять код, автоматизировать CI/CD-процессы, общаться с единомышленниками и стать частью open source сообщества.

Что еще могут пользователи GitVerse:
– переносить проекты с других git-площадок в один клик;
– размещать открытые и приватные репозитории, работать самостоятельно и в командах;
– управлять проектами с помощью удобных досок и карточек, назначать роли, ревьюеров и делать все процессы прозрачными;
– делегировать рутинные задачи AI-ассистенту GigaCode, чтобы посвятить время по-настоящему интересным задачам!

Регистрируйтесь на платформе GitVerse и повышайте эффективность разработки!

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

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

28 Nov, 12:14


Подборка бесплатных библиотек иконок для ваших проектов

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

Iconoir — коллекция из более чем 1500 иконок, поддерживающая работу с React, Vue и Flutter. Благодаря SVG и JSX легко адаптируется для разных платформ.

Phosphor Icons — библиотека с более чем 9000 иконок в разных стилях и весах. Pixel-perfect дизайн делает её подходящей для профессиональных решений.

Material Icons — классика Material Design с 2100+ иконками в разных форматах и стилях. Подходит для универсальных и лаконичных интерфейсов.

Bootstrap Icons — официальная библиотека Bootstrap с 2000+ иконками. Универсальный выбор благодаря поддержке SVG, PNG и других форматов.

Feather Icons — минималистичная коллекция из 280+ иконок, созданная для современных интерфейсов. Простота и элегантность — её главные черты.

Octicons — иконки от GitHub с простым дизайном, которые подходят для интерфейсов разработчиков. Отличный выбор для веб-платформ.

Heroicons — набор из 450+ иконок в двух стилях: контурном и с заливкой. Чистый и современный внешний вид гарантирует стильный дизайн.

Lineicons — современная библиотека с 500+ иконками в стиле линейного искусства. Простота интеграции и поддержка множества форматов делают её удобным выбором для веб-дизайна.


Какую ещё библиотеку нам стоило включить в подборку?

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

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

28 Nov, 11:02


Frontend Community Екатеринбурга — залетайте на митап в Технохаб

Когда: 3 декабря, 18:00
Офлайн: Технохаб Сбера, ул. Розы Люксембург, 56а, Екатеринбург

О чем поговорим:
 
Программы, которые пишут программы: как мы внедрили скаффолдинг во фронтенде
Александр Абрамов, Сбер, расскажет, как скаффолдинг помогает снизить порог входа в проект, снизить bus-factor и повысить консистентность кода.

Typescript на максималках: как сделать код более гибким и надёжным
Константин Логиновских, Cloud.ru, поделится секретами, как повысить гибкость и надежность кода.

Open Talk: «Назад в будущее — новый взгляд на веб»
ИТ-лидеры Сбера обсудят, что нужно веб-разработке, чтобы быть полноценной альтернативой нативным решениям, какие веб-приложения уже сегодня выходят за рамки классических браузеров и, конечно, в чем сила веба на сегодняшний день.

А еще вас ждут: 
фуршет, подарки и много общения с топовыми экспертами — не упустите шанс и приходите за новыми идеями и вдохновением!

Регистрация на митап и детали программы

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

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

28 Nov, 05:31


Делаем админскую панель со статистикой

Это большой курс, на котором вы научитесь создавать дашборд с анимацией, чартами и таблицами.

Фронтенд будет разрабатываться на Next.js / React. Стили реализуем с использованием Tailwind CSS. А также добавим типизацию с помощью TypeScript. Бэкенд А ещё поработаем с chart.js и framer motion.

Взято отсюда.

#курс #туториал

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

27 Nov, 14:03


10 признаков плохого кода

Проблема плохих программистов в том, что они не знают об этом. Они пишут, как умеют, а вот разбираться с этим приходится другим.

Чтобы вы не стали плохими программистами, лучше заранее знать о признаках, выдающих плохие практики в разработке ПО. Например, хардкод, сложные условия и так далее. Изучите их, чтобы быть уверенными в собственном коде.

Подробности в статье.

#советы

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

27 Nov, 05:02


Что происходит, когда вы вводите адрес сайта и нажимаете Enter

Несмотря на фундаментальность вопроса, в нем ошибаются или не могут дать точного ответа даже Senior-разработчкии. Что уж говорить о джунах.

Но теперь вы можете разобраться в вопросе благодаря этой статье. Здесь без сложных терминов вы изучите процесс от ввода URL до полной загрузки и отображения страницы в браузере.

#веб #сеть

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

26 Nov, 15:06


Учимся работать с DOM в JS

Урок для начинающих, который поможет вам разобраться, как работать с элементами DOM-дерева в JavaScript. За полчаса вы пройдёте 26 упражнений, где вы научитесь:

— создавать и удалять элементы на нашей странице;
— динамически создавать HTML-разметку;
— добавлять классы к элементам;
— использовать обработчики событий на созданных элементах
и многому другому.

Смотреть можно здесь или на YouTube.

#видео #javascript #начинающим

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

26 Nov, 07:14


Сокращения JavaScript экономящие время

Разработчик, пишущий чистый, эффективный и лаконичный код может значительно сократить время разработки. И понимание ряда удобных сокращений JavaScript может сделать код более читаемым и помочь избежать повторяющихся шаблонов.

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

https://www.dev-notes.ru/articles/javascript/ten-javascript-shortcuts-to-save-hours-of-coding/

#javascript

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

25 Nov, 15:46


Коллекция лоадеров и скелетонов для вашего проекта

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

Все они выполнены на HTML и CSS с применением препроцессоров. Так что всё, что вам нужно сделать — скопировать их в свой проект.

#html #css #лоадер

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

25 Nov, 10:01


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

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

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

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

#фронтенд

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

20 Nov, 15:55


Как подросток превратил Twitter в личную машину для кражи денег?

Представьте: аккаунты Илона Маска, Билла Гейтса, Джеффа Безоса и даже Apple начинают публиковать странные твиты про биткоины.

Мир в шоке, миллионы людей в недоумении, а за всем этим стоит... 17-летний парень.

Как он провернул крупнейший взлом соцсетей в истории? Кто ему помогал? И почему даже опытные хакеры аплодировали этой дерзости?

В новом выпуске подкаста «АЙТИ КРАЙМ» мы разбираем взлом, который поставил под удар доверие к крупнейшей платформе и заставил весь мир задуматься: а насколько безопасны наши любимые соцсети?

Слушайте и смотрите новый выпуск:

Яндекс.Музыка
Apple Music
Spotify
YouTube
Telegram

#подкаст #айтикрайм

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

20 Nov, 12:29


Зачем нужны брокеры типа Apache Kafka?

Чтобы контролировать обмен сообщениями между разными компонентами в сложных распределённых IT-системах.

Apache Kafka предназначен для обработки потоков данных в режиме реального времени. Его можно сравнить с почтой — одни сервисы передают туда сообщения-письма, а другие — получают.

На курсе «Apache Kafka для разработки и архитектуры» от Яндекс Практикума за 3 месяца вы освоите навыки, которые помогут работать с более сложными продуктами, и сможете повысить свой уровень как специалист. Этот курс не про базу работы с Apache Kafka, а про комплексное погружение в инструмент.

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

Пройдите бесплатный тест и поймите, подходит ли вам курс.
Начните учиться уже сейчас!

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

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

20 Nov, 09:12


Позиционируем плавающие элементы без лишних сложностей

В этом нам поможет JavaScript-библиотека Floating UI. Она не только упрощает размещение элементов в нестандартном месте, но и помогает добавлять им интерактивность.

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

Сохраняйте себе в библиотеку в закладки, чтобы не потерять.

#библиотека #javascript

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

19 Nov, 13:57


Как разобрать HTML в JavaScript

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

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

#javascript #html #парсинг

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

19 Nov, 11:05


Почта на прокачку: как повысить защиту Microsoft Exchange и не слить чувствительные данные в сеть

Когда: 27 ноября, 11:00 по Москве
Регистрируйтесь на вебинар!

SuperHardio time*! Чтобы узнать, как захардкорить самое ценное и построить настоящий лабиринт для хакера, присоединяйтесь к новому образовательному проекту от ИТ-экспертов Positive Technologies.   

В программе:

— Что не так с типовой настройкой Microsoft Exchange 2019.
— Топ-3 сценария уязвимостей.
— Как ИТ-специалисту справиться с бременем ответственности за корректную работу почтового сервиса.
— Обсуждение харденинга Microsoft Exchange 2019 и особенностей подхода к повышению киберустойчивости.

Вебинар будет полезен архитекторам, CIO, СТО, DevOps-экспертам и техническим специалистам разных профилей. Присоединяйтесь!

*Это как «Марио тайм», время героев-экспертов харденинга

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

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

19 Nov, 07:11


Ловите небольшую, но полезную шпаргалку по флексбоксах. Здесь все основные свойства и варианты их значений наглядно.

Сохраняйте, чтобы не потерять!

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

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

18 Nov, 15:04


Anchoreum: Новая игра для изучения CSS

В этой игре вы сможете научиться работать с позиционированием CSS-якорей. Игра от создателя Flexbox Froggy и Grid Garden, так что интерфейс вполне узнаваем и принцип игры понятен.

Пройти бесплатно можно по ссылке: https://anchoreum.com/

#css

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

18 Nov, 05:37


Для чего используется stopPropagation()

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

При клике по вложенному контейнеру в консоль выводится сообщение «Внутренний контейнер». Если убрать event.stopPropagation(), то при клике по вложенному контейнеру, в консоль будут выведены оба сообщения.

#основы

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

17 Nov, 13:07


Признавайтесь, как часто у вас такое?

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

17 Nov, 06:54


screenshot-to-code | Генерируем веб-приложение по скриншоту / Figma-концепту

Простой инструмент для преобразования скриншотов, макетов и дизайнов Figma в чистый, функциональный код с использованием ИИ. Поддерживает Claude Sonnet 3.5 и GPT-4o.

Цена: бесплатно
Репозиторий проекта

А какие OCR вы используете? Поделитесь в комментариях.

@neuro_channel

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

16 Nov, 14:06


У CSS теперь есть свой официальный логотип

Его выбрали по итогам голосования, организованного рабочей группой CSS-Next.

Почитать подробнее можно здесь.

#новости #css

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

16 Nov, 07:32


Лучший способ создания паттерна проектирования Singleton в JavaScript и TypeScript

Паттерн проектирования Singleton гарантирует, что у класса есть только один экземпляр и предоставляет глобальную точку доступа к этому экземпляру. Этот паттерн полезен, когда необходим именно один объект для координации действий в системе.

В этой статье собраны эффективные методы реализации паттерна Singleton в JavaScript и TypeScript.

#паттерны #javascript #typescript

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

15 Nov, 14:03


Интерактивная галерея полароид-фото

Это классная идея для пет-проекта, который вы сможете повторить самостоятельно. Автор написал проект на ванильном CSS и JavaScript.

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

#codepen #javascript

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

15 Nov, 06:04


CBLT — безопасный, быстрый и минималистичный веб-сервер на языке программирования Rust

Rust не имеет аналогов Nginx, Lighttpd, Caddy, HAProxy, Apache, Tomcat, Jetty и т.д. Все эти веб-сервера написаны на C, Go, Java и других языках. Как тогда написать свой веб-сервер на Rust без всех этих технологий?

Автор решил сделать свой сервер с нуля, написав свои решения вместо этих инструментов. Что из этого вышло, рассказал в статье.

#rust #бэкенд

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

14 Nov, 14:04


Немного безумия вам в ленту

Нашёл для вас библиотеку, которая позволяет писать JavaScript код внутри Python. PythonMonkey — это движок JS от Mozilla, который встроили прямо в Python Runtime.

Что делать с этим безумием, решайте сами, а мы оставим ссылку на проект: https://github.com/Distributive-Network/PythonMonkey

#ненормальноепрограммирование #javascript #python

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

14 Nov, 05:31


Минутка важных статистических исследований

На графике показано, как меняется средний возраст потери девстенности у мужчин.

Бэкендеры, выводы делайте сами 😏

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

13 Nov, 14:27


Как создавать сложные расширения Chrome

Создать сложное расширение для браузера не так-то просто, особенно для новичков.

Но не волнуйтесь. Это руководство покажет вам, как сделать полнофункциональное расширение для Chrome на реальном примере!

В итоге у вас получится расширение для сохранения изображения с любых сайтов в ваш сервис через API.

#extensions #chrome

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

13 Nov, 07:07


Шарите в Git? Давайте проверим

Мы приготовили для вас тест, который поможет проверить свои знания по продвинутым техникам и настройкам. Сможете ответить правильно на все вопросы?

Пройти тест

#тест

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

12 Nov, 15:31


Как использовать серверы Redis и Memcached для кэширования

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

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

Сейчас мы вам расскажем про вариант создания кэша на сервере с помощью Redis и Memcached.

#бэкенд@tproger_web #redis@tproger_web #memcached@tproger_web

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

12 Nov, 10:03


Meshery — инструмент для упрощения работы с инфраструктурой на базе Kubernetes

Этот облачный менеджер с открытым исходным кодом позволяет проектировать и урпавлять всей инфраструктурй и приложениями на базе Kubernetes. Он также предлагает визуальное и совместное управление GitOps, избавляя вас от необходимости использовать YAML при управлении развертыванием Kubernetes в нескольких кластерах.

#инструменты@tproger_web #devops@tproger_web #бэкенд@tproger_web #kubernetes@tproger_web

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

11 Nov, 12:03


@prog_tools

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

11 Nov, 10:59


Полный супремITизм!

СупремITизм — целое искусство обучать цифровым профессиям. И именно это движение стало главной темой продуктовой презентации от «Школы 21», на которой мы недавно побывали.

«Школа 21» — про друзей, силу коммьюнити, поддержку внутри и реально интересный путь к профессии мечты.

Вот что еще узнали о «Школе»:

— Бесплатное обучение с нуля по методике «равный равному» — согласитесь, проще всего понять информацию, объяснив ее другу
— Гибкий график и кампусы 24/7 по всей России. Но самое крутое — возможность общаться и работать в команде с пирами из других городов
— Индивидуальный трек, который выстраивается с помощью нейронки, и несколько направлений — от разработки и DevOps до кибербезопасности и Data Science
— 100% студентов находят работу во время или после обучения
— Публичный цифровой профиль, чтобы работодатели сразу видели, какие вы крутые айтишники
— Геймификация — учитесь играя: зарабатывайте коины и ачивки (ну, или пенальти, если, например, заснете в кампусе)

Важно: «Школа 21» — про прокачку скилов на практике в кругу друзей. В общем, поступайте и узнавайте все сами.

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

05 Nov, 06:01


Пишем одностраничное приложение с помощью htmx

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

Как он это сделал? Выполнял серверный код в сервис-воркере. Сможете ли вы также? Конечно, мы вам даже инструкцию принесли:

https://habr.com/ru/companies/ruvds/articles/849854/

#htmx #javascript #html

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

04 Nov, 14:31


Основы программирования на JS для новичков

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

Чтобы вам было проще ориентироваться, мы добавили тайм-коды:

00:00 - зачем и кому нужно это видео?
00:57 - что общего у программистов и поваров?
02:26 - понятие "Алгоритм"
03:46 - понятие "Блок-схема"
05:43 - понятие "Программа"
09:33 - ПРАКТИКА, задание на подумать
12:07 - разбор Мышления Программиста
16:35 - основные элементы мышления программиста
21:57 - Как развить мышление программиста?
26:41 - Создадим блок-схему калькулятора
37:00 - ПРАКТИКА с кодом!
49:10 - пишем калькулятор
1:00:42 - что такое и как работают ФУНКЦИИ?
1:09:00 - Домашнее задание!
1:09:45 - моя реализация домашки
1:15:25 - АНОНС следующего курса по JS!

Нужны ли вам вообще тайм-коды к таким постам? Поставьте , если оставляем формат и 😐, если только мешает.

#курс #javascript

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

04 Nov, 07:30


SOLID... На котиках

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

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

#solid

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

03 Nov, 14:01


Кто есть кто: Обратные вызовы, промисы и асинхронные функции

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

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

#javascript

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

03 Nov, 13:01


Вы когда-нибудь задумывались, как уязвимость в коде может стоить миллиарды?

Carbanak — это не просто группа хакеров, это команда людей, которые превратили банковские системы в свои личные банкоматы.

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

Всего за пару лет хакеры:

— атаковали более 100 банков по всему миру;
— украли $1 млрд;
— обратили на себя внимание Европола.

В подкасте «АЙТИ КРАЙМ» мы изучили, как Carbanak обходили защиту банковских систем, используя уязвимости инфраструктуры.

Скоро мы поделимся этим расследованием. Будьте готовы — здесь нет простых историй про «хакеров из подвала». Только настоящая инженерная работа, профессионализм и поразительное понимание сложных систем.

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

03 Nov, 07:01


Он просто столкнулся с адом коллбэков

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

02 Nov, 13:31


Практика JavaScript: делаем целый сайт за 2 часа с нуля

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

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

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

#видео #курс #javascript

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

02 Nov, 12:29


До шоу финала True Tech Champ осталось всего несколько дней!

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

Участников ждут: 
— Шоу с гонкой роботов в интерактивных лабиринтах 
— 20+ активностей для кодеров и фанатов технологий 
— Выступления спикеров, воркшопы, плохие прогерские шутки 

Вам точно понравится, если вы: 
— Занимаетесь разработкой 
— Интересуетесь технологиями 
— Планируете построить карьеру в ИТ 
 
Когда: 8 ноября 
Где: МТС Live Холл 
Как: Офлайн + Онлайн

До конца регистрации несколько дней — успевайте присоединиться: https://truetechchamp.ru/conf

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

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

02 Nov, 08:03


Начать проходить новый курс или…
посмотреть, как течёт вода, горит огонь или как индусы на YouTube строят дом из глины за 8 часов?

Да, возвращаться к учёбе, когда вы взрослый, совсем не просто… Но покажите вашу решимость учиться и закройте все уведомления, которые появляются на экране каждую секунду: https://tprg.ru/BJMA

Реклама

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

02 Nov, 05:30


ESLint теперь поддерживает линтинг JSON и Markdown

Мы немного запозднились с новостью, тем не менее это важное обновление. ESLint стал более полезным благодаря поддержки JSON и Markdown. Это первый шаг на пути превращения проекта в универсальный линтер, как заявляют разработчики.

Подробнее об обновлении можно почитать в блоге проекта: https://eslint.org/blog/2024/10/eslint-json-markdown-support/

#eslint #новости

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

01 Nov, 14:02


Playwright: Лучшая альтернатива Selenium

Selenium — это один из самых известных и широко используемых фреймворков для автоматизации тестирования веб-приложений на Python. Если вы работали с автоматизацией браузера, то наверняка знакомы с ним.

Playwright — это более современный инструмент, разработанный командой, которая ранее работала над Puppeteer в Google. Он мультиязычный и работает на Python, Node.js и Java.

В этой статье разобрали почему сегодня это лучшая (по мнению автора) альтернатива Selenium.

#playwright #selenium

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

01 Nov, 06:31


Подборка полезных материалов для тех, кто хочет лучше разбираться в веб-разработке

Здесь мы собрали для вас статьи, которые на наш взгляд помогут лучше изучить популярные технологии:

— Как использовать Redis для кэширования и очередей в веб-приложениях. Для ускорения веб-приложений есть множество инструментов и паттернов. Один из них — key-value система Redis. Рассказываем, как ее установить и настроить для повышения производительности и надежности.

— Как выбрать IDE, если вы начинающий веб-разработчик. Начинающие веб-разработчики часто сталкиваются с трудностями при выборе интегрированной среды разработки (IDE). Рассказываем, как не прогадать и не усложнить себе жизнь.

— Обзор библиотек для работы с графами в Python: NetworkX и Graph-tool. Графы применяются во множестве отраслей — от программирования до социологии. Рассматриваем две библиотеки Python для работы с графами — NetworkX и Graph-tool, а также их преимущества и недостатки.

— Margin и padding в CSS: как сразу сделать грамотно. Разбираемся в ключевых отличиях между этими важнейшими свойствами, а также знакомимся с трюками, чтобы UI / UX вашего сайта стал еще круче и грамотнее.

— 7 легендарных уравнений на JavaScript. Математика и компьютерные науки идут рука об руку. Подобрали 7 математических формул разного уровня сложности для проверки — сможете ли вы их реализовать? И на всякий случай снабдили статью нашими решениями.

— Как начать карьеру веб-разработчика. Максим Арокен делится советами с чего начать изучение веб-разработки, как не забросить в самом начале и какую дополнительную технологию изучить, чтобы легче находить заказы на фрилансе.

Сохраняйте подборку в избранном, чтобы не потерять и делитесь с друзьями-разрабами.

#подборка #redis #фронтенд #javascript #python #css

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

31 Oct, 11:01


GitHub назвал Python самым популярным языком программирования

В прошлом году это был JavaScript, но благодаря буму ИИ и некоторым другим факторам, в 2024-м в лидерах Python.

Подробнее про статистику написали в нашем свежем материале. Там же ссылка на исследование GitHub.

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

30 Oct, 12:30


Old but gold: стек вызовов JavaScript: объяснение с помощью иллюстраций

Стек представляет собой структуру данных, организованных по принципу LIFO, т.е. в порядке обратной очередности (last-in — first-out, последним вошел — первым вышел).

Автор статьи объясняет, как это работает в JavaScript:

https://nuancesprog.ru/p/17792/

#javascript

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

29 Oct, 11:48


Войти в IT с нуля: как попасть на «СупремITизм»

7 ноября (четверг) в «Школе 21» пройдет крутое мероприятие с не менее крутым названием «СупремITизм». На нем эксперты расскажут об обучении, рабочих IT-навыках и силе коммьюнити. Присоединиться можно будет онлайн в 18:00 по московскому времени!

«Школа 21» — это проект Сбера, где можно бесплатно обучиться программированию и другим IT-навыкам с нуля. Другими словами, стать настоящим цифровым инженером.

Но не ведитесь на слово «школа» — это не скучные уроки и строгие учителя. Всё наоборот:

— Четыре этапа обучения, основанных на практике и саморазвитии.
— Методика «равный равному» (или peer-to-peer). Суть такая: если что-то не понимаешь, повернись к соседу справа или слева — он постарается помочь, а ты — поможешь ему в ответ.
— «Школа 21» работает 24/7. Каждый день, 365 дней в году. Единственное ограничение — спать на уроках здесь нельзя.
— 100% выпускников находят работу во время или после обучения в школе.
— Школа есть в 13 регионах России (даже в Анадыре!) — совершенно необязательно ехать в Москву.

А еще в кампусе есть игровая комната с аркадным автоматом, коворкинги, роболаба, где собирают роботов и печатают на 3D-принтере, и много заряженных на учебу ребят. И даже факультеты, как в Хогвартсе. Но главное — настоящая прокачка софт- и хард-скиллов.

Чтобы узнать о школе еще больше, приходите онлайн на продуктовую презентацию «СупремITизм» 7 ноября, а потом — на отбор.

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

27 Oct, 11:01


Ночная шпаргалка по консольным командам Git 👍

В Git полно команд, и если ты часто их забываешь, эта шпаргалка специально для тебя. В репозитории можно быстро почитать об основных командах и концепциях, а затем одним вальяжным нажатием на Ctrl+C скопировать их.

Приятный бонус — всё написано на русском. Так что сохраняем!

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

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

26 Oct, 11:01


Eartho — open source альтернатива Google Sign-In

По словам разработчика, в своей утилите он сделал упор на приватность. И ему веришь

Так, благодаря Eartho пользователи не передают данные корпорациям, сохраняя при этом удобство быстрого входа через Google, Apple и т.д

Достигается это за счет того, что Eartho выступает в качестве промежуточного слоя между пользователем и IT-корпорациями

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

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

25 Oct, 11:00


Покорите стихии фронтенда и бэкенда на онлайн-курсе «Фулстек-разработчик» от Яндекс Практикум

Сейчас у ребят черная пятница: до 30 ноября вы можете получить скидку 20%, если пройдете первую учебную тему курса.

На курсе вы научитесь разбираться как в логике работы сайтов и веб-приложений, так и в визуальной части. Большая часть курса — практика. Вас ждут 700+ задач в тренажёре, лайвкодинг и воркшопы с опытными разработчиками.

Кроме диплома о профессиональной переподготовке и 16 проектов в портфолио вы получите бесплатный тутор по YandexGPT. Посмотрите подробности и подключайтесь, старт обучения намечен на 7 ноября.

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

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

24 Oct, 12:09


Как создать приложение Todo на React

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

Стартуем здесь.

#фронтенд #javascript #react

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

24 Oct, 11:02


Научитесь работать с сайтами на онлайн-курсе «Фронтенд-разработчик» от Яндекс Практикума 

Вместе с интерактивным учебником вы научитесь создавать и анимировать фасад веб-страницы: заголовки, меню карточки. Практику вы будете нарабатывать на 500+ задачах в тренажере, лайвкодинге и воркшопах.

Кроме диплома о профессиональной переподготовке и 11 проектов в портфолио вам  подарят бесплатный тутор по YandexGPT. А после обучения помогут с поиском работы. Смотрите подробности и забирайте скидку 20% на обучение до 30 ноября.

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

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

23 Oct, 13:01


Дилемма СТО: продолжать использовать проверенные технологии или рискнуть и внедрить что-то новое

Принцип «если работает, не трогай» давно знаком, но полное его соблюдение может остановить развитие и инновации. 

Главное — найти баланс между стабильностью и стремлением к прогрессу.

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

Прочитать об этом можно в свежем материале на нашем сайте.

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

23 Oct, 11:30


А что не так?

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

23 Oct, 10:28


Подборка актуальных вакансий

— Старший менеджер производства SIM-карт
Где: удалённо
Опыт: от 3 лет

— Руководитель проектов
Где: Москва
Опыт: от 3 лет

— Стажер ML-разработчик
Где: Москва, Санкт-Петербург, Минск
Опыт: от 1 года

— Бэкенд-разработчик
Где: Москва, Санкт-Петербург, Екатеринбург, Новосибирск, Нижний Новгород, Минск
Опыт: от 1 года

— SMM-специалист в Tproger
Где: удалённо
Опыт: от 6 месяцев

#вакансии

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

22 Oct, 11:01


OSSU — бесплатный онлайн-университет по Computer Science

Обучение состоит из четырех блоков — введение, основы, продвинутый CS и итоговый проект, все на английском.

Для новоприбывших есть Discord-сервер на 3К+ активных участников.

171К звезд на GitHub как бы намекают, что здесь не шутки шутят, а делом занимаются.

Ссылка на университет: https://github.com/ossu/computer-science

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

21 Oct, 11:01


Ubuntu — 20 лет!

Накануне один из самых популярных Linux-дистрибутивов отпраздновал круглую дату.

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

https://tproger.ru/news/--samyj-populyarnyj-linux-distributiv-ubuntu-otmetil-20-letie

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

20 Oct, 11:01


Old but gold: ускорение в 30 раз — requestIdleCallback

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

Эта статья может быть полезна для понимания использования и влияния requestIdleCallback:

https://habr.com/ru/articles/759150/

#оптимизация

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

19 Oct, 11:01


Working with Backdrop Filters

Очень симпатичный и легкий в реализации набор веб-фильтров.

Самое приятное, что от разработчика не требуется JS-кода. Достаточно лишь HTML и CSS.

Исходный код проекта: https://codepen.io/MrRoberts/pen/eYMPqbe

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

18 Oct, 11:01


Не, ну этот разраб какой-то сачок...

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

17 Oct, 12:01


Какие шрифты лучше использовать в IDE?

На этот вопрос решил ответить Бен Авад — автор некогда нашумевшего проекта VSCode Stories.

В своем свежем ролике он перебирает несколько популярных шрифтов для IDE, давая им оцени по 10-бальной шкале.

Спойлерить не будем — лучший вариант можно найти в видео по ссылке.

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

17 Oct, 11:07


Как видеть состояние тысяч баз данных в одном окне и собирать с них метрики?

Узнаете на бесплатном вебинаре от СберТеха «Властелин СУБД, или один за всех. Обновления для сопровождения БД в Platform V Kintsugi 1.5.0».

Platform V Kintsugi — это графическая консоль для управления и диагностики PostgreSQL-like СУБД. Недавно продукт получил обновления, с которыми сопровождать базы данных стало ещё удобнее.

Когда: 24 октября в 11:00.

Что покажут на вебинаре:
– оперативный центр — единое окно мониторинга всех подключенных активов.
– отчеты pg_profile в интерфейсе продукта.
– обновления в ресурсно-логической модели продукта.

Будет полезно: администраторам СУБД, разработчикам БД, руководителям. Ребята расскажут с техническими деталями, но популярным языком!

Регистрация уже открыта по ссылке.

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

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

16 Oct, 11:01


Разница между .call и .apply

Методы .call() и .apply() используются для вызова функции с заданным значением this, а также для передачи аргументов в функцию. Основная разница между ними заключается в способе передачи аргументов.

Метод .call() принимает список аргументов, переданных через запятую. В то же время метод .apply() принимает массив аргументов.

В обоих случаях мы можем вызвать функцию greet(), передавая null в качестве значения this. Однако стоит иметь в виду, что использование null в качестве значения this может привести к привязке this к глобальному объекту (например, window в браузере), что может вызвать непредвиденное поведение. В первом случае аргументы передаются через запятую, а во втором — в виде массива.

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

16 Oct, 10:30


Онлайн-программа магистратуры «Веб-разработчик» от НИТУ МИСИС и Яндекс Практикума – уникальная возможность за два года стать уверенным мидл разработчиком и получить диплом магистра государственного образца.

Преимущества программы:
— освоите HTML, CSS, JavaScript, Django, основы дизайна и управления командой;
— изучите все этапы разработки продукта: от верстки дизайн-макета до настройки серверной части;
— сможете совмещать учебу с работой: все занятия проходят онлайн;
— сможете пользоваться инфраструктурой вуза, оформить документы, как студент очной формы обучения.

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

Остались вопросы по поступлению? Присоединяйтесь к Телеграм-каналу «Онлайн-обучение | МИСИС».

А также ищите полезную информацию на сайте Яндекс Практикума.

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

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

15 Oct, 13:01


AI Side Panel

Интересное Chrome-расширение, с помощью которого можно вызвать ChatGPT и Google Gemini прямо в окне браузера в пару кликов.

Есть одно — для работы потребуется VPN. Сама же панель открывается комбинацией Alt + Q

Ссылка на расширение: https://chromewebstore.google.com/detail/ai-side-panel/icapcpllhdnnpcmfdcgpnbgchfenmjmg

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

15 Oct, 12:03


Первая демо-версия платформы для разработки IT-продуктов SourceCraft

SourceCraft позволит разработчикам создавать исходный код, управлять его версиями, тестировать, собирать, развёртывать и сопровождать IT-проекты. Сейчас можно записаться в лист ожидания, а первые пользователи получат доступ в 2025 году.

Первым компонентом SourceCraft станет Yandex Code Assistant, который на базе нейросетей сгенерирует наиболее вероятное продолжение кода по его фрагменту. Его уже можно протестировать на облачной платформе Yandex Cloud. Подробнее о платформе читайте на сайте.

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

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

14 Oct, 11:01


Просто теперь за 10+ часов перед монитором и фрустрацию будут платить 🤷‍♂️

@ithumor

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

13 Oct, 11:01


Регулярные выражения простыми словами

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

В своем материале он постарался помочь вторым стать первыми.

Если вас тоже начинает бросать в холодный пот при виде hello(\s*,\s*|\s+)world, то эта статья явно будет вам полезна:

https://habr.com/ru/companies/selectel/articles/848114/

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

12 Oct, 11:01


Accordion Image Gallery

Стильный эффект расширения изображения при наведении на него. 

Реализовано на чистых HTML и CSS, никакого JavaScript.

Исходный код: https://codepen.io/stefcharle/pen/Gydvbx

#codepen

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

11 Oct, 13:02


Никогда не были в Нижнем Новгороде и хотите узнать, насколько вы бэкендер по-нижегородски?

Или всегда тут живете и ответите на все вопросы с одного взгляда? Проходите тест: https://tprg.ru/XlWn

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

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

11 Oct, 11:01


Алярм, нас раскрыли!

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

10 Oct, 11:01


«Самый большой React.js курс в интернете»

По крайней мере, так утверждает автор ролика.

Если же спуститься с небес на землю, то это как минимум полезный справочник, который к тому же охватывает многие основные аспекты технологии.

Ну и никто не отменял таймкоды — по ним очень быстро можно сориентироваться и попасть на кусок видео, который интересует вас здесь и сейчас.

https://www.youtube.com/watch?v=qnwFpjIqsrA

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

09 Oct, 11:01


Old but gold: раскрывающийся при наведении список

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

Проект написан с помощью CSS и jQuery.

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

https://codepen.io/maggiben/pen/BapEGv

#codepen

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

08 Oct, 12:01


sqlmap — удобная защита от инъекций

Этот инструмент для тестирования на проникновение автоматизирует процесс обнаружения SQL-инъекций и захвата серверов баз данных.

Он поставляется с множеством нишевых функций. В том числе снятием отпечатков с БД, выполнением команд через внеполосные соединения и так далее.

Утилита бесплатная. Опробовать можно по ссылке.

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

07 Oct, 11:16


Cloudflare переиграла и обанкротила патентных троллей

Ладно, про банкротство информация не точная, но!

1) Сайт компании-тролля не работает, офис пустует, а телефоны не отвечают.

2) Они еще и остались должны Cloudflare более $200 тыс.

Как так вышло и что это вообще были за бедолаги? Читайте в свежем материале.

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

06 Oct, 11:01


Мини-игра «Выровни картину»

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

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

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

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

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

#codepen

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

05 Oct, 11:01


Поиск по тексту? Поиск по фото? А может... поиск по видео?

Google решила обойти OpenAI на повороте и запустила в тестовом режиме Поиск на основе видео.

Работает просто — вы загружаете ролик, а Google начинает использовать его для поиска информации.

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