Frontender Libs - обзор библиотек JS / CSS

PHP | Package Wizard Package Wizard - это консольный инструмент для генерации структуры директорий и начальных файлов для пакетов Composer.

CodePen Amazing - канал, на который выкладывают самые клевые проекты с CodePen. Смотрите, вдохновляйтесь, творите! - > @codepen_amazing

CSS | @media print, рекомендации к написанию стилей Разработчики сайтов редко заботятся о том как их продукт выглядит в печатном виде, но люди по-прежнему печатают веб-страницы. Просто задумайтесь о статьях или постах в блогах, рецептах, контактной информации, картах или сайтах недвижимости. В статье собраны примеры подготовки страницы к печати и разобраны основные css свойства отвечающие за отображение распечатанных страниц.

​JavaScript — самый популярный язык программирования, по данным GitHub. Он позволяет сделать сайт интерактивным и поэтому применяется почти на всех веб-ресурсах. На бесплатном вебинаре GeekBrains вы разберетесь в основах JavaScript и поймете, хотите ли изучать его. Занятие будет полезно тем, кто интересуется программированием и задумывается, с чего начать. На вебинаре вы: — Напишете простой код и запустите его в браузере; — Познакомитесь с переменными, ветвлениями и циклами; — Создадите простую консольную игру «угадай число». Спикер Павел Тарасов. Ведущий веб-разработчик с опытом более 10 лет. Преподает в GeekBrains c 2016 года: провел более 300 курсов и обучил более 18 000 человек. Доступ к новым знаниям — по ссылке: https://geekbrains.ru/link/002EAc

PHP | Symfony DomCrawler symfony/dom-crawler - это библиотека, предоставляющая средства для разбора HTML/XML. Позволяет искать элементы с помощью xpath. Если установить symfony/css-selector, то поиск также можно будет проводить с помощью css селекторов.

WEB | Core Web Vitals - ранжирование поисковой выдачи в Google В ноябре прошлого года команда Google анонсировала Core Web Vitals — новые факторы оценки качества ресурсов, которые смогут влиять на индексацию и вступят в силу в мае 2021 года. Текущий набор показателей фокусируется на трех аспектах взаимодействия с пользователем: 1. Largest Contentful Paint (LCP) —скорость загрузки страницы и ее крупных визуальных элементов. Хороший показатель – до 2,5 с. 2. First Input Delay (FID) — интерактивность сайта, насколько быстро он становится доступным к взаимодействию. Желательно до 100 мс. 3. Cumulative Layout Shift (CLS) — скорость визуальной стабилизации, то есть насколько быстро всё становится на свои места. Идеально меньше 0,1. Подробнее в статье.

CSS | Углубленное изучение псевдоэлементов Псевдоэлементы ::before и ::after - невероятно универсальные инструменты в наборе инструментов CSS. Понимание их может помочь вам разработать практический CSS для решения самых разных ситуаций. Или вы можете пойти дальше и использовать их для создания впечатляющих визуальных эффектов. Подробности в статье.

JS | Мифы о веб-разработке Программирование — большой мир, который, как и любая профессия, давно оброс мифами и легендами. Автор статьи собрал самые популярные и рассказал как их побороть: Миф 1. Веб-разработка не для меня Миф 2. Страшно сделать ошибку Миф 3. Ошибка — конец света Миф 4. Сложно сделать первый проект Миф 5. Код можно никому не показывать Миф 6. После курсов платят по 200 тысяч Миф 7. Невозможно научиться самостоятельно Подробности в статье.

Курс по NodeJS со скидкой до 90%: NestJS - с нуля, современный backend на TypeScript и Node JS 🐈 NestJS - это быстро растущий Node.js фреймворк, который позволяет командам легко разрабатывать поддерживаемые, легко тестируемые и масштабируемые приложения благодаря TypeScript и его архитектуре. 🧑‍💻 В рамках курса мы настроим рабочее окружение Node.JS и познакомимся с TypeScript. Далее мы разберем все основные компоненты NestJS, сервисы, модули, контроллеры, затем развернём базу данных и начнем работу с ней. Мы изучим то, как делать валидацию входящих данных, проводить авторизацию и как она устроена. Важным разделом будет тестирование и отладка приложения, которое пригодится в реальной разработке. А для тех, кому интересны более сложные темы, мы разберем агрегации и функции в MongoDB. Эксклюзивно для подписчиков Senior WebDev вы сможете приобрести этот курс со скидкой до 90% по ссылке 👇

CSS | Думай как фронтендер Как часто бывает - приходит макет, и вы не видите в нём никакой логики, сетки или блочного потока. Статья расскажет вам, как из макета вытащить сетку, разбить её на компоненты и приступить к вёрстке.

JS | Основы работы с регулярными выражениями Регулярные выражения мощный инструмент в умелых руках, данное руководство поможет вам разобраться с регулярками Статья разбита на несколько глав: — Поиск текста — Поиск любого символа — Поиск по набору символов — Перечисление вариантов — Метасимволы — Спецсимволы — Квантификаторы (количество повторений) — Позиция внутри строки — Использование ссылки назад — Просмотр вперед и назад — Замена — Статьи и книги по теме

Как улучшить свои навыки в веб-разработке, фронтенде и вёрстке? Просто подписаться на канал «Просто: разработка» и читать ценные статьи, а также авторские наработки от веб-разработчика с десятилетним опытом. YouTube-канал с уроками, а также чат на тысячу человек — прилагаются. Подписаться тут: t.me/prostorazrabotka

PHP | preloading Начиная с версии 7.4 в PHP доступна предзагрузка скриптов в момент старта PHP. После предзагрузки все функции, классы и другие сущности будут доступны для всех скриптов вашего приложения без необходимости отдельной загрузки файлов. Это позволяет повысить производительность приложений, но увеличивает расход памяти.