Frontend Головного Мозга

2021-07-09 11:23:00 Нравится программирование, хотите развиваться в этом направлении?
⠀
Станьте frontend-разработчиком, создавайте сайты, веб-приложения и зарабатывайте на этом!
⠀
На онлайн-курсе «Frontend-разработчик с нуля до PRO» вас ждут:
- онлайн-уроки и вебинары ведущих экспертов из Play North, ТАСС, Goods и других компаний;
- реальные кейсы для портфолио: интернет-магазин, CRM-система и другие проекты;
- карьерные консультации и помощь в трудоустройстве.
⠀
Сейчас для всех студентов действует отсрочка первого платежа на 6 месяцев! А значит, учиться можно начать уже сегодня, не беспокоясь о деньгах.
Переходите по ссылке: https://clc.am/plnrtA, чтобы зарегистрироваться на курс Открыть/Комментировать

2021-07-09 10:23:07 Cтраница "Not Found 404", анимированная при помощи JS библиотеки Anime.js

#codepen #css #js

@frontend_mind Открыть/Комментировать

2021-07-08 17:23:00 Lambdatest - облачная платформа для кросс-браузерного тестирования

Платформа поможет вам обеспечить бесперебойную визуализацию элементов вашего веб-приложения (таких как JavaScript, CSS, HTLM5, Video ... и т. Д.) С LambdaTest вы сможете получить доступ к более чем 2000 комбинациям настольных и мобильных браузеров в облаке.

Особенности:
параллельные сеансы тестирования
функция регистрации ошибок одним щелчком и отправки их в Jira, Asana, Trello, Github, Paymo, TeamWork, Mantis, Hive и и т.п.
Тестирование совместимости Live Interactive с браузерами
быстрое автоматическое тестирование скриншотов
API для непрерывного тестирования

Сайт: https://www.lambdatest.com/

#полезно #инструменты

@frontend_mind Открыть/Комментировать

2021-07-08 11:00:04 Как увеличить маржу без затрат и раздувания штата

21 июля в 11:00 подключайтесь к бесплатному вебинару, где расскажут о том, как веб-студиям и рекламным агентствам увеличить маржу без затрат и раздувания штата.

Вы узнаете, как стать партнёром Calltouch и получать дополнительных доход на регулярной основе. А также о том, как:

работает партнерская программа Calltouch;
зарабатывать комиссионное вознаграждение без дополнительных усилий;
получать бонусы, PR-поддержку и обучаться бесплатно.

Вебинар будет полезен как для руководителей и директоров по продажам, так и маркетологов веб-студий и рекламных агентств.

Регистрируйтесь по ссылке: https://clck.ru/Vucgj

Увидимся в онлайне. Открыть/Комментировать

2021-07-08 10:23:01 Формы входа и регистрации, сделанные на CSS и JS

#codepen #css #js

@frontend_mind Открыть/Комментировать

2021-07-07 17:23:00 Leaflet.js - JS библиотека для интерактивных карт.

Особенности / преимущества:
Адаптирована под мобильные устройства
Поддержка: Chrome, Firefox, Safari 5+, Opera 12+, IE 7–11, Edge, Safari for iOS 7+; Android browser 2.2+, 3.1+, 4+; Chrome for mobile; Firefox for mobile; IE10+ for Win8 devices
Открытый исходный код
Лёгкий вес (39КБ)
Подробная документация и множество гайдов, упрощающих понимание библиотеки

Оф. сайт: https://leafletjs.com/
Гит: https://github.com/Leaflet/Leaflet
Плагины для использования библиотеки: https://leafletjs.com/plugins.html
Гайды: https://leafletjs.com/examples.html
Примеры использования библиотеки: https://tennalian.github.io/leaflet_demo/index.html

#библиотеки #полезно #js

@frontend_mind Открыть/Комментировать

2021-07-07 10:23:00 Примеры анимации загрузки на чистом CSS

#codepen #css

@frontend_mind Открыть/Комментировать

2021-07-06 17:23:00 Wappalyzer - это расширение для браузера, которое помогает выяснить какие технологии используются на веб-сайте.

Данное расширение отслеживает более 2000 технологий, оно определяет системы управления контентом, платформы eCommerce, веб-серверы, фреймворки JavaScript, инструменты аналитики и многое другое.

Особенности:
Расширение доступно на браузерах Chrome, Firefox, Edge, Safari
Есть мобильное приложение для IOS и Android

Сайт: https://www.wappalyzer.com/

#полезно #инструменты

@frontend_mind Открыть/Комментировать

2021-07-06 10:23:01 3D комната, сделанная с помощью PUG и SCSS

#codepen #scss

@frontend_mind Открыть/Комментировать

2021-07-05 18:46:54 Frontend дайджест за прошедшую неделю

Microsoft анонсировали бету TypeScript 4.4. В следующей версии TS стоит ожидать обновленную команду --help, улучшения производительности и опциональных свойств.

Состоялся релиз Solid.JS 1.0 - это мощный фреймворк JavaScript, для создания пользоательских интерфейсов, основными его преимуществами являются скорость, удобный API, возможность поддерживать все стандартные функции библиотеки.

Вышел Laravel 8.49. Главное изменение — новый метод логгера withContext(). Он позволяет добавлять больше деталей к конкретной записи лога.

GitHub запускает Copilot — основанный на AI продукт, который должен помогать разработчикам писать код. AI обучен на миллиардах строк кода и предлагает фрагменты кода исходя из контекста.

Вышла новая версия фреймворка Next.js - Next.js 11. В новую версию попали наработки Google, которые включают в себя разные оптимизации и правила eslint. Добавлена новая реализация загрузчика Babel, ускоряющая время пересборки приложения.

Создатель Angular анонсировал новый фреймворк - Qwik. Он позволяет написать код который будет использован на сервере и на клиенте, при этом на клиент, код будет подгружаться непосредственно перед выполнением. Qwik сейчас на стадии proof of concept, документов очень мало и нет соответствующей инфраструктуры, но уже понятны основные идеи, и можно увидеть код.

Выпущен Ember 3.27 - была улучшена производительность и исправлены ошибки, добавлены контекстные помощники и модификаторы.

Temporal - новый, более удобный API для работы с датой и временем в JavaScript. Поддержка часовых поясов, Январь - это первый месяц, разделение на несколько классов для разных задач.

Google больше не требует от издателей использовать формат AMP. Вместо этого сайты должны соответствовать тому, что Google называет «Core Web Vitals».

Новый инструмент Google для понимания зависимостей пакетов. Есть возможность сравнивать версии пакетов и просматривать подробный график зависимостей.

Новый облегченный альтернативный дистрибутив Vue - Petite-vue, оптимизированный для небольшого количества взаимодействий на существующую HTML-страницу.

#frontend_дайджест

@frontend_mind Открыть/Комментировать