Hicon - это простой, но очень стильный векторный набор иконок, разработанный в Figma и созданный для дизайнеров и разработчиков. Выгрузить иконки можно в svg формате.

#Графика

«Автоматизация тестирования на JavaScript» — первый практический онлайн-курс на рынке!

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

Пройдите вступительный тест, чтобы записаться в группу и получить дополнительную скидку https://otus.pw/SU7N/

jQuery FancyBox — плагин для создания красивых фотогалерей и вывода изображений в модальных окнах. Для использования последней версии придется потратиться. Плагин платный.

Способ подключения:
1. Подключаем файлы jQuery и FancyBox





2. Создание ссылок на показ картинок в виде галереи








#jQuery

OpenCart — это бесплатная и современная платформа для создания индивидуального интернет-магазина. OpenCart построен по принципу MVC и может быть установлен на любом веб-сервере с поддержкой PHP и MySQL.

Основные особенности:
- Система фильтрации, помогающая быстро найти нужные товары.
- Функциональная корзина, в которой отображается полная информация по заказу;
- Выбор способов онлайн-оплаты и доставки товаров;
отслеживание заказов;
- Сохранение истории заказов с возможностью фильтрации по клиентам;
- Личный кабинет покупателя, в котором отображается вся информация о его заказах.
- Присвоение статусов, определяющих новинки, хиты, сопутствующие и рекомендуемые товары;
- Создание целевых страниц, применение промокодов;
подписка на уведомления об акциях и скидках;

#CMS

🔥 Новости от команды Лектрум 🔥

Ближайшие дни будут насыщенными! Впереди полезные вебинары на темы: 1️⃣ вёрстка, 2️⃣ JavaScript и 3️⃣ библиотека React. Выбирайте подходящий вебинар и регистрируйтесь по ссылке.

Нужна помощь эксперта? Оформляй пакет «Расширенный» и за символическую стоимость получай 48-ми часовую поддержку в личном чате, все материалы по ивенту и чек-лист успешного разработчика.

Анонс:

🚀 2 июля (сегодня) «Знакомство с профессией JavaScript⁠-⁠разработчика» → https://lectrum.link/NoWMLs

🚀 7 июля «Знакомство с HTML и CSS на примере вёрстки лендинга» → https://lectrum.link/7vksdj

🚀 8 июля «Знакомство с библиотекой React. Напишем фотогалерею за 60 минут» → https://lectrum.link/im7DZ9

PHP 8.0 теперь на альфа-тестировании.

Стабильный релиз PHP 8 должен произойти в ноябре 2020, а пока идет активное тестирование.

Что нам обещают в PHP 8:
— Поддержка JIT-компилятора (технология увеличения производительности программных систем, использующих байт-код, путём компиляции байт-кода в машинный код или в другой формат непосредственно во время работы программы).
— Типы объединения - совокупность двух или более типов, которые указывают, что можно использовать любой из них.
public function foo(Foo|Bar $input): int|float;
— Поддержка JSON теперь считается основной частью PHP и не может быть отключена.
— Поддержка синтаксиса криптографических сообщений (CMS) в коде PHP OpenSSL.
— Множество улучшений в расширении PHP Zip, в том числе для установки новых обратных вызовов в сочетании с последними выпусками libzip, метода замены файлов, параметров сжатия / шифрования для addGlob / addPattern и других изменений.

#PHP

Trianglify - интересный онлайн инструмент для создания простых геометрических фонов для Вашего проекта. Инструмент позволяет очень гибко настраивать цвета и фигуры.

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

Интересная и красивая реализация карусели с использованием HTML, CSS и JS. В карусели применяется анимация и несколько элементов управления.

#JS #HTML #CSS

Frest v2.1 - шаблон админ панели HTML и Laravel.

Frest - это мощный шаблон панели администратора, созданный на основе Bootstrap 4, удобный для разработчиков, богатый функциями и легко настраиваемый. Высокие отраслевые стандарты предоставляют вам отличный шаблон администратора, который не только быстр и прост в использовании, но и легко масштабируется.

#Шаблоны

Webpack - это статический модульный сборщик для приложений на jаvascript. Подобные инструменты позволяют разработчикам упаковывать, компилировать и в целом организовывать все ресурсы, необходимые для проекта. В этом видео курсе Вы узнаете как настроить шаблон Webpack 4, подключите babel 7, а также разберетесь с webpack dev server. Подключите js библиотеки на примере vue.js и bootstrap, настроите loaders, узнаете как работать с препроцессорами, автопрефиксами и многое другое.

#Курсы

Какими навыками должен обладать первоклассный верстальщик в 2020 году?

Основные навыки топового верстальщика.
- Умение делать адаптивную кроссбраузерную оптимизированную вёрстку, совместимую с современными браузерами.
- Отличное владение CSS, работа с препроцессорами Sass, SCSS. Хорошее знание Flexbox и Grid.
- Работа с SVG графикой, анимацией, canvas.
- Уверенные знания Git
- Понимание методологии разбиения на блоки, такие как БЭМ или другие.
- Знание одного из фреймворков, таких как Bootstrap.
- Знание JS на уровне своей области (модальные окна, работа с анимацией и другое), а также понимание работы с jQuery.
- Понимание того, как верстаются макеты из графических редакторов Figma, Photoshop, Sketch.
- Автоматизация своей работы при помощи npm-скриптов, Autoprefixer, Gulp или Webpaсk.
- Понимание как адаптировать шаблон на CMS.
- Умение работать с шаблонизаторами, такими как PUG (Jade).

#Статьи

Studio - отличный онлайн-инструмент с визуальным редактором веб-страниц с поддержкой командной работы.

Основные особенности:
- Легко обновляйте свой сайт, масштабируя новый контент для своей аудитории.
- Встроенная аналитика и поисковая оптимизация.
- Редактирование в реальном времени.
- Интегрированная среда разработки для настройки расширенных функциональных требований.

#Инструменты

Three Dots - набор загрузочных анимаций CSS, созданных из трех точек, которые создаются одним элементом. Данная библиотека может не только улучшить ваш проект, но и в целом ускорить разработку.

Настройка библиотеки:
1.Подключите CSS файл перед :


2. Добавьте нужный класс в  div:

Список всех доступных классов и их примеры можете посмотреть в демонстрации или на GitHub.

#HTML #CSS

🔥 Лучшее на канале за последнюю неделю

1) Vivify — это бесплатная CSS библиотека, которую вы можете использовать для анимации кнопок, изображений и многого другого. 
2) Shapedivider — онлайн инструмент для простого создания скривлений с экспортом в SVG. 
3) Мини-курс по JavaScript ES7-ES9 от WebDev.
4) Colormind — генератор цветовых схем, который использует машинное обучение.
5) CSS Shrink — полезный инструмент, который умеет делать онлайн-сжатие вашего CSS-кода.

Всем успешной разработки!

Polymer - это библиотека веб-компонентов, разработанная специалистами компании Google, предназначенная для создания и использования пользовательских элементов. Основное преимущество данной библиотеки в том, что как заверяют разработчики, она создана с нуля и предназначена для быстродействия и эффективности Ваших элементов. Компактная библиотека сделает Ваш проект более легким, быстрым, красивым и совместимым со многими браузерами, если не сказать со всеми, ведь новая версия основана на новых стандартах.

#JS #HTML