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

​​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

Реклама

Forwarded From Точка входа в программирование

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

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

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

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

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

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

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

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

@prog_point

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

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

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

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

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

​​Вышла 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

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

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

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

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

​​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 #советы

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#обсуждение

Forwarded From IT Юмор

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

@ithumor

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

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

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

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