​Продвинутый TypeScript

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

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

#typescript #javascript

​​Множество микросервисов, завязанных на монолит, пытаются ускорить работу системы:

​Принцип работы async/await

Если вам доводилось работать с JavaScript, то вы наверняка знакомы с async/await. Эта функциональность позволяет прописывать асинхронную логику синхронным образом, упрощая её понимание.

Некоторым ветеранам JS известно, что async/await — это просто синтаксический сахар для существующего Promises API. Это означает, что в JS должен быть способ реализации функциональности async/await без использования ключевых слов async и await, хоть и более громоздкий. Именно об этом и пойдёт речь в статье.

#javascript #async #promises

Разыскиваются UX/UI дизайнеры

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

Сейчас им требуется UX/UI дизайнер на проектную работу с возможностью трудоустройства в будущем. Вот что ему предстоит делать:

— погружаться в проблемы пользователей;
— проектировать пользовательские интерфейсы на основе общения с пользователями, конкурентного анализа и изучения best-practices;
— создавать дизайн-макеты и интерактивные прототипы в Fgma;
— участвовать в планировании и демонстрации проекта.

Если заинтересовались, то пишите сюда: @d_mishukov

#вакансии #работа

Во время зомби-апокалипсиса в живых останутся только плохие разработчики

​10 ошибок в CSS

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

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

#css #html #вёрстка

Если хотите быть в тренде и получать лучшее из мира IT, у Tproger есть 4 канала, которые вам в этом помогут:

— всё о нейросетях и ИИ: @neurochannel

— полезные сохранёнки на все случаи жизни: @prog_stuff

— нужные инструменты для ваших проектов: @prog_tools

— новости из мира технологий: @your_tech

Кстати, там сейчас ещё и розыгрыш подписок Telegram Premium проходит, так что заходите, смотрите условия и подписывайтесь.

​​​Когда удаляешь 1000+ строчек своего кода, потому что нашёл фреймворк, которые делает всё то же самое, но лучше:

Новая единица измерения области просмотра

Мобильные браузеры имеют разные пользовательские интерфейсы для верхней и нижней панелей и меняют высоту области просмотра при прокрутке, что приводит к проблемам со свойством height: 100vh на телефонах.

Но теперь у нас есть модуль dvh, динамически адаптирующийся к текущей высоте окна просмотра.

#css #height #адаптив

​Parallax с помощью CSS

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

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

#css #html #вёрстка

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

— Senior BackEnd Java Developer
Где: удалённо
Опыт: от 5 лет

— Разработчик Elixir
Где: удалённо
Опыт: от 3 лет

— Senior/Middle FrontEnd (React) Developer
Где: удалённо
Опыт: от 3 лет

— Backend разработчик NodeJS
Где: удалённо
Опыт: от 2 лет

— Senior/Lead Product Design / Продуктовый Дизайнер
Где: удалённо
Опыт: от 5 лет

— Automation QA Engineer Java
Где: удалённо
Опыт: от 3 лет

— QA Automation Engineer (JS, Cypress)
Где: удалённо
Опыт: не указан

— QA Engineer Manual
Где: удалённо
Опыт: не указан

— BackEnd разработчик NodeJS
Где: удалённо
Опыт: от 3 лет

— ИТ-архитектор
Где: удалённо
Опыт: от 3 лет

#вакансии #работа

ПО как колбаса — лучше не знать, что внутри

​Переменные CSS

Эта статья расскажет вам все, что нужно знать о переменных CSS: от базовых понятий до продвинутых приёмов.

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

#css #variables #вёрстка

Дальше вся информация будет только в книжках и документации

​Как прервать «ленивую загрузку»

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

Лучше отказаться от ленивой загрузки, чем реализовать её некорректно. Как правильно организовать этот процесс, вы узнаете из этой статьи: https://cloudfour.com/thinks/stop-lazy-loading-product-and-hero-images/

#css #оптимизаци #html

Срочно удалить пет-проекты, срочно удалить пет-проекты, срочно удалить пет-проекты...

Библиотека Javascript анимации

Theatre.js — это профессиональный набор инструментов для моушн-дизайна. Он поможет вам создать любую анимацию: от кинематографических сцен до восхитительных взаимодействий с пользовательским интерфейсом.

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

Какой синтаксис, такой и учебник

​15 трендов CSS в 2023 году

Из этой статьи вы узнаете о таких возможностях, как CSS Grid, контейнерные запросы, прокрутка и переменные. Освоите новые цветовые палитры, каскадные слои и свойство content visibility для оптимизации скорости загрузки.

#css #html

Прослезился