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

Зарабаток меньше 100к - потеря времени 100к - обычная ЗП в веб-разработке. К сожалению многие получают меньше, годами работая на стартовых позициях или фрилансе Курс Профессия веб-разработчик откроет двери в лучшие компании, там вас научат всему необходимому и подготовят к собеседованиям в компаниях-партнёрах Краткое содержание: 📌 Веб-верстка 📌 Javascript 📌 PHP 📌 Laravel 📌 Node.js 📌 React / Angular / Vue на выбор 📌 Бонусные курсы по английскому / git / веб дизайну и тд. (все темы изучают с 0 до продвинутого уровня) 5 дипломных проектов пополнят ваше портфолио: ✅ Верстка лендинга и интернет-магазина ✅ Игра на Javascript ✅ Интернет-магазин на выбранном Frontend фреймворке ✅ Аналог Reddit на React.js ✅ 4 проекта на PHP С такими знаниями ваша карьера быстро пойдет в гору Первые 12 месяцев бесплатно

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

JS | Drag-and-drop всё что нужно знать Drag’n’Drop – отличный способ улучшить интерфейс. Захват элемента мышкой и его перенос визуально упростят что угодно: от копирования и перемещения документов до оформления заказа. В стандарте HTML5 есть раздел о Drag and Drop – и там есть специальные события именно для Drag’n’Drop переноса, такие как dragstart, dragend и так далее. Подробности в статье.

PHP | Статичные конструкторы Для создания объектов используется метод __construct. Если же объекты вашего класса можно создавать разными способами, то вместо ручного создания в каждом случае, можно использовать статичные методы и приватный конструктор.

Какое ключевое качество отличает успешного PHP-разработчика? — Любознательность. Чтобы решать задачи на Middle+ уровне, необходимо уметь работать с экосистемой PHP. Начните получать необходимые навыки 13 апреля на демо-занятии «Экосистема PHP». Вместе с Александром Пряхиным, СТО в CityAds Media, вы разберете: - Какие темы и когда нужно изучать? - Почему надо задавать вопросы и исследовать все вокруг? Демо-урок является частью онлайн-курса «PHP Developer. Professional». Используйте эту возможность попробовать курс, познакомиться с преподавателем и получить ценные знания. Для регистрации на занятие пройдите вступительный тест https://otus.pw/t0yj/

Web | Everythingfonts - работа со шрифтами Everythingfonts - сервис облегчающий работу со шрифтами: конвертация, генерация font-face, предпросмотр шрифтов и множество других функций собраны в одном месте.

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 для решения самых разных ситуаций. Или вы можете пойти дальше и использовать их для создания впечатляющих визуальных эффектов. Подробности в статье.