​​TypeScript: Раскладываем tsconfig по полочкам. 😎

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

Читать: https://habr.com/ru/post/542234/

#work

С Днем Компьютерщика и моим Днем Рождения ✨

Ребят, спасибо всем за поздравления ☺️ все сообщения в чате видела - вы лучшие! ✨

​​В ожидании aspect-ratio: все «хаки» для пропорциональных боксов ⏳

В ожидании широкой поддержки свойства aspect‑ratio эта статья предлагает вспомнить несколько вариаций "хака", которые мы все еще можем использовать, чтобы достичь такого же поведения с обычными боксами.

Читать: https://habr.com/ru/post/542212/

#css

​​Боль фронтов, или что нам нужно от дизайнеров 🤝🏻

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

Читать: https://habr.com/ru/post/541666/

#work

​​Как реализовать drag&drop на чистом JavaScript 😎

В этой статье расскажется, как реализовать эффект drag&drop на ванильном JavaScript. Дословный перевод с английского — «потяни и брось» — отражает суть эффекта, это хорошо знакомое любому пользователю перетаскивание элементов интерфейса.

Читать: https://habr.com/ru/company/htmlacademy/blog/541972/

#javascript

​​Что разработчику нужно знать о работе с дизайном/дизайнером 🤝🏻

На дворе 2021 год, и уже давно наступило время, когда дизайнеры и программисты стали работать совместно над одним продуктом. Сейчас уже почти не встретишь команду разработки, в которой нет дизайнера. Этому способствовало массовое переселение тогдашних “Операторов ЭВМ” на графические интерфейсы. Теперь операторы - это невероятное количество разновидностей менеджеров, которые занимаются управлением различными бизнес процессами в их организациях - начиная от формирования документации, заканчивая управлением станками по сборке техники.

Читать: https://habr.com/ru/post/541966/

#work

То чувство, когда ты в Clubhouse сидишь с середины января, а уже спустя месяц в RU-сообществе только и разговоров о Clubhouse 😄

Мой ник там - annblok
Добавляйтесь в друзья и можем в выходные устроить свою хлабхаус-тусовку.

Напишите, на какие темы вы бы хотели пообщаться?

P.S. В приложении нет, как таковой регистрации. Вход по инвайтам и только для пользователей iOS.

​​Сага о типизации и тайпчекинге для JavaScript 😎

Часто люди воспринимают типизацию как эдакую серебряную пулю, которая защищает от всех проблем. Но это не так, часто ожидания от типизации неоправданны, а простота таких инструментов, как TypeScript, обманчива и слишком переоценена.

Читать: https://habr.com/ru/company/yandex/blog/541338/

#javascript

#реклама
Я Люблю Фронтенд 2021: теория и практика.

27 февраля мы в третий раз признаемся в любви фронтенду. В этом году конференция пройдёт онлайн и в два трека: доклады и воркшопы. Восемь экспертов из Яндекса, Microsoft, Wrike и других компаний расскажут о трендах разработки интерфейсов.

Посмотрим на JSON с другой стороны, выясним особенности и подводные камни реализации стейт-менеджмента, узнаем, как начать работу с Workbox 6, поговорим о «внутрянке» коллекций Map/Set. Рассмотрим на примерах пользовательский опыт незрячего человека, погрузимся в мир виртуальной и дополненной реальности и посмотрим, как VR и AR разрабатываются в реале.

Параллельно с докладами пройдёт блок воркшопов, где вы сможете научиться новому на практике: нарисуете персонажную анимацию на CSS, разберётесь в теории и практике Dependency Injection и разработаете прототип собственного голосового ассистента.

Подробности и регистрация

​​React: лучшие практики

Когда дело касается структуры приложения или его внешнего вида (дизайна), сложно назвать какие-то универсальные подходы. Вместе с тем, существуют определенные приемы написания кода, которые позволяют обеспечить возможность долгосрочной поддержки и масштабируемости создаваемых проектов. Данная статья представляет собой своего рода набор правил разработки React-приложений.

