Frontender Libs - обзор библиотек JS / CSS
前往频道在 Telegram
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/sWebDev
显示更多7 334
订阅者
-424 小时
-287 天
-11030 天
帖子存档
PHP | TemporaryDirectory
spatie/temporary-directory - пакет для работы с временными директориями внутри системной временной директории.
Устанавливается через composer и не требует настройки.
HTML | Автотесты, теперь и для разметки
При разрастании проекта становится сложно отслеживать как изменения в одном блоке могут отразиться на разметке других страниц или при смене темы или состояния сайта, в этом случае на помощь приходит регрессивное тестирование - автоматическое создание и сравнение скриншотов сайта, или отдельных блоков.
Подробнее в статье.
CSS | SmolCSS - просто не значит плохо
SmolCSS - это коллекция небольших CSS-фрагментов которая служит как кратким справочником, так и напоминанием о том, насколько простым и мощным стал CSS.
Коллекция содержит сетку на flex и grid, автоматическое центрирование, умные отступы, респонсивную галерею и многое другое и всё это без использования скриптов.
Все элементы снабжены ссылками на CodePen.
JS | Доступ и управление css переменными
Объединение мощи js и css может сильно облегчить создание сложных манипуляций с макетом, когда использовать только css невозможно, а реализация на js получается раздутой из-за неудобного управления стилями и разметкой.
В статье разобран комплексный подход - используя скрипты в css переменные записываются координаты курсора и элемент следует за мышью уже с помощью css.
Собираетесь освоить JavaScript?
Первые шаги вы можете сделать уже 9 марта на демо-занятии «Код как проект: настройка окружения для разработки на JavaScript».
Вместе с опытным JS-разработчиком и преподавателем Василием Ванчуком вы рассмотрите основные инструменты, которые помогают делать код лучше и чище, такие как: prettier, eslint, husky. Вы узнаете, какие проблемы они решают и как настроить свое окружение, чтобы работа с ними была удобной и полезной.
Демо-занятие является частью онлайн-курса «JavaScript Developer. Basic» для начинающих разработчиков. Используйте эту возможность познакомиться с преподавателем и оценить курс. Для участия пройдите регистрацию https://otus.pw/VIqQ/
Плохие привычки от которых пора отказаться
Вы жалуетесь на сложность css или js, думаете что можете реализовать всё используя только html+css, считаете tailwind ужасным или считаете его спасением фронтенда? Тогда эта статья для вас.
Ироничная статья о вредных привычках которыми страдают многие фронтендеры, с полезными советами для избавления от них.
PHP | Какая строка будет в переменной $str
JS | Доступ к аппаратным возможностям устройства через api
Статья поможет вам выбрать лучший API для связи с аппаратным устройством (например, веб-камерой, микрофоном и т. д.) через браузер. Статья поможет если вы знаете общий вариант использования, который хотите решить (например, доступ к видео), но не знаете, какой API использовать, или задаетесь вопросом, есть ли другой способ добиться этого.
Ежемесячные бесплатные интенсивы для тимлидов
Если вы Middle- и Senior-разработчик, который хочет прокачаться до тимлида, то можно начать с интенсивов и вебинаров. Каждый месяц ребята из AGIMA и Geekbrains проводят несколько занятий в режиме реального времени, на которых разбирают:
— как тимлиду организовать работу, чтобы сохранить эффективность команды и не выгореть.
— как ускорить релиз и не потерять в качестве продукта. DevOps-практики.
— как тестировать продукты и многое другое.
Нужно зарегистрироваться, если хотите получить напоминание о предстоящем стриме.
PHP | Deployer
Deployer - написанный на PHP инструмент для автоматического развертывания ваших веб-приложений.
Имеет готовые сценарии развертывания для популярных фреймворков. Легко кастомизируется и настраивается для всех остальных.
Какого типа media query не существует?
CSS | Диагональная разметка с помощью css grid
Создавать диагональные блоки можно несколькими путями, в этой статье представлено решение через трансформацию, что в связке с гридами даёт отличный результат.
PHP | Bcmath
BCMath - расширение PHP, которое предоставляет математические функции для работы с числами произвольной точности.
Помимо показанных в примере сложения и вычитания, bcmath содержит функции для умножения, деления, сравнения и другие.
В отличие от стандартных математических операторов, bcmath работает с числовыми строками.
JS | Управляем зависимостями
Серия из семи статей рассказывает о работе с зависимостями и затрагивает такие темы:
- Что такое пакет, манифест пакета и зависимости.
- Как правильно описывать зависимости для различных типов проектов.
- Как работает semver.
- Как установленные зависимости могут быть представлены в файловой системе.
- Поиск зависимостей (resolving).
- Инструменты для работы с зависимостями.
- Как обновлять зависимости.
- Как следить за безопасностью и предупреждать угрозы.
- Для чего нужны lock-файлы .
- Как можно эффективно работать над сотнями пакетов одновременно.
- Что такое фантомные пакеты.
- и многое другое.
Научись создавать крутые сайты! Присоединяйся к бесплатному обучению по веб-разработке — освой HTML, CSS, JavaScript и сделай собственный проект всего за день!
Скорее регистрируйся: 🔜 https://clc.am/r_geAA
🔥 Мы подготовили для тебя мощную программу и много практики!
⚡️ Познакомишься с веб-технологиями: HTML, CSS и JavaScript.
⚡️ Научишься работать с библиотеками jQuery, языками PHP и SQL.
⚡️ На практике сверстаешь сайт и научишься размещать его в интернете c помощью домена и хостинга.
💬 Спикер: разработчик с 16-летним опытом, руководитель команды разработчиков и директор центра подбора IT-специалистов SymbioWay — Даниил Пилипенко.
Присоединяйся к прямому эфиру 6 марта с 12:00 до 19:00 по московскому времени!
