Size: a a a

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

2021 June 03
Типичный Верстальщик
​​5 приемов разделения «бандла» и «ленивой» загрузке в React 😎

Разделение Javascript-кода на несколько файлов называется разделением «бандла» или сборки (bundle splitting). Это позволяет загружать только тот код, который который используется приложением в данный момент, другие части загружаются по необходимости (по запросу пользователя).

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

#react
источник
2021 June 04
Типичный Верстальщик
​​6 способов снизить когнитивную нагрузку от интерфейса 😃

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

Читать: https://habr.com/ru/company/alconost/blog/559418/

#design #ux
источник
Типичный Верстальщик
Обучение на курсе Супер Старт 3.0 уже началось: мы верстаем усложненный макет и дарим подарки ученикам ⚡⚡⚡

Мы перезаписали курс Супер Старт и теперь это не просто мини-курс, где верстаем что-то простое, а скорее уже, как полноценный интенсив, где мы работаем над усложненным макетом Figma с использованием HTML, CSS Flexbox и Grid, сделаем переходы, добавим SVG. С нуля до адаптива.

🎁 В подарок вы также получите PDF с моими комментариями на популярный Roadmap Frontend.

А также мы добавили возможность индивидуальной консультации с Анной Блок и проверкой вашей работы в рамках тарифа “Индивидуальный”. Стоимость тарифа снижена и будет актуальна до 7 июня! После цена возрастет до 8990 руб.

Регистрируйся на курс:
https://frontendblok.com/courses/super-start

Ждем всех желающих прокачать свои навыки на практике! 🤗
источник
2021 June 06
Типичный Верстальщик
​​Создание архитектуры для работы с высокой нагрузкой веб-проекта 😎

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

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

#work
источник
Типичный Верстальщик
⚡️Закрытие продаж на ежедневник Frontend Book PDF

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

В декабре 2020 года весь тираж был распродан и мы пришли к выводу, что работать с оффлайн продуктом в разы тяжелее, чем строить онлайн-бизнес 😅

После распродаж, мы оставили возможность приобрести PDF-версию, чтобы распечатать для себя только необходимые страницы.

Например, в ежедневнике есть шпаргалки по темам: Flexbox, Grid, Sass, Canvas, CSS селекторы, БЭМ, команды Git, Emmet.

Также там есть иллюстрации с постерами IT юмора, которые можно распечатать в любом размере и повесить на стену или украсить стол. Иллюстрации все отрисованы нами, это не что-то взятое из интернета 🔥

Также есть страница с планированием чтения книг. Да, это не строго про IT, но это важно для любого человека.

❌ Продажи закрываются в понедельник.

Сейчас ежедневник можно приобрести на сайте 👇
https://tpverstak.ru/frontendbook

💰 Стоимость всего 490 руб.

Почитать больше об итогах продаж оффлайн продукта можно тут:
https://www.instagram.com/p/B6vIFhqgT6Z/

В ближайшее время ничего подобного выпускать не планирую, потому что сейчас иные приоритеты.
источник
Типичный Верстальщик
😱 Повышение цен на курс Супер Старт 3.0 будет во вторник

Заранее вас предупреждаем об этом, чтобы вы могли успеть до обновления цен. Приняли решение, что повысить стоимость за тариф "Самостоятельный" было бы справедливо.

Это уже не курс. Это интенсивный интенсив! 🤪

Например, 2-й урок - это 50-ти минутная практика, где параллельно я еще детально объясняю теорию, чтобы даже новичок всё-всё понял.

Также на 2-ом уроке мы дали домашку на самостоятельное выполнение и в 3-ем уроке мы опубликовали дополнительно видео с 20-ти минутным разбором самостоятельного ДЗ!

Сделано это для того, чтобы независимо от тарифа вы могли усвоить материал и разобраться во всём до конца.

👇 Начать обучение:
https://frontendblok.com/courses/super-start

Успевай до повышения цен! 🔥
источник
2021 June 07
Типичный Верстальщик
Сегодня последний день! ⚡️
Завтра страница на ежедневник Frontend Book будет не доступна ❌
источник
Типичный Верстальщик
​​3 способа визуального извлечения данных с помощью JavaScript 🔍

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

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

