Упрощаем отладку компонентов UI с помощью удобного расширения
Это Preview.js — удобное расширение для VSCode или JetBrains IDEs, которое позволяет видеть превью вашего кода, не переходя в браузер. Работает плагин со многими популярным фреймворками: Preact, React, Svelte, Vue и SolidJS.
Здесь вы можете посмотреть все возможности плагина и установить его: https://previewjs.com/
#инструмент #фронтенд
Это Preview.js — удобное расширение для VSCode или JetBrains IDEs, которое позволяет видеть превью вашего кода, не переходя в браузер. Работает плагин со многими популярным фреймворками: Preact, React, Svelte, Vue и SolidJS.
Здесь вы можете посмотреть все возможности плагина и установить его: https://previewjs.com/
#инструмент #фронтенд
Представьте, что вам выпала возможность передать себе из прошлого совет
Какой бы один самый главный совет в начале карьеры смог бы изменить вашу жизнь? Что бы вы посоветовали себе сейчас, зная, как все может сложиться? Побольше читать, изучить какой-то фреймворк, не верить в скорую смерть PHP или освоить Python вместо JavaScript? А может, вообще уйти в сварщики и не тратить жизнь на это IT.
Расскажите. Вдруг, кто-то прямо сейчас сделает правильные выводы и возьмет ваш совет на заметку.
#обсуждение
Какой бы один самый главный совет в начале карьеры смог бы изменить вашу жизнь? Что бы вы посоветовали себе сейчас, зная, как все может сложиться? Побольше читать, изучить какой-то фреймворк, не верить в скорую смерть PHP или освоить Python вместо JavaScript? А может, вообще уйти в сварщики и не тратить жизнь на это IT.
Расскажите. Вдруг, кто-то прямо сейчас сделает правильные выводы и возьмет ваш совет на заметку.
#обсуждение
Функциональное программирование от А до Я на примере JavaScript: монады, функторы, каррирование, композиция
Если интересовались функциональное программированием, это видео для вас. В нем разобрали декларативность, чистые функции и сайд-эффекты, иммутабельность (неизменяемость), функции первого класса, функции высшего порядка, композицию/конвейер, частичное применение и каррирование, контейнеры, функторы и другие темы.
Сохраните, чтобы не потерять: https://www.youtube.com/watch?v=ScgmlDb5ed4
#javascript #лучшиепрактики
Если интересовались функциональное программированием, это видео для вас. В нем разобрали декларативность, чистые функции и сайд-эффекты, иммутабельность (неизменяемость), функции первого класса, функции высшего порядка, композицию/конвейер, частичное применение и каррирование, контейнеры, функторы и другие темы.
Сохраните, чтобы не потерять: https://www.youtube.com/watch?v=ScgmlDb5ed4
#javascript #лучшиепрактики
Ничего необычного, просто веб-разработчик пытается освоить новый фреймворк до того, как он устареет:
Как управлять большими и маленькими командами в IT и не выгореть
Руководитель проектов в банке на примере моторной лодки объясняет как выстраивать рабочие процессы и коммуникацию внутри команд.
Ещё расскажет как и зачем выращивать молодых лидеров и поделится личным опытом и ошибками.
Руководитель проектов в банке на примере моторной лодки объясняет как выстраивать рабочие процессы и коммуникацию внутри команд.
Ещё расскажет как и зачем выращивать молодых лидеров и поделится личным опытом и ошибками.
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 #советы
В статье рассмотрели технические основы SEO: что нужно знать о мета-тегах, микроразметке, UX/UI, карте сайта, коде 404, подзаголовках: https://tproger.ru/articles/seo-dlya-razrabotchikov--chto-nuzhno-znat-programmistam-v-2024-godu--osnovnye-trebovaniya-k-razrabotke-sajta
#seo #советы
Милая и наглядная шпаргалка по CSS Flexbox
Если вы давно искали шпаргалку, которая будет наглядно демонстрировать работу всех свойств flexbox, которую приятно будет разглядывать ребёнку и вашей девушке, пытающейся разобраться в том, чем вы занимаетесь, то вам сюда.
Мы подготовили для вас шпаргалку на русском языке с милыми иллюстрациями, а также оставили её видеоверсию: https://tproger.ru/articles/css-flexbox-tutorial-with-flexbox-properties-cheat-sheet/
#фронтенд #шпаргалка #css
Если вы давно искали шпаргалку, которая будет наглядно демонстрировать работу всех свойств flexbox, которую приятно будет разглядывать ребёнку и вашей девушке, пытающейся разобраться в том, чем вы занимаетесь, то вам сюда.
Мы подготовили для вас шпаргалку на русском языке с милыми иллюстрациями, а также оставили её видеоверсию: https://tproger.ru/articles/css-flexbox-tutorial-with-flexbox-properties-cheat-sheet/
#фронтенд #шпаргалка #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
На днях состоялся релиз 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 Container Queries
Отличная возможность для того, чтобы попробовать относительно новую фичу без необходимости создавать свою песочницу: https://ishadeed.com/article/css-container-query-guide
#инструменты #css
Отличная возможность для того, чтобы попробовать относительно новую фичу без необходимости создавать свою песочницу: https://ishadeed.com/article/css-container-query-guide
#инструменты #css
Forwarded from Точка входа в программирование
20 игр, которые научат программированию
Подходов к обучению много, но через игры учиться не так скучно. Ловите целую подборку таких игр. Вот лишь некоторые из них:
— CodeCombat — RPG, где нужно использовать различные ЯП, чтобы проходить уровни, головоломки и сражаться с врагами.
— Ruby Warrior — игрок управляет воином, который проходит различные уровни. Управлять персонажем можно только на Ruby.
— Untrusted — управляете персонажем и решаете головоломки через Java.
— Check IO — здесь предлагается решать различные задачки с помощью Python или TypeScript. Тут также есть возможность соревноваться с другими игроками.
— Dungeons & Developers — здесь нужно путешествовать по пещерам и выполнять задания, связанные с HTML, CSS и JavaScript.
Ещё больше игр в подборке.
@prog_point
Подходов к обучению много, но через игры учиться не так скучно. Ловите целую подборку таких игр. Вот лишь некоторые из них:
— CodeCombat — RPG, где нужно использовать различные ЯП, чтобы проходить уровни, головоломки и сражаться с врагами.
— Ruby Warrior — игрок управляет воином, который проходит различные уровни. Управлять персонажем можно только на Ruby.
— Untrusted — управляете персонажем и решаете головоломки через Java.
— Check IO — здесь предлагается решать различные задачки с помощью Python или TypeScript. Тут также есть возможность соревноваться с другими игроками.
— Dungeons & Developers — здесь нужно путешествовать по пещерам и выполнять задания, связанные с HTML, CSS и JavaScript.
Ещё больше игр в подборке.
@prog_point
Как побороть прокрастинацию?
Наверняка каждый разработчик сталкивался с прокрастинацией. Особенно это актуально в эту двухдневную рабочую неделю.
Как вам удаётся побороть прокрастинацию? Благовония, лоуфай, наушники с шумоподавлением, пробежка с утра или послеобеденный сон? Что вам помогает снова вернуться в «поток»? А может, вы за то, чтобы не сопротивляться психике — и если не работается, просто не работаете?
Расскажите, как это происходит у вас.
#обсуждение
Наверняка каждый разработчик сталкивался с прокрастинацией. Особенно это актуально в эту двухдневную рабочую неделю.
Как вам удаётся побороть прокрастинацию? Благовония, лоуфай, наушники с шумоподавлением, пробежка с утра или послеобеденный сон? Что вам помогает снова вернуться в «поток»? А может, вы за то, чтобы не сопротивляться психике — и если не работается, просто не работаете?
Расскажите, как это происходит у вас.
#обсуждение
This media is not supported in your browser
VIEW IN TELEGRAM
Гайд: создаём полноценную браузерную игру на TypeScript
Делимся 2-часовым гайдом по созданию 2D-платформера на TypeScript: https://www.youtube.com/watch?v=R6WvJOiX99s
#typescript #gamedev
Делимся 2-часовым гайдом по созданию 2D-платформера на TypeScript: https://www.youtube.com/watch?v=R6WvJOiX99s
#typescript #gamedev
Интуитивно понятный интерфейс, предусматривающий все незапланированные ситуации использования, и пользователь:
10 CSS-однострочников для преобразования веб-приложения
CSS позволяет создавать красивые и отзывчивые веб-дизайны. Однако написание кода CSS может отнимать много времени и сил, особенно если вы не знакомы с новейшими методиками и лучшими практиками.
Есть несколько однострочников, помогающих оптимизировать CSS-код и создавать более эффективные проекты. В этой статье представлены 10 CSS-однострочников — блоков кода, сжатых до одной строки. Их использование преобразит проект и поможет без проблем создавать потрясающие веб-дизайны: https://nuancesprog.ru/p/20883/
#css
CSS позволяет создавать красивые и отзывчивые веб-дизайны. Однако написание кода CSS может отнимать много времени и сил, особенно если вы не знакомы с новейшими методиками и лучшими практиками.
Есть несколько однострочников, помогающих оптимизировать CSS-код и создавать более эффективные проекты. В этой статье представлены 10 CSS-однострочников — блоков кода, сжатых до одной строки. Их использование преобразит проект и поможет без проблем создавать потрясающие веб-дизайны: https://nuancesprog.ru/p/20883/
#css
Нужна ди двухфакторная аутентификация и насколько она эффективна как норма безопасности?
Кража данных компании в сети — один из самых популярных видов мошенничества. Урон от таких инцидентов может измеряться не только в миллиардах рублей, но и в репутации, честном имени фирмы и ее ответственности перед клиентами и партнерами.
Двухфакторная аутентификация (2FA) является технологией контроля доступа в два этапа, обеспечивая защиту информации от внутренних и внешних угроз.
В статье рассказали, какие виды 2FA есть, плюсы минусы и рекомендации по использованию каждой: https://tproger.ru/articles/odin-raz-nedostatochno--dvuhfaktornaya-autentifikaciya-kak-norma-bezopasnosti
#безопасность
Кража данных компании в сети — один из самых популярных видов мошенничества. Урон от таких инцидентов может измеряться не только в миллиардах рублей, но и в репутации, честном имени фирмы и ее ответственности перед клиентами и партнерами.
Двухфакторная аутентификация (2FA) является технологией контроля доступа в два этапа, обеспечивая защиту информации от внутренних и внешних угроз.
В статье рассказали, какие виды 2FA есть, плюсы минусы и рекомендации по использованию каждой: https://tproger.ru/articles/odin-raz-nedostatochno--dvuhfaktornaya-autentifikaciya-kak-norma-bezopasnosti
#безопасность
GRT Calculator — подбираем размер шрифта на основе золотого сечения
Да, подход не самый обычный. Однако, он позволяет выбрать шрифт, который будет лёгок для чтения и идеально вписываться в дизайн вашего сайта. Достаточно выбрать шрифт, указать его размер и ширину содержимого, а калькулятор покажет, как она будет выглядеть на сайте и подскажет, что стоит поменять, чтобы достичь идеального результата.
Подробнее: https://grtcalculator.com/
#фронтенд #инструменты
Да, подход не самый обычный. Однако, он позволяет выбрать шрифт, который будет лёгок для чтения и идеально вписываться в дизайн вашего сайта. Достаточно выбрать шрифт, указать его размер и ширину содержимого, а калькулятор покажет, как она будет выглядеть на сайте и подскажет, что стоит поменять, чтобы достичь идеального результата.
Подробнее: https://grtcalculator.com/
#фронтенд #инструменты
