WebDEV

React Native за 100 секунд React Native позволяет разработчикам создавать кроссплатформенные приложения для iOS, Android и веба из единой кодовой базы JavaScript. Начните создавать свое первое нативное мобильное приложение с помощью React Native. 📺 YouTube WebDEV #видео #ReactNative

💡 Ошибка: блоки влияют друг на друга, одни и те же селекторы встречаются в нескольких местах в scss Великая сила амперсанда в Sass позволяет писать стили по БЭМ и делать это еще нагляднее. Такой код:

.block {
    font-size: 1.2rem;
    &--dark {
        background: #000;
    }
    &__element {
        text-aling: center;
        &--big {
            width: 100%;
        }
        .ie9 & {
            &::before {
                content: 'hello ie'
            }
        }
    }
}

Будет скомпилирован в:

.block {
    font-size: 1.2rem;
}

.block--dark {
    background: #000;
}

.block__element {
    text-aling: center;
}

.block__element--big {
    width: 100%;
}

.ie9 .block__element::before {
    content: "hello ie";
}

Когда есть такой удобный инструмент, даже речи быть не может о повторе и переопределении стилей для одного блока. Если селектор .block уже написан в каком-то документе, то в другом документе его быть не должно. Продолжение следует... WebDEV #советы #web

WebDEV #test #typescript Выберите правильный вариант 👇🏼

🔥 Лучшее на канале за неделю 1. Professional JavaScript for Web Developers. 2. Devchallenges — участвуйте в крутых испытаниях и развивайте свои навыки, создавая веб-сайты. 3. Ошибка: копипаста есть, комментариев нет.

💡 Ошибка: копипаста есть, комментариев нет ▍Часть 2 Например:

<!-- TODO: change content attribute  -->
<meta name="apple-mobile-web-app-title" content="AMC Walking Dead">
<!--  -->

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

.block {
    font-size: 1.2 rem;
    …
    font-size: 18px;
}

Про смешивание пробелов и табов, одинарных и двойных кавычек можно даже не говорить — бездумная копипаста рано или поздно принесет эти прелести в проект (кстати, чтобы поддерживать единый стиль, можно воспользоваться EditorConfig). У авторов статей есть такой прием — вычитка, когда написанный текст перечитывают несколько раз, чтобы исправить пропущенные ошибки и перефразировать предложения, которые плохо звучат. Рекомендую активно проводить вычитку своего кода и особенно копипасты. WebDEV #советы #web

🛠 Devchallenges — участвуйте в крутых испытаниях и развивайте свои навыки, создавая веб-сайты. WebDEV #инструменты

📖 Professional JavaScript for Web Developers 🖋 Matt Frisbie, 2019 Данная книга написана для программистов среднего и продвинутого уровня. Автор объясняет многие технические детали, которые помогут вам в работе с JavaScript. В книге представлены различные темы от ООП в JavaScript до комбинирования JavaScript с HTML и другими языками разметки. 💾 Скачать книгу WebDEV #book #js

💡 Ошибка: копипаста есть, комментариев нет ▍Часть 1 С копипастой нужно быть особенно аккуратным: вдумчиво все перечитать, исправить «под проект» и удалить лишнее. Однажды встретилось:

<meta name="apple-mobile-web-app-title" content="AMC Walking Dead">

При этом обычный <title> содержал совершенно другую строку. Не важно, делаете вы редизайн или используете решение из интернета, пока копипаста не будет переработана, рядом с ней должен быть комментарий с TODO, чтобы: — не забыть и не утащить этот кусок в продакшн, — дать понять другим разработчикам, что это не окончательное решение, — дать понять ревьюеру, что этот код будет изменен. Продолжение следует... WebDEV #советы #web