#javascript
источник
Типичный Верстальщик
Повышение цен на курс Супер Старт 3.0 также произойдет завтра ⚠️ Пусть будет просто, как пост-напоминание
источник
Типичный Верстальщик
Жил-был в мире Руслан, которому больше нечем заняться, кроме как раздавать направо-налево Frontend Book PDF, который вообще-то и так копейки стоит 🗿🗿🗿
источник
2021 June 08
Типичный Верстальщик
Смотрится как мем. Скрин из нашего чата: @tpverstakchat
источник
Типичный Верстальщик
​​Создаём королевскую форму для приёма банковских карт 💳

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

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

#work
источник
Типичный Верстальщик
​​Искусство написания циклов на Python 🐍

Цикл for — самый базовый инструмент потока управления большинства языков программирования. В Python есть множество хитростей, позволяющих писать более изящные циклы, которые упрощают нашу жизнь. В Python вполне можно избежать вложенных циклов и вспомогательных переменных, и мы даже можем самостоятельно настраивать цикл for. Эта статья познакомит вас с самыми полезными трюками по написанию циклов на Python. Надеюсь, она поможет вам ощутить красоту этого языка.

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

#work
источник
Типичный Верстальщик
Кто-то вчера оплатил Frontend Book, но указал почту с окончанием на outlook com - отзовись ⚡️ Почтовик не позволяет тебе отправить PDF из-за неверно указанной почты при оплате.
источник
2021 June 09
Типичный Верстальщик
​​Управление зависимостями в Node.js 😎

Управление зависимостями — это часть повседневной работы Node.js-программиста. В статье расскажется о разных подходах к работе с зависимостями в Node.js, и о том, как система загружает и обрабатывает зависимости.

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

#node
источник
2021 June 10
Типичный Верстальщик
14 июня стартует курс по фреймворку Vue 3

На практике мы создадим 2 веб-приложения:

✅1 неделя обучения - мини-приложение “Онлайн-тест” с выводом результатов в конце и возможностью пройти тест снова

✅2, 3 и 4 неделя обучения - приложение “Брокерская компания”, где мы через API выведем данные по валютным парам, крипте и акциям. Также сделаем страницу администратора компании с возможностью просматривать страницы клиентов и саму страницу клиента.

🔥 Мы сохранили для вас скидки на 2-й поток обучения! Следующий поток, вероятно, будет только в сентябре 😱

Ссылка на регистрацию:
https://frontendblok.com/courses/vuejs
https://frontendblok.com/courses/vuejs
https://frontendblok.com/courses/vuejs
источник
Типичный Верстальщик
​​Ptpython: улучшенный REPL для Python 🐍

Возникало ли у вас когда-нибудь желание быстро испытать какую-нибудь свежую идею, прибегнув к интерфейсу командной строки Python, к REPL? Что если можно было бы превратить довольно-таки скучную командную строку Python в многофункциональный инструмент, вроде того, запись работы с которым показана в статье?

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

#work
источник
2021 June 11
Типичный Верстальщик
​​Как в PHP улучшить читаемость регулярных выражений 🐘

Регулярные выражения — очень мощный инструмент, однако согласно общепринятому мнению, после того как они написаны, их очень трудно понять, поэтому их поддержка — не самое приятное занятие. Здесь собраны советы, которые помогут сделать из более читаемыми.

Читать: https://habr.com/ru/company/mailru/blog/560460/

#php
источник
Типичный Верстальщик
14 июня стартует курс по фреймворку Vue 3 👋

Курс длится 4 недели и на практике мы создадим 2 веб-приложения, параллельно изучая теорию:

✅ 1 неделя обучения - мини-приложение “Онлайн-тест” с выводом результатов в конце и возможностью пройти тест снова.

✅ 2, 3 и 4 неделя обучения - приложение “Брокерская компания”, где мы через API выведем данные по валютным парам, крипте и акциям. Также сделаем страницу администратора компании с возможностью просматривать страницы клиентов и саму страницу клиента.

🔥 Мы сохранили для вас скидки на 2-й поток обучения! Следующий поток запустим только в сентябре 😱

⚡️ Ссылка на регистрацию:
https://frontendblok.com/courses/vuejs
https://frontendblok.com/courses/vuejs
https://frontendblok.com/courses/vuejs
источник
2021 June 13
Типичный Верстальщик
​​Выкладка нетрадиционной ориентации 😆

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

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

#css
источник