tproger_web | Unsorted

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

32605

Всё по фронтенду, бэкенду и девопсу в одном месте Купить рекламу: ad.tproger.ru/telegram/ По вопросам рекламы: @tproger_sales_bot Правила общения: https://tprg.ru/rules Другие каналы: @tproger_channels

Subscribe to a channel

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

​​Интервьюер: У вас есть опыт работы со Spring?
Я: Да.
Интервьюер: Насколько большой?
Я:

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

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

​​Нужна ди двухфакторная аутентификация и насколько она эффективна как норма безопасности?

Кража данных компании в сети — один из самых популярных видов мошенничества. Урон от таких инцидентов может измеряться не только в миллиардах рублей, но и в репутации, честном имени фирмы и ее ответственности перед клиентами и партнерами.

Двухфакторная аутентификация (2FA) является технологией контроля доступа в два этапа, обеспечивая защиту информации от внутренних и внешних угроз.

В статье рассказали, какие виды 2FA есть, плюсы минусы и рекомендации по использованию каждой: https://tproger.ru/articles/odin-raz-nedostatochno--dvuhfaktornaya-autentifikaciya-kak-norma-bezopasnosti

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

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

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

Пользователь и интуитивно понятный интерфейс, предусматривающий все незапланированные ситуации использования:

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

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

​​Как побороть прокрастинацию?​

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

Как вам удаётся побороть прокрастинацию? Благовония, лоуфай, наушники с шумоподавлением, пробежка с утра или послеобеденный сон? Что вам помогает снова вернуться в «поток»? А может, вы за то, чтобы не сопротивляться психике — и если не работается, просто не работаете?

Расскажите, как это происходит у вас.

#обсуждение

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

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

20 игр, которые научат программированию

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

CodeCombat — RPG, где нужно использовать различные ЯП, чтобы проходить уровни, головоломки и сражаться с врагами.

Ruby Warrior — игрок управляет воином, который проходит различные уровни. Управлять персонажем можно только на Ruby.

Untrusted — управляете персонажем и решаете головоломки через Java.

Check IO — здесь предлагается решать различные задачки с помощью Python или TypeScript. Тут также есть возможность соревноваться с другими игроками.

Dungeons & Developers — здесь нужно путешествовать по пещерам и выполнять задания, связанные с HTML, CSS и JavaScript.

Ещё больше игр в подборке.

@prog_point

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

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

​​Интерактивный гайд по CSS Container Queries

Отличная возможность для того, чтобы попробовать относительно новую фичу без необходимости создавать свою песочницу: https://ishadeed.com/article/css-container-query-guide

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

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

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

​​​Милая и наглядная шпаргалка по CSS Flexbox

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

Мы подготовили для вас шпаргалку на русском языке с милыми иллюстрациями, а также оставили её видеоверсию: https://tproger.ru/articles/css-flexbox-tutorial-with-flexbox-properties-cheat-sheet/

#фронтенд #шпаргалка #css

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

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

Освой бэкенд-разработку на летней стажировке «Технолето» от Яндекса

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

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

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

Больше половины стажеров Яндекса затем переходят в штат компании, поэтому это отличная возможность начать карьеру в BigTech.

Оставляй заявку на участие в программе «Технолето» и проходи тестовое задание.

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

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

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

Ничего необычного, просто веб-разработчик пытается освоить новый фреймворк до того, как он устареет:

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

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

​​Функциональное программирование от А до Я на примере JavaScript: монады, функторы, каррирование, композиция

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

Сохраните, чтобы не потерять: https://www.youtube.com/watch?v=ScgmlDb5ed4

#javascript #лучшиепрактики

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

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

Хотите стать ассистентом преподавателя?

Участвуйте в конкурсе Яндекс Образования и попробуйте себя в новой роли. Ассистент — правая рука преподавателя: он готовит материалы к занятиям, помогает во время сессии, отвечает на вопросы студентов и даёт им развёрнутый фидбек.

Если вы хотите познакомиться с лучшими практиками преподавания IT-дисциплин, стать сильным ментором и изучить основы педагогики, подайте заявку до 31 мая 2024 года.

