Обложка канала

WebDEV. Страница 24

19233 @webb_dev
Открыть

Канал о web-разработке. Новости IT, туториалы, веб-программирование и многое другое.

  • WebDEV

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

    React Native allows developers to build cross-platform apps for iOS, Android, and the Web from a single JavaScript codebase. Get started building your first ...

    YouTube

  • WebDEV

    💡 Ошибка: блоки влияют друг на друга, одни и те же селекторы встречаются в нескольких местах в 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

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

  • Реклама

  • WebDEV

  • WebDEV

    💡 Ошибка: копипаста есть, комментариев нет ▍Часть 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

  • WebDEV

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

  • WebDEV

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

  • WebDEV

    💡 Ошибка: копипаста есть, комментариев нет ▍Часть 1 С копипастой нужно быть особенно аккуратным: вдумчиво все перечитать, исправить «под проект» и удалить лишнее. Однажды встретилось: 
    <meta name="apple-mobile-web-app-title" content="AMC Walking Dead">
    При этом обычный <title> содержал совершенно другую строку. Не важно, делаете вы редизайн или используете решение из интернета, пока копипаста не будет переработана, рядом с ней должен быть комментарий с TODO, чтобы: — не забыть и не утащить этот кусок в продакшн, — дать понять другим разработчикам, что это не окончательное решение, — дать понять ревьюеру, что этот код будет изменен. Продолжение следует... WebDEV #советы #web

  • WebDEV

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

  • WebDEV

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

  • WebDEV

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

  • WebDEV

  • WebDEV

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

  • WebDEV

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

  • WebDEV

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

    React Query is a tool that makes your data fetching code faster, easier, and more powerful. Learn how to use React Query it in a real application in the Full React Course https://fireship.io/courses/react #js #webdev #100SecondsOfCode 🔗 Resources React Query Docs https://react-query.tanstack.com/ 100 Seconds of React https://youtu.be/Tn6-PIqc4UM Fetch API https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - React Query tutorial - How to fetch data in react? - Advanced data fetching in JS - Implement infinite scroll in react - How to implement optimistic updates in react - Alternatives to react redux

    YouTube

  • Реклама

  • WebDEV

    💡 Автозагрузка кастомных тегов, которые можно использовать во всех шаблонах 
    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

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

  • WebDEV

    ​Друзья, сегодня многие компании столкнулись с неопределенностью: оптимизируют расходы, пересматривают соглашения, запрашивают изменение условий. Многое из этого регулируется юридическими документами. При этом стартапы склонны отодвигать юридическое сопровождение своего проекта на второй план, хотя от этого сейчас может зависеть дальнейшее развитие компании. ❗️17 марта в 10:00 приглашаем вас на вебинар о юридических аспектах работы ИТ-стартапов в меняющихся условиях. Встречу проведут специалисты юридической фирмы «Рунетлекс»: 🔸Павел Мищенко: управляющий партнёр, работает с ИТ-компаниями с 2014 года. 🔸Алина Сундетова: руководитель практики проектов, работает с ИТ-компаниями с 2015 года. Организатор: Акселератор Спринт Обсудим: — Льготы для ИТ-компаний — Особенности открытия новой компании в России — Пути оптимизации работы с персоналом — Что делать, если клиент отказывается от договора. 👉Зарегистрироваться на вебинар и оставить свой вопрос для спикеров можно rget='_blank' rel='noreferrer nofollow' href='http://sprint.iidf.ru/?utm_source=tg_pw&utm_medium=tg_post&utm_campaign=iidf.timepad.ru_event&utm_term=t.me%2Fwebb_dev'>ЗДЕСЬ