CodeRoll | Frontend

CSS тест Небольшой тест на знание CSS. Определите ваши пробелы! Ссылка на тест  #сss

Codecademy сделали канал в телеграм! Для тех, кто в танке: codecademy — это крупнейшая в мире онлайн платформа для изучения программирования. Ее уважают как маститые сеньоры, так и совсем новички. В канале размещается сочная выжимка инфы с переводом на русский язык(!), одним словом — вещь очень полезная!  Обязательно к подписке: @ccademy #реклама

Создание сниппетов Сниппет или фрагмент кода — это термин программирования, который относится к небольшой части повторно используемого исходного кода, машинного кода или текста. Сниппеты кода помогают программистам сократить время, необходимое для ввода повторяющейся информации при написании. Они являются функциями большинства текстовых редакторов, редакторов кода.   У нас для вас радостная новость! Вы можете создавать собственные сниппеты под свои нужды и они ускорят вашу работу в несколько раз. Как их создавать, читайте в статье! В статье показаны примеры, как делать сниппеты в VS Code, но их также можно создавать и в других редакторах, просто немного другим способом. Ссылка на статью #статьи

Шаблоны фона Генератор кода векторных бесшовных фонов с возможностью настроек цвета, масштаба, толщины линии. Вы можете выбрать готовый SVG или CSS код, а так же скачать фон в формате SVG. Ссылка на сайт #дизайн

Производительность Node.js Пишите приложения на Node.js? В статье вы найдете 6 дельных советов, как повысить производительность приложения. Ссылка на статью #nodejs

GraphQL Пора осваивать новые технологии! За последнее время GraphQL стал достаточно популярным и многие компании используют его при разработке приложений. GraphQL - это язык запросов для API и он имеет ряд преимуществ. Например, дает возможность запрашивать именно то, что нужно, и ничего больше. Для этого нужно просто добавить больше свойств в запросы вместо добавления нескольких конечных точек. В статье показан пример, как делать такие запросы в React приложении и обрабатывать обновления в реальном времени на стороне клиента. Ссылка на статью #react

Справочник для разработчика Нет ничего лучше ресурса, где собрано много полезной информации! И сегодня хотим поделиться одним из таких. На нем вы найдете примеры готового кода для HTML, CSS, JavaScript и других языков и технологий. Например, вы сможете найти такую полезную информацию: как с помощью JavaScript обнаружить, что пользователь использует Андроид устройство или как форматировать валюту. В общем, там масса интересных штук! Ссылка на ресурс #инструменты

Spread Spread cинтаксис(...) был представлен в спецификации ES6 и уже прочно вошел в обиход каждого разработчика. Он ценен тем, что позволяет сделать код чистым и понятным. Если вы еще его не освоили, то это статья для вас! В ней куча примеров и способов применения данного синтаксиса. Читать статью #js

width и height У данных CSS свойств, помимо числовых значений могут быть еще и такие, как: min-content, max-content и fit-content. Познакомиться с ними, узнать разницу и как применять на практике, вы можете в данной статье. Читать статью #css

JavaScript задачи с собеседований - канал на котором публикуются интересные задачки по JavaScript. Так же react, vue, angular, node.js Тематика канала :  — cинтаксис, — условные операторы, переменные и типы данных, — функции и функциональные выражения, — циклы, взаимодействие с пользователем, — строки, массивы. Проверь свои знания языка на @javascriptquiz #реклама

Базовые знания Очень важно изучать базовые основы веб-разработки, поскольку эти знания станут фундаментом для дальнейшего развития. Автор делится своими мыслями по этому поводу и дает рекомендации. Так же вы найдете в статье ссылки на полезные ресурсы для изучения HTML, CSS и JavaScript. Читать статью #статьи

SVG генератор Сохраняйте в закладки супер полезный ресурс! Коллекция бесплатных SVG генераторов для градиентов, шаблонов, фонов и декоративных элементов. Ссылка #дизайн