Участвовать в конкурсе могут студенты и аспиранты IT-специальностей. Победители конкурса пройдут обучение и получат финансовую поддержку, а ещё доступ к сервисам и обучающим материалам Yandex Cloud.

Узнать детали

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

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

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

Упрощаем отладку компонентов UI с помощью удобного расширения

Это Preview.js — удобное расширение для VSCode или JetBrains IDEs, которое позволяет видеть превью вашего кода, не переходя в браузер. Работает плагин со многими популярным фреймворками: Preact, React, Svelte, Vue и SolidJS.

Здесь вы можете посмотреть все возможности плагина и установить его: https://previewjs.com/

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

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

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

Увлекаетесь компьютерными науками и ищете, где можно интенсивно прокачаться в одном из актуальных IT-направлений? 

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

Такие интенсивы проводит Яндекс Образование: в июне у них стартует новый студенческий кемп по промышленной разработке ПО на базе питерского ИТМО. За две недели вы сможете погрузиться в тему разработки высоконагруженных систем и углубить знания в области DevOps или информационной безопасности.

На программе ждут студентов профильных направлений. Чтобы подать заявку, заполните анкету участника до 1 мая. Всем, кто успешно пройдёт отбор, Яндекс Образование оплатит дорогу и проживание. Участие также будет бесплатным. Поторопитесь, количество мест ограничено.

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

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

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

Я: Начинаю использовать новый фреймворк, не читая документацию.

Также я после того, как уронил прод:

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

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

​​Figma объявила о выпуске бета-версии Code Connect — функции, созданной для упрощённого внедрения дизайн-систем

Code Connect — это утилита, предоставляемая через npm для проектов JavaScript и TypeScript, а также как диспетчер пакетов Swift для проектов SwiftUI.

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

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

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

В конце января Figma закрыла Dev Mode для пользователей бесплатного тарифа. Теперь он стоит $12 в месяц. Dev Mode — это режим разработки, который позволяет быстро переводить проекты в код. Там доступен код элементов разных платформ, можно создавать плагины под различные фреймворки, представлена интеграция с VSCode, позволяющая смотреть дизайн прямо в среде разработки.

#дизайн #figma

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

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

​​​GRT Calculator — подбираем размер шрифта на основе золотого сечения

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

Подробнее: https://grtcalculator.com/

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

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

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

​​10 CSS-однострочников для преобразования веб-приложения

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

Есть несколько однострочников, помогающих оптимизировать CSS-код и создавать более эффективные проекты. В этой статье представлены 10 CSS-однострочников — блоков кода, сжатых до одной строки. Их использование преобразит проект и поможет без проблем создавать потрясающие веб-дизайны: https://nuancesprog.ru/p/20883/

#css

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

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

Гайд: создаём полноценную браузерную игру на TypeScript

Делимся 2-часовым гайдом по созданию 2D-платформера на TypeScript: https://www.youtube.com/watch?v=R6WvJOiX99s

#typescript #gamedev

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

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

Телеграм-канал от Яндекса для разработчиков

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

Подписывайтесь: @Yandex4Developers

Реклама

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

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

​​Как только не издевались над названиями специальностей IT-шников.

Что дальше, мужчинокотенок?

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

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

​​Вышла Node.js 22: что нового?

На днях состоялся релиз JavaScript-платформы Node.js 22. Она может быть использована как для серверного сопровождения работы веб-приложений, так и для создания обычных клиентских и серверных сетевых программ.

Основные изменения и дополнения в Node.js 22:
— Движок V8 обновлён до версии 12.4, применяемой в Chromium 124.
— Включён по умолчанию оптимизирующий JIT-компилятор Maglev, нацеленный на быструю генерацию высокопроизводительного машинного кода для активно используемого кода на JavaScript.
— Ускорена работа с потоками за счёт увеличения значения опции highWaterMark с 16 KB до 65 KB (определяет лимит, до которого выполняется буферизация записи).
— Повышена производительность API fetch() и test runner за счёт повышения эффективности создания экземпляров AbortSignal.
— Добавлена экспериментальная возможность запуска скриптов, определённых в файле package.json, используя команду --run.
— Стабилизирована встроенная реализация API WebSocket, позволяющего использовать WebSocket в режиме клиента без установки дополнительных зависимостей.
— Добавлена частичная поддержка API Navigator.
— Объявлен устаревшим API util.

