Miroslav Kungurov Пишу об IT и на Python. kungurov.net В этом выпуске: Наталия Давыдова делится подробностями своей тяжелейшей карьеры с нуля до джуна и мидла во фронтенд-разработке; погружение в Bun – полный пересмотр экосистемы JavaScript; заметки о вертикальном и горизонтальном центрировании в CSS на примерах. Больше полезных материалов вы найдете на нашем телеграм-канале «Библиотека фронтендера» Интересно, перейти к каналу Angular Текущее состояние сквозного тестирования в Angular. React Разбор шаблонов проектирования группы Gang-of-Four с примерами на React. ⚛️ Лучшие практики применения принципов SOLID в React Коллекция паттернов, антипаттернов, советов и полезных ресурсов для React-разработчиков. JavaScript, CSS и HTML Онлайн-калькулятор Fluid Type Scale. Если для тега img не указана высота, браузеры используют нулевую высоту до тех пор, пока не начнут загружать изображение. Затем размер изменяется, и другой контент перемещается по странице. В статье рассматриваются два разных способа предотвращения этой проблемы. Погружение в Bun: полный пересмотр экосистемы JavaScript. Подробный разбор механизмов работы движков JavaScript: Часть 1: парсинг, Часть 2: генерация кода и базовые оптимизации. Базовое понимание принципа Eventloop в рамках браузерного окружения и движка V8. Разбираемся с использованием расширения CSS Scan, которое упрощает копирование стилей и разметки любого элемента на веб-сайте. Два доклада Алексея Мигуцкого об архитектуре JavaScript-проектов на примере Microsoft To-Do: Как Microsoft To-Do использует React. JS Fest 2018 Разбор полетов: Microsoft To-Do. HolyJS 2022. create-tw — CLI-инструмент, который значительно упрощает процесс создания проектов, ориентированных на TailwindCSS. ☕️ Учебник по JavaScript: работа с объектами Знаете ли вы, что псевдокласс :focus-visible разрабатывался 7 лет? Если хотите вникнуть более подробно, здесь есть расшифровка недавнего подкаста от тех, кто непосредственно в этом участвовал. А здесь — краткое введение в псевдокласс. Бесплатный мини-курс, который охватывает все особенности вёрстки с использованием CSS Flexbox. Творческие примеры красивых анимированных границ элементов на CSS. Подборка полезных бесплатных сервисов-генераторов CSS. Читать в Твиттере, Читать в Thread Reader App, если Твиттер недоступен. Разбор реальных задач с собеседований на тему event loop в JavaScript. Минимизация кода на JavaScript: не руководство к действию, а интересный обзор вроде «а что, так можно было?». Заметки о вертикальном и горизонтальном центрировании в CSS на примерах. TypeScript TypeScript Mapped Types: подробный гайд по использованию связанных типов с анимированными примерами. NodeJS ni — инструмент, который автоматически определяет предпочтительный менеджер пакетов на основании lock-файла: npm, yarn, pnpm или bun. Clinic.js — набор инструментов для диагностики и выявления проблем с производительностью проектов на Node.js. Разное На заметку разработчикам, которые имеют дело с видеоэффектами для веба. Лидом можно стать в первый год работы, jQuery живее всех живых, а вопрос становиться фулстеком или оставаться фронтом расколол сообщество пополам. Под катом вы увидите результаты опроса фронтендеров с комментариями Максима Орехова, руководителя центра компетенций по разработке веб-приложений ПСБ. Наталия Давыдова делится подробностями своей тяжелейшей карьеры с нуля до джуна и мидла во фронтенд-разработке. Вас ждут полезные советы, которые помогут избежать множества ошибок на старте карьеры. Коллекция руководств, шпаргалок и других материалов по JavaScript, React, TypeScript, Node.js, Express, Prisma, GraphQL, Docker и множеству других технологий, связанных с разработкой веб-приложений. Автор — Игорь Агапов, JavaScript-разработчик из Timeweb Cloud. 👍 Как правильно писать сообщения коммитов в GIT, чтобы всем было хорошо 🎙Подкаст «Веб-стандарты»: Chrome DevTools, container и :has, random в CSS, CSS в npm, доки, VS Code, телефоны, SPA и MPA. Изучаем Three.js на примере реализации старого доброго тетриса. Обзор обновлений DevTools в Chrome 105: новость, которая заслуживает отдельный пост. *** Предыдущие выпуски 📰 Weekly #11: новости, подкасты, отборные статьи и обучающие материалы по фронтенду 📰 Weekly #9: новости, подкасты, отборные статьи и обучающие материалы по фронтенду 📰 Weekly #7: новости, подкасты, отборные статьи и обучающие материалы по фронтенду
Пишу об IT и на Python. kungurov.net В этом выпуске: Наталия Давыдова делится подробностями своей тяжелейшей карьеры с нуля до джуна и мидла во фронтенд-разработке; погружение в Bun – полный пересмотр экосистемы JavaScript; заметки о вертикальном и горизонтальном центрировании в CSS на примерах. Больше полезных материалов вы найдете на нашем телеграм-канале «Библиотека фронтендера» Интересно, перейти к каналу Angular Текущее состояние сквозного тестирования в Angular. React Разбор шаблонов проектирования группы Gang-of-Four с примерами на React. ⚛️ Лучшие практики применения принципов SOLID в React Коллекция паттернов, антипаттернов, советов и полезных ресурсов для React-разработчиков. JavaScript, CSS и HTML Онлайн-калькулятор Fluid Type Scale. Если для тега img не указана высота, браузеры используют нулевую высоту до тех пор, пока не начнут загружать изображение. Затем размер изменяется, и другой контент перемещается по странице. В статье рассматриваются два разных способа предотвращения этой проблемы. Погружение в Bun: полный пересмотр экосистемы JavaScript. Подробный разбор механизмов работы движков JavaScript: Часть 1: парсинг, Часть 2: генерация кода и базовые оптимизации. Базовое понимание принципа Eventloop в рамках браузерного окружения и движка V8. Разбираемся с использованием расширения CSS Scan, которое упрощает копирование стилей и разметки любого элемента на веб-сайте. Два доклада Алексея Мигуцкого об архитектуре JavaScript-проектов на примере Microsoft To-Do: Как Microsoft To-Do использует React. JS Fest 2018 Разбор полетов: Microsoft To-Do. HolyJS 2022. create-tw — CLI-инструмент, который значительно упрощает процесс создания проектов, ориентированных на TailwindCSS. ☕️ Учебник по JavaScript: работа с объектами Знаете ли вы, что псевдокласс :focus-visible разрабатывался 7 лет? Если хотите вникнуть более подробно, здесь есть расшифровка недавнего подкаста от тех, кто непосредственно в этом участвовал. А здесь — краткое введение в псевдокласс. Бесплатный мини-курс, который охватывает все особенности вёрстки с использованием CSS Flexbox. Творческие примеры красивых анимированных границ элементов на CSS. Подборка полезных бесплатных сервисов-генераторов CSS. Читать в Твиттере, Читать в Thread Reader App, если Твиттер недоступен. Разбор реальных задач с собеседований на тему event loop в JavaScript. Минимизация кода на JavaScript: не руководство к действию, а интересный обзор вроде «а что, так можно было?». Заметки о вертикальном и горизонтальном центрировании в CSS на примерах. TypeScript TypeScript Mapped Types: подробный гайд по использованию связанных типов с анимированными примерами. NodeJS ni — инструмент, который автоматически определяет предпочтительный менеджер пакетов на основании lock-файла: npm, yarn, pnpm или bun. Clinic.js — набор инструментов для диагностики и выявления проблем с производительностью проектов на Node.js. Разное На заметку разработчикам, которые имеют дело с видеоэффектами для веба. Лидом можно стать в первый год работы, jQuery живее всех живых, а вопрос становиться фулстеком или оставаться фронтом расколол сообщество пополам. Под катом вы увидите результаты опроса фронтендеров с комментариями Максима Орехова, руководителя центра компетенций по разработке веб-приложений ПСБ. Наталия Давыдова делится подробностями своей тяжелейшей карьеры с нуля до джуна и мидла во фронтенд-разработке. Вас ждут полезные советы, которые помогут избежать множества ошибок на старте карьеры. Коллекция руководств, шпаргалок и других материалов по JavaScript, React, TypeScript, Node.js, Express, Prisma, GraphQL, Docker и множеству других технологий, связанных с разработкой веб-приложений. Автор — Игорь Агапов, JavaScript-разработчик из Timeweb Cloud. 👍 Как правильно писать сообщения коммитов в GIT, чтобы всем было хорошо 🎙Подкаст «Веб-стандарты»: Chrome DevTools, container и :has, random в CSS, CSS в npm, доки, VS Code, телефоны, SPA и MPA. Изучаем Three.js на примере реализации старого доброго тетриса. Обзор обновлений DevTools в Chrome 105: новость, которая заслуживает отдельный пост. *** Предыдущие выпуски 📰 Weekly #11: новости, подкасты, отборные статьи и обучающие материалы по фронтенду 📰 Weekly #9: новости, подкасты, отборные статьи и обучающие материалы по фронтенду 📰 Weekly #7: новости, подкасты, отборные статьи и обучающие материалы по фронтенду
Больше полезных материалов вы найдете на нашем телеграм-канале «Библиотека фронтендера» Интересно, перейти к каналу
⚛️ Лучшие практики применения принципов SOLID в React
☕️ Учебник по JavaScript: работа с объектами
👍 Как правильно писать сообщения коммитов в GIT, чтобы всем было хорошо
***
Ваш адрес email не будет опубликован. Обязательные поля помечены *
Сохранить моё имя, email и адрес сайта в этом браузере для последующих моих комментариев.
Δ
Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.