Команда акселератора Спринт продолжает исследовать тенденции в сфере продвижения, приоритетные каналы для развития и способы остаться на связи со своей аудиторией. В этот четверг, 24 марта в 17.00, эксперт акселератора Спринт расскажет, какие каналы продвижения в российском сегменте интернета сегодня работают лучше прочих и как правильно их развивать. Вы узнаете, какие рекламные источники и форматы для эффективного привлечения аудитории и продолжения роста бизнеса. Ключевые темы: • Поисковая оптимизация (SEO). Обсудим, как привлекать клиентов из поисковых систем без платной рекламы. • Таргетированная реклама и продвижение Вконтакте. Узнаем, как результативно продвигаться в самой популярной социальной сети России. • Мессенджер Telegram. Поговорим, как набирать аудиторию в свой канал на площадке-лидере по приросту пользователей. • Платформа Яндекс.Дзен. Расскажем, как протестировать контент и выбрать подходящий формат для увеличения конверсии и охвата. Зарегистрироваться на вебинар: https://is.gd/PFbVsj

25 марта в 16.00 ФРИИ проводит встречу с выпускниками акселератора Спринт, которые расскажут про свой опыт акселерации, долгосрочные результаты программы и принимаемые меры в новых экономических условиях. Спикеры: • Алексей Мазго – CEO Jstick, сервиса аналитики продаж. • София Хак – маркетолог проекта Маппа, системы управления доставками. О чём будем говорить: • О работе команд во время акселерации • Как добились высоких результатов • Какие антикризисные меры вводят сейчас, чтобы не сбавлять темпы Приглашаем на встречу выпускников акселератора Спринт и технологические компании, которые рассматривают участие в акселерационных программах в этом году. Будет интересно и полезно! Принять участие: https://bit.ly/36a9J2T

WebDEV #test #html Выберите правильный вариант 👇🏼

🔥 Лучшее на канале за неделю 1. React Query за 100 секунд. 2. DrawKit — на данном ресурсе можно находить бесплатные векторные изображения для своих проектов. 3. Автозагрузка кастомных тегов, которые можно использовать во всех шаблонах.

💡 Ревью верстки Code-review для верстки часто пренебрегают, отчасти, возможно, из-за сложившегося стереотипа, что верстать нужно, набрав побольше воздуха, зажмурившись и раскидываясь хаками и костылями, пока не будет достигнута та самая неуловимая кроссбраузерность. А поддерживать чужую верстку — только человеку с крепкими нервами и достаточным запасом медикаментов. Но на самом деле важно не только тестирование, но и ревью. Особенно важно ревьюить стажеров и новичков, чтобы скорректировать недочеты и не дать сформироваться вредным привычкам. В данной серии постов будут рассмотрены типичные ошибки верстальщиков-новичков и советы по их устранению. WebDEV #советы #web

🛠 DrawKit — на данном ресурсе можно находить бесплатные векторные изображения для своих проектов. Это — качественные, профессиональные рисунки, которые можно использовать на сайтах без ссылки на их источник. WebDEV #инструменты

React Query за 100 секунд React Query — это инструмент, который делает ваш код для получения данных быстрее, проще и мощнее. Узнайте, как использовать React Query в реальном приложении в полном курсе React. 📺 YouTube WebDEV #видео #ReactQuery

💡 Автозагрузка кастомных тегов, которые можно использовать во всех шаблонах

from django import template
template.add_to_builtins('project.app.templatetags.custom_tag_module')

Если добавить это в модуль который загружается по умолчанию (settings.py,urls.py,every app models.py), у вас будут доступны все теги и фильтры из вашего кастомного модуля в любом шаблоне, без использования {% load custom_tag_module %}. Аргументом к template.add_to_builtins() может быть путь к любому модулю; ваш кастомный модуль не обязательно должен быть привязан к какому то определенному приложению. Например, это так же может быть модуль расположенный в корневом каталоге проекта (например: 'project.custom_tag_module'). WebDEV #советы #python #django #web

WebDEV #test #css Выберите правильный вариант 👇🏼