WebDEV

📖 Amazon Web Services in Action 🖋 Andreas Wittig, Michael Wittig, 2018 Amazon Web Services in Action - это всеобъемлющее введение в вычисления, хранение данных и создание сетей в облаке AWS. Вы найдете четкое и актуальное освещение всех основных сервисов AWS, которые вам нужны, с акцентом на лучшие практики обеспечения безопасности, высокой доступности и масштабируемости. 💾 Скачать книгу WebDEV #book #web

💡 Ошибка: блоки влияют друг на друга, одни и те же селекторы встречаются в нескольких местах в scss ▍Часть 3 Если возникает необходимость так написать, значит, что-то пошло не так на этапе именования, нужно незамедлительно вернуться к Jade и исправить атрибуты class так, чтобы каждый блок был независимым. Если же заплатка нужна срочно и времени на изменения разметки нет, то оставьте комментарии TODO в обоих документах: в scss и в jade. Говоря о том, что блок не знает о других блоках, хочется вкратце упомянуть об одном полезном псевдоклассе, о котором постоянно забывают новички. Представьте лейаут верхнего уровня: есть блок с основным контентом и блок aside. Для двух этих блоков указана ширина в %, но на одной странице aside нет и ширина блока с основным контентом должна быть 100%. Тут нам на помощь придет псевдокласс only-child: пример. В случаях, когда only-child не подходит, используйте модификаторы. WebDEV #советы #web

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

🔥 Лучшее на канале за неделю 1. React Native за 100 секунд. 2. frontendpractice — поднимите свои навыки во фронтенде на новый уровень, воссоздавая реальные веб-сайты. 3. Ошибка: блоки влияют друг на друга, одни и те же селекторы встречаются в нескольких местах в scss: Часть 1 | Часть 2.

💡 Подборка видео за 100 секунд ▫️ D3.js за 100 секунд ▫️ Vite за 100 секунд ▫️ React Query за 100 секунд ▫️ React Native за 100 секунд WebDEV #подборка #видео

Python теперь в телеграм! Python — второй по популярности язык в мире. Он очень универсален: можно писать сайты, а можно искусственный интеллект. Теперь у Python есть русскоязычный канал. Это первоисточник всего, что появляется в платных курсах и остальных ресурсах. Стоит подписаться!

🛠 Happy Hues — палитры отобранных цветов, которые будут уместны в определённом контексте. WebDEV #инструменты

JavaScript теперь в телеграм! JavaScript — самый популярный язык в мире, он используется в 95% всех сайтов, которые вообще существуют. Теперь у JS есть русскоязычный канал. Это первоисточник всего, что появляется в платных курсах и остальных ресурсов. Стоит подписаться!

💡 Ошибка: блоки влияют друг на друга, одни и те же селекторы встречаются в нескольких местах в scss ▍Часть 2 Блок — это отдельный компонент, который не знает о других блоках и их расположении. «Блок — логически и функционально независимый компонент страницы, аналог компонента в Web Components… Независимость блоков обеспечивает возможность их повторного использования, а также удобство в разработке и поддержке проекта.» (источник) Такой код будет ошибочным, т.к. состояние одного блока влияет на элемент в другом блоке:

.block {
    &:hover .another-block__element {
        color: red;
    }
}

Продолжение следует... WebDEV #советы #web

⚡️ Начните знакомство с Rust-фрейморками! Приглашаем 7 апреля в 20:00 на открытый вебинар «Rust и GUI». 📚Вместе с экспертом мы за 1,5 часа разберем подходы к реализации GUI фреймвоков, рассмотрим Rust-фреймворк iced и создадим на нем небольшое приложение. После demo-занятия вы можете продолжить осваивать Rust на онлайн-курсе «Rust Developer». Воспользуйтесь возможностью познакомиться с преподавателем и бесплатно протестировать обучение. 🎯 Пройдите тест и записывайтесь на вебинар – https://otus.pw/Efvw/

🔥 Мы не жизнь, мы к такому готовим 🔥 📌 Экзамен Oracle Java Programmer — это 70 сложных задач за 2,5 часа. Чтобы его сдать, нужно изучать Java не вширь, а вглубь. Такую мощную подготовку дает онлайн-курс «Подготовка к сертификации Oracle Java Programmer (OCAJP)» от OTUS. 🚀 Преподаватели курса уже получили это почетное звание и готовы поделиться своими знаниями и опытом. За 5 месяцев вы разберете все темы и попрактикуетесь решать задачи, как на экзамене. Обучение придаст вам уверенности в своей компетентности. 👉 Пройдите вступительный тест, чтобы оценить свой уровень подготовки и занять место в группе по спец.цене https://otus.pw/lAcS/

🛠 frontendpractice — поднимите свои навыки во фронтенде на новый уровень, воссоздавая реальные веб-сайты. WebDEV #инструменты #frontend

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 #инструменты