CodeRoll | Frontend

Фича 4. Свойство background На сколько вы хорошо знаете свойство background? Это свойство может принимать сразу несколько значений. background-image - устанавливает одно или несколько фоновых изображений для элемента. background-position - задает начальное положение фонового изображения. background-size -  позволяет задавать размер фонового изображения. background-repeat - устанавливает, как фоновые изображения будет повторяться. Они могут повторяться по горизонтальной и вертикальной оси или не повторяться вовсе. background-attachment - определяет, является ли позиция этого изображения фиксированной в области просмотра, или прокручивается вместе с содержащим его блоком. background-origin - определяет область позиционирования фонового рисунка. background-clip - определяет как цвет фона или фоновое изображение будут выводиться под границами блока. background-color - определяет цвет фона элемента. #Фичи #CSS

Aurelia — это интерфейсная среда с открытым исходным кодом. Ненавязчивый стиль Aurelia, основанный на стандартах, делает его единственным фреймворком, который дает вам возможность создавать компоненты с использованием JavaScript или TypeScript. Если вы знакомы с современными JS и HTML, Вы сможете создавать даже самые сложные приложения. Основные особенности: - Легко обучаемая. - Обширная экосистема. - Простое тестирование. - Легкое кодирование с условными обозначениями. - Высокая производительность. - Реактивное связывание. - Непревзойденная расширяемость. - Маршрутизация, композиция и прогрессивное улучшение. #Framework #Javascript

SpinKit - простые загрузочные спиннеры, анимированные с помощью CSS. SpinKit использует только ( transform и opacity) CSS-анимацию для создания плавных и легко настраиваемых анимаций. #CSS

​​Давай попрактикуемся и напишем frontend интернет-магазина!  Залетай на бесплатный интенсив и сделай свой аналог ИКЕА на чистом JS. 📌 Немного подробностей: 1 День — Получим со страницы необходимые элементы — Реализуем меню с категориями и подкатегориями 2 День — Реализуем карточку товара — Разберем работу localStorage — Реализуем функционал добавление товаров в корзину и лист желаний (wishlist) 3 День — Научимся получать товары с сервера и выводить их на страницу — Сделаем фильтр товаров по каталогам и реализуем поиск 4 День — Выполним отправку товара на сервер — что делать дальше? (как учить JS) В общем, заряд положительных эмоций + скилы в копилочку твоих знаний тебе обеспечены. А теперь переходи по ссылке и получай крепкую базу для старта в JS: https://telegram.me/gloacademy_bot?start=5f70d08b466bf700138aa4ee

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

🔥 Лучшее на канале за последнюю неделю 1) Pure CSS toggle buttons - замечательная кастомная реализация чекбоксов. 2) Книга 1400 задач по программированию. 3) Headroom.js - это легкий высокопроизводительный JS-плагин, который позволяет вам реагировать на прокрутку. 4) Beautiful CSS box-shadow examples - крутой онлайн сервис с готовыми примерами реализации теней для блоков. 5) PNGcast - отличный сервис, на котором можно найти готовые изображения в png формате с прозрачным фоном.  Всем успешной разработки! #Лучшее

PNGcast - отличный сервис, на котором можно найти готовые изображения в png формате с прозрачным фоном. Сервис подойдет для дизайнеров, верстальщиков и разработчиков, которые работают с Front-End частью. #Графика

Beautiful CSS box-shadow examples - крутой онлайн сервис с готовыми примерами реализации теней для блоков. Выберите необходимую тень и просто кликните на блок, после чего код скопируется в буфер обмена. Останется только поставить код на свой проект в необходимое место. #Инструменты #CSS

Как изучить React и построить международную карьеру? 🔥Максим Иванов, разработчик Minecraft и Battlefield, запускает авторский курс по React.  Курс стартует 1 ноября, но уже можно начать учиться бесплатно не выходя из Телеграма:  ⭐️Как сделать клон Minecraft на React (делаем 3d-игру на компонентах)  ⭐️Как делать формы любой сложности на React и react-hook-form  ⭐️Как освоить реакт быстро, не тратя время на булщит? 💩  ⭐️Как попасть в интересный проект? Самая короткая дорога от hello world до удаленки за баксы 🔥   ⭐️Как справиться с застреванием в процессе обучения и в карьере  💥Инсайт: Как всех обогнать. Прокачиваем карьеру. Как в этом помогает блог и привычка описывать свои шаги.📝 Чтобы получить доступ материалам, переходи в наш Телеграм-бот. Он заботливо выдаст все видео.