Node.js и Docker Статья на тему, как создать Docker контейнер для приложения на Node.js. Если вы не знаете, что такое Docker, по-простому это что-то вроде виртуальной машины. Более сложное объяснение: Docker – это программная платформа для быстрой разработки, тестирования и развертывания приложений. Docker упаковывает ПО или приложение в блоки, которые называются контейнерами. Каждый контейнер включает все необходимое для работы приложения: библиотеки, системные инструменты, код и среду исполнения.  Читать статью #nodejs

Бесконечный скролл во Vue Если вы пишите на Vue, берите на заметку! В статье показана простая реализация бесконечного скролла для страницы с помощью npm пакета 'vue-observe-visibility'. Читать статью #vue

survey.js JavaScript библиотека для создания различных опросов, анкет и тестов, которые легко можно встроить в ваше приложение. Доступны версии библиотеки для Angular, jQuery, React и Vue.js. Смотреть #инструменты

Чистый код Писать код чисто необходимо, как для себя, так и для своих коллег, чтобы каждый мог разобраться. В статье представлено несколько техник написания чистого кода. Читать статью #js

CSS 2022 Предсказания автора о том, что же стоит ожидать для CSS в 2022 году. @layer, функции color-mix(), color-contrast(), :has()... Все это вам не знакомо? Для знакомства советуем почитать данную статью. Там еще много всего интересного! Читать статью #css

Есть несколько причин, почему большинство обучающих курсов малоэффективны. Во-первых, без жестких дедлайнов становится лень выполнять дз и смотреть видеоуроки. Первые дни после покупки курса ты замотивирован окупить свои вложения. Затем продолжаешь смотреть видеоуроки, но уже забиваешь на дз. А заканчивается все потерей полной мотивации к продолжению обучения спустя 1-2 месяца после покупки. Во-вторых, не хватает опытного наставника, который заинтересован в твоем результате и росте, а не в продолжении оплаты подписки учениками. Опытный наставник поможет преодолеть сложные моменты, на которых ты теряешь мотивацию продолжать работу, поможет выработать лучшие практики и пайплайны работ, расскажет о реальном опыте работы над проектами и фишках. В-третих, на курсах дают мало практики. Самостоятельная работа руками является единственным рабочим способом запомнить информацию и научиться делать эти работы. Чем больше практики, тем выше твои навыки и опыт. Отсюда вытекает, что идеальный курс построен на большом кол-ве практики под наставничеством опытного ментора, а его длительность — до 2-3 месяцев. Это должен быть настоящий интенсив, на котором ты фокусируешься и работаешь нон-стоп, но после которого выходишь готовым специалистом. Одним из таких примеров для начинающих разработчиков является интенсив по верстке и разработке на zerocode от Антона Шакирова, руководителя студии Method Zero, который пройдет с 7 февраля по 14 марта. Это отличный шанс попасть в IT сферу под наставничеством опытного разработчика и дизайнера. Антон научит верстке, запуску сайтов, научит разрабатывать wow-сайты с анимациями, интерактивами и сложными дизайн-решениями. Научит базовому дизайну для разработчиков и основам js. Сам интенсив построен на большом количестве практики и на обратной связи, за счет чего ты быстро всему научишься. Залетай на курс и реализуй свои амбиции. Подробное описание интенсива и запись по ссылке https://tinyurl.com/bdz7bsfj #реклама

Скелетные шаблоны Скелетные шаблоны - что это? Их еще называют заполнителями контента, превью интерфейса. Скорее всего, вы уже видели их раньше, так как они используются некоторыми крупными компаниями, такими, как YouTube, Facebook и Medium. Главное назначение этих заполнителей - скрывать еще не подгрузившийся контент. Более подробное объяснение и примеры, как создать такие шаблоны читайте в статье. Читать статью #статьи

Векторные логотипы Ресурс на котором собраны логотипы различных мировых брендов в формате SVG. Там можно найти логотипы и на IT тематику. Например, php, vue, node.js и другие. Или же иконки популярных соцсетей: facebook, instagram, vkontakte. Сохраняйте в закладки! Ссылка на ресурс #дизайн