Версия проекта Node.js 22 отнесена к веткам с длительным сроком поддержки (LTS), но этот статус будет присвоен только в октябре, после проведения стабилизации. Поддержка Node.js 22.x будет осуществляться до 30 апреля 2027 года. Сопровождение прошлой LTS-ветки Node.js 20.x продлится до апреля 2026 года, а позапрошлой LTS-ветки 18.x — до апреля 2025 года. Сопровождение промежуточной ветки Node.js 21.x будет прекращено 1 июня 2024 года.

Подробнее: https://nodejs.org/en/blog/announcements/v22-release-announce

#javascript #nodejs

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

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

​​SEO для разработчиков: что нужно знать программистам в 2024 году

В статье рассмотрели технические основы SEO: что нужно знать о мета-тегах, микроразметке, UX/UI, карте сайта, коде 404, подзаголовках: https://tproger.ru/articles/seo-dlya-razrabotchikov--chto-nuzhno-znat-programmistam-v-2024-godu--osnovnye-trebovaniya-k-razrabotke-sajta

#seo #советы

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

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

Как управлять большими и маленькими командами в IT и не выгореть

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

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

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

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

Для тех, кто хочет научиться: 
– применять критерии Манна-Уитни, t-test, бутстрап, хи-квадрат;
– использовать специализированные библиотеки Python;
– разрешать спорные ситуации при анализе данных.
– экспериментировать, выводить критерии, доказывать формулы. 

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

Реклама ООО «Авито Тех» ИНН 9710089440, erid: LjN8Jzwh4

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

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

​​Представьте, что вам выпала возможность передать себе из прошлого совет

Какой бы один самый главный совет в начале карьеры смог бы изменить вашу жизнь? Что бы вы посоветовали себе сейчас, зная, как все может сложиться? Побольше читать, изучить какой-то фреймворк, не верить в скорую смерть PHP или освоить Python вместо JavaScript? А может, вообще уйти в сварщики и не тратить жизнь на это IT.

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

#обсуждение

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

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

Лучше и мы не слышали

@ithumor

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

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

Не стоило туда заходить...

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

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

​​Чек-лист для проверки доступности вашего сайта для всех пользователей

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

Несложное, но большое дело — проверить свой сайт на выполнение всех пунктов: https://sarahabd.com/blog/my-accessibility-review-checklist

#тестирование #лучшиепрактики #интерфейс

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

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

Что нового в GitVerse
 
На онлайн-презентации «GitVerse: открой вселенную кода» СберТех рассказал об обновлениях платформы. Cреди них – CI/CD-инструменты, которые позволят ускорить и упростить разработку. Делимся подробностями:
 
▪️ Инструменты помогут автоматизировать сборку кода и процессы поставки. Можно воспользоваться уже написанными скриптами сборки и перенести свои проекты с Git-репозиториев в один клик. 
 
▪️ Технология оповещения о новых событиях на сервере (вебхуки) позволит реализовать еще больше сценариев автоматизации.
 
▪️ Появилась возможность вызывать сторонние сервисы через API по событиям в GitVerse. Например, при определенных событиях в репозитории можно запустить сторонний сборочный конвейер или отправить уведомление в мессенджер.
 
Регистрируйтесь на GitVerse и протестируйте сами 😉

Реклама

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

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

​​​Изучаем CSS Flex и Grid в фэнтезийном путешествии

Если хотите отточить свои навыки в позиционировании объектов с помощью флексов и гридов, при этом с интересным сеттингом, то вы по адресу. На сайте codingfantasy.com вы можете отправить в путешествие и помочь королю Артуру бороться со злом, используя Flex Box или спасти эльфа из лап демонов с помощью CSS Grid.

Уровней достаточно, чтобы стать настоящим CSS-гуру, проверьте сами: https://codingfantasy.com/games

#css #игры

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