Читать: https://habr.com/ru/post/541320/

#work

Вчера робот приземлился на поверхность Марса, а я предлагаю вам приземлиться на поверхность мира Web-разработки. И сделать это можно на марафоне, который так и называется «Основы веб-разработки».

🔥 Участие бесплатное, но нужно зарегистрироваться - http://frontendblok.com/marathons/web-marathon

​​Пришло время попрощаться с единицей измерения px 🎉

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

Читать: https://habr.com/ru/company/ruvds/blog/541506/

#work

​​Figma — делаем дизайн компонентов, пригодный для экспорта в код 😎

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

Читать: https://habr.com/ru/post/542394/

#work

​​Что выбрать: глобальные переменные или useThis? 🤔

Как вы знаете при переходе с компонентов классов на функциональные, у нас отняли такую полезную вещь как this, которая указывает на текущий экземпляр компонента. И конечно у нас возник вопрос: “а где же тогда хранить timeoutId?”. Данная статься расскажет о том, как выйти из подобной ситуации

Читать: https://habr.com/ru/post/541884/

#work

Всех с праздником! Желаю постоянного совершенствования в мире Web и если вы еще не стали его частью, то обязательно попробуйте себя в создании сайтов! 👩‍💻👨‍💻

1 марта стартуют курсы по верстке ⚡️

🔥 Базовый курс
Для новичков и тех, кто ранее что-то пробовал верстать, но нет систематизированных знаний. На практике верстаем макеты Figma на HTML и CSS с нуля в течении месяца (+теория), а также даем еще 2 недели на верстку дипломного проекта. Все макеты отображены на сайте.

Подробнее: https://frontendblok.com/courses/html-css

🔥 Продвинутый курс
Курс для тех, кто верстал с HTML/CSS или учился на базовом курсе и хочет прокачивать свои навыки дальше. На практике создашь также 2 сайта с Gulp, SCSS и JavaScript. Все макеты отображены на сайте.

Подробнее: https://frontendblok.com/courses/advanced-html-css

Каждый курс длится 1 месяц + даем 2 недели на верстку дипломного проекта. По прохождению всех курсов, у вас будет 4 работы в портфолио. Все макеты для курса были специально отрисованы под наш формат обучения, чтобы попробовать на практике разные уровни сложности. Изучить макеты можно по ссылкам.

Остались вопросы? Пишите мне @annblok

​​Разбираемся с not в Python 🐍

В этой статье из серии про синтаксический сахар в Python рассмотрим на первый взгляд очень простой синтаксис, но на самом деле, чтобы разобраться в механике его работы, нужно погрузиться вглубь на несколько слоев. Речь пойдёт о not.

Читать: https://habr.com/ru/company/otus/blog/542474/

#work

Давайте поверстаем сайт, не используя CSS? 😱

Но как это возможно? Спросите вы. И я отвечу 🤫
Для этого мы будем использовать Tailwind. Это CSS-фреймворк, который, на мой взгляд, даже круче обновленного Bootstrap 5.

Подобрав верный класс, вы можете сделать даже анимацию и Grid CSS, в то время, как Bootstrap радостно заявляет об отказе jQuery, не добавив даже Grid.

Tailwind CSS легко интегрируется в React, Vue, Laravel и прочие инструменты, но мы на практике лишь познакомимся с ним: используя лишь CDN-ссылку, которую подключим к HTML.

Смотреть - https://youtu.be/skSpvzyEljo

Обязательно жмите лайк, чтобы сохранить видео и не потерять полезные ссылки. А также подписывайтесь на канал, чтобы Youtube лучше рекомендовал видео ❤️

Такие диалоги про JPEG я встречала только в мемасах, где скринили такие диалоги, но не думала, что и меня такое настигнет когда-нибудь 😂