Выберите правильный ответ ниже. Этот и другие вопросы по разработке можно всегда обсудить в нашем чате.

Image Preview – расширение для VS Code, которое предоставляет возможность предпросмотра изображения при наведении курсора. Это позволяет легко проверить, на правильное ли изображение поставлена ссылка. #Расширения #vscode

«Автоматизация тестирования на JavaScript» — первый практический онлайн-курс на рынке! За 4 месяца вы на практике Освоите UI и E2E тестирования и эффективное использование инструментов Puppeteer/CodeceptJS. Познакомитесь с современными подходами и технологиями, которые применяются сейчас в автоматизации тестирования веб-приложений. Научитесь выстраивать архитектуру своего тестового фреймворка Освоите CI практики, используя Docker и Gitlab и многое другое. Пройдите вступительный тест, чтобы записаться в группу и получить дополнительную скидку https://otus.pw/xa5rw/

Pure CSS toggle buttons - замечательная кастомная реализация чекбоксов без использования JS освежит и украсит Ваш проект. #CSS #HTML

Начинаем серию мини-уроков по JS, которые Вам явно помогут при написании логики для Вашего проекта, а так же при прохождении собеседования. 💡 Удаление дубликатов из массива Дан массив: let arr = [1, 2, 3, 3, 4, 5, 6, 6, 7, 7, 7, 7]; В нем множество дублирующихся элементов. Чтобы удалить дубликаты элементов, мы можем использовать Set. Объекты Set позволяют сохранять уникальные значения любого типа, как примитивы, так и другие типы объектов. В Set не может быть повторяющегося значения. Для удаления дубликатов из массива, мы напишем такой код: const newArr = [...new Set(arr)]; Создан новый Set содержащий в себе только уникальные значения массива, затем разместили их внутри нового массива. Символ "…" - это спред-оператор. В результате мы получили массив, содержащий в себе только уникальные значения. newArr = [1, 2, 3, 4, 5, 6, 7] Не до конца понял? Пиши в чат! #МиниУрок #JavaScript

Если создаете сайты, плагины для CRM и CMS, помогаете бизнесу с «1С: Бухгалтерией» — это прямая дорога к партнерке «Дадаты».  Условия простые: вы ставите наши продукты заказчикам — мы переводим вам 30% денег, потраченных этими заказчиками. Простая аффилиатная программа без хитростей. Достаточно один раз встроить «Подсказки» dadata.ru на сайт или в CRM клиента, чтобы всю жизнь получать за это деньги. Сервис «Дадата» помогает малому и среднему бизнесу получать чистые и полные клиентские данные. Мы начнем его 1 октября, в четверг, в 18:00. Расскажем больше о партнерке, наших продуктах и поделимся историями успеха. Если интересно партнерить, зарегистрируйтесь на вебинар.

Shape 2 — крутая и очень большая коллекция полностью настраиваемых иконок и иллюстраций для разработчиков и дизайнеров. #Графика

Uppload - лучший загрузчик изображений JavaScript. Он легко настраивается с помощью более 30 плагинов, полностью бесплатный и с открытым исходным кодом, и может использоваться с любым сервером для загрузки файлов. #JavaScript

​​Приглашаем 25 и 26 сентября на бесплатные дни конференции Frontend Live 2020. Бесплатны и открыты для всех желающих. Нужна лишь регистрация для доступа на онлайн платформу конференции. В программе доклады о том, как на уровне кода предотвратить проникновения извне, а также о работе в рантайме статичной типизации TypeScript и много интересного о звуке, танцах и иконках. Расписание конференции и все подробности https://bit.ly/3hNBlul.

Vue - это прогрессивный фреймворк для создания пользовательских интерфейсов. В отличие от других монолитных фреймворков, Vue разработан с нуля для постепенного внедрения. Название Vue 3.0 - это отсылка к манге "One piece" про парня, который хочет стать пиратским королем. Основные особенности: - Повышенная производительность. - Меньший размер. - Улучшенная интеграция с TypeScript. - Новый API-интерфейс для крупномасштабных .проектов. - Для средних проектов можно избавиться от Vuex. #Статьи #Vue