Size: a a a

Типичный Верстальщик

2021 May 10
Типичный Верстальщик
​​Примеры применения переменных CSS на практике 😎

Правильное использование переменных CSS позволяет существенно сократить время и трудозатраты на решение определённых задач в CSS. Данная статься делится с вами описанием практического использования переменных CSS помимо их применения для создания маркеров дизайна, таких как цвета. Если вы ещё не работали с переменными CSS, эта статья будет полезна, чтобы познакомиться с ними. Как только вы их освоите, работа станет намного проще.

Читать: https://habr.com/ru/company/skillfactory/blog/554440/

#css
источник
2021 May 11
Типичный Верстальщик
​​HTML-теги и атрибуты, о которых вы, возможно, не знали 😑

Грамотное использование HTML разметки очень важный момент в написании семантически правильного кода. Не все разработчики, особенно среди новичков, по незанию или неопытности правильно используют теги и атрибуты гипертекстовой разметки. Эта статья — шпаргалка по малоиспользуемым HTML-тегам и атрибутам, знание которых может упростить работу, а код сделать более правильным.

Читать: https://habr.com/ru/company/macloud/blog/555400/

#html
источник
Типичный Верстальщик
КАК НЕ СБИТЬСЯ С ПУТИ, КОГДА УЧИШЬСЯ ВЕБ-РАЗРАБОТКЕ САМОСТОЯТЕЛЬНО? 🙃

Вопросы любого новичка в области веб-разработки, которые крутятся циклично в голове:
⁃ в какой последовательности учить технологии?
⁃ достаточно ли я знаю, чтобы приступать к изучению новой технологии?
⁃ какие работы лучше опубликовать в портфолио?

И если с ними разобраться еще можно, потому что речь касается ТОЛЬКО обучения, то последующие могут вызывать самый настоящий СТРАХ, потому что придется работать с чем-то и с кем-то реальным.

⁃ достаточно ли у меня навыков, чтобы выполнять первые заказы?
⁃ а что, если я не справлюсь с заказом? что тогда?
⁃ а вдруг на собеседовании я покажусь недостаточно умным/умной?

Начну с того, что я вас понимаю. Спросите у любого опытного специалиста - он/она тоже через это проходили. Но это не должно стать причиной бездействия или оправданием, чтобы ничего не делать.

Я вообще обучалась всему сама по книгам, когда и совета то спросить было не у кого и рынок обучения был скудным 🗿

Толи дело как сейчас всё упростилось. Любой навык можно освоить за короткие сроки.

Помогу и я вам! 👋 Приглашаю на бесплатный вебинар «Как с нуля стать веб-разработчиком». Пройдет в онлайн формате в субботу 15 мая 13:00 мск.

На вебинаре ты узнаешь:
Какие направления разработки существуют;
Что такое фронтенд и бекенд, как они связаны и зачем нужны;
Какие языки и технологии используются в вебе;
Почему веб-разработка — отличный выбор для старта карьеры;
Сколько платят веб-разработчикам;
Вместе напишем код своими руками в онлайн-редакторе (пример работы на сайте);
Какими инструментами пользуются веб-разработчики;
Получишь план обучения web-разработке.

⚡️ Для участия нужно зарегистрироваться на сайте:
tpverstak.ru/webinar-web

Если возникнут проблемы при регистрации - смело пишите мне в ЛС @annblok
источник
Типичный Верстальщик
​​5 React-хуков, которые пригодятся в любом проекте ⚓️

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

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

#react
источник
Типичный Верстальщик
​​#реклама
Онлайн-курс «Frontend-разработчик с нуля до PRO» — ваш проводник в мир IT.

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

На курсе вы научитесь:
- верстать веб-страницы;
- создавать интерактивные веб-приложения;
- работать в системе контроля версий GIT и командной строке Bash;
- применять основные алгоритмы и структуры данных в реальных проектах;
- работать с макетами в Photoshop и Figma;
- создавать серверные приложения с использованием Node.js и многому другому.

А ещё вы самостоятельно разработаете 7 проектов для вашего портфолио — они повысят шансы получить должность в одной из компаний, которые подберёт наш Центр карьеры.

Ознакомиться с программой и записаться на обучение можно по ссылке, жмите «Подробнее»
источник
2021 May 12
Типичный Верстальщик
​​Аспекты хороших юнит-тестов 😎

Давайте для начала перечислим свойства хороших юнит-тестов.
Первое. Интегрированы в цикл разработки. Пользу приносят только те тесты, которые вы активно используете; иначе писать их нет смысла.
Второе. Тестируют только самые важные части вашего кода. Не весь рабочий код заслуживает одинакового внимания.
Третье. Дают максимальную защиту от багов с минимальными затратами на сопровождение. Для этого нужно уметь распознавать эффективные тесты и писать их.
Однако распознавание и написание эффективного теста – два разных навыка. И для приобретения второго навыка необходимо сначала освоить первый. Далее в этой статье будет показано, как распознать эффективный тест. Также будет рассмотрена пирамида тестирования и тестирование по принципу «черного ящика» / «белого ящика».

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

#work
источник
2021 May 13
Типичный Верстальщик
​​Почему стоит использовать тег <picture> вместо <img> 🤔

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

Читать: https://habr.com/ru/company/vdsina/blog/555736/

#html
источник
Типичный Верстальщик
В субботу проведу вебинар на тему “Как с нуля стать веб-разработчиком” ⚡️

Жду всех, кто планировал стать веб-разработчиком, но не знает с чего начать и хотел бы на практике попробовать сделать небольшой пример на HTML и CSS вместе со мной.

Участие бесплатное, но нужно зарегистрироваться:
https://tpverstak.ru/webinar-web/

Начало вебинара:
15 мая 13:00 мск

Все регистрации видим, письмо с приглашением придет за пару минут до старта вебинара, учитывайте это ☺️
источник
2021 May 14
Типичный Верстальщик
​​Вышел Bootstrap 5: оцениваем 7 главных нововведений 😃

Пройдя через несколько альфа- и бета-версий, наконец-то появился Bootstrap 5, на что у разработчиков ушло несколько месяцев. Новая версия претерпела серьезные изменения, включая отказ от поддержки Internet Explorer (IE) и зависимости jQuery. От IE было решено отказаться, потому что браузер занимает всего 3% рынка и его доля продолжает снижаться.

Что такое Bootstrap? Это самый популярный в мире CSS-фреймворк с открытым исходным кодом, который разработан командой Twitter. В v5 внесено сразу несколько критически важных изменений, давайте посмотрим, что там и как.

Читать: https://habr.com/ru/company/selectel/blog/555930/

#bootstrap
источник
Типичный Верстальщик
⚡️ Уже завтра проведу бесплатный вебинар на тему “Как с нуля стать веб-разработчиком”

Жду всех, кто планировал стать веб-разработчиком, но не знает с чего начать и хотел бы на практике попробовать сделать небольшой пример на HTML и CSS вместе со мной.

👇 Участие бесплатное, но нужно зарегистрироваться:
https://tpverstak.ru/webinar-web/

Начало вебинара:
15 мая 13:00 мск

Все регистрации видим, письмо с приглашением придет за пару минут до старта вебинара, учитывайте это ☺️
источник
2021 May 15
Типичный Верстальщик
Последний шанс попасть на бесплатный вебинар! ⚠️

Регистрацию закрою за 15 минут до старта, чтобы те, кто оставил заявки получили свои письма с ссылкой для участия на вебинаре.
источник
Типичный Верстальщик
Вебинар прошел отлично! 🤗
Те, кто не успел присоедениться - вас ждет письмо на почте с записью вебинара. Он будет в доступе до утра 17 мая. Также в письмо приложила подарок 🎁
источник
2021 May 16
Типичный Верстальщик
​​Для чего нужно интеграционное тестирование? 😎

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

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

#work
источник
2021 May 17
Типичный Верстальщик
Сегодня началось обучение на курсах по верстке и JavaScript

Если вы тоже хотели приступить к обучанию, но опоздали с записью, то пишите мне @annblok
Заранее ознакомиться с обучением и тарифами можно тут - https://frontendblok.com/
источник
Типичный Верстальщик
​​Используем GPU для повышения производительности JavaScript😃

Мы, разработчики, всегда стремимся искать возможности повышения производительности приложений. Когда речь идёт о веб-приложениях, то улучшения обычно вносятся только в код. Но думали ли вы об использовании мощи GPU для повышения производительности веб-приложений? В этой статье будет рассказано о библиотеке ускорения JavaScript под названием GPU.js, а также, как повысить скорость сложных вычислений.

Читать: https://habr.com/ru/company/vdsina/blog/555994/

#javascript
источник
2021 May 18
Типичный Верстальщик
​​HTML трюки 😎

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

Читать: https://habr.com/ru/company/timeweb/blog/556214/

#html
источник
Типичный Верстальщик
​​Выявление устройств с сенсорными экранами на чистом CSS 😃

У разработчиков, которым нужно выявлять устройства с сенсорными экранами, пользуясь исключительно CSS, появилась, благодаря новым возможностям CSS, надежда на светлое будущее. Речь идёт о черновике стандарта CSS Media Queries Level 4, в котором описаны два новых свойства — hover и pointer.

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

#css
источник
2021 May 19
Типичный Верстальщик
Бесплатный онлайн-митап для frontend-разработчиков и дизайнеров от Сбера и JUG Ru Group.

Когда: 25 мая, 17:00 (по МСК)
Участие: бесплатно
Формат: онлайн

Программа митапа:
✔️«Designer-Developer Workflow in 2021»
Виталий Фридман о том, что значит эффективно проектировать и билдить в сюрреалистичном 2021 году.
✔️«Микрофронтенд в Сбербанк Онлайн»
Дмитрий Кузнецов о том, как разрабатывать крупное фронтенд-приложение, реализовать поставку независимых бизнес-фичей в продакшн и какие есть практики изоляции и построения микрофронтендов.
✔️«Optimistic UI»
Олег Иванов о том, что такое optimistic UI, какие преимущества дает этот подход и как использовать его в любой среде.

🔥А также — круглый стол, где спикеры обсудят:
– что надо знать про дизайн-системы;
– что значит быть дизайнером/разработчиком в 2021 году;
– accessibility: как прикрутить дизайн-систему, которая работает для всех.

👉 Подключайтесь, смотрите и задавайте вопросы спикерам. Участие бесплатное, нужно только зарегистрироваться.
источник
Типичный Верстальщик
​​Упрощаем работу с Angular с помощью @taiga-ui/cdk😎

CDK — базовый пакет библиотеки компонентов Taiga UI. Он не имеет никакой привязки к визуальной составляющей библиотеки, а скорее служит набором полезных инструментов для упрощения создания Angular-приложений.

Читать: https://habr.com/ru/company/tinkoff/blog/556660/

#angular
источник
2021 May 20
Типичный Верстальщик
​​Vue.js и слоистая архитектура: вынесение бизнес-логики в сервисы

Когда нужно сделать код в проекте гибким и удобным, на помощь приходит разделение архитектуры на несколько слоев. Материал расскажет подробнее про этот подход и альтернативы, а также даст рекомендации, которые могут быть полезны как начинающим, так и опытным разработчикам Vue.js, React.js, Angular.

Читать: https://habr.com/ru/company/simbirsoft/blog/556270/

#vue
источник