Как улучшить свои навыки в веб-разработке, фронтенде и вёрстке?

Просто подписаться на канал «Просто: разработка» и читать ценные статьи, а также авторские наработки от веб-разработчика с десятилетним опытом.

YouTube-канал с уроками, а также чат на тысячу человек — прилагаются.

Подписаться тут: t.iss.one/prostorazrabotka

JS | Основы работы с регулярными выражениями

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

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

CSS | Думай как фронтендер

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

JS | Мифы о веб-разработке

Программирование — большой мир, который, как и любая профессия, давно оброс мифами и легендами. Автор статьи собрал самые популярные и рассказал как их побороть:

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

Подробности в статье.

CSS | Углубленное изучение псевдоэлементов

Псевдоэлементы ::before и ::after - невероятно универсальные инструменты в наборе инструментов CSS. Понимание их может помочь вам разработать практический 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.

Подробнее в статье.

PHP | Symfony DomCrawler

symfony/dom-crawler - это библиотека, предоставляющая средства для разбора HTML/XML.

Позволяет искать элементы с помощью xpath.

Если установить symfony/css-selector, то поиск также можно будет проводить с помощью css селекторов.

CSS | @media print, рекомендации к написанию стилей

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

В статье собраны примеры подготовки страницы к печати и разобраны основные css свойства отвечающие за отображение распечатанных страниц.

PHP | Package Wizard

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

Web | Everythingfonts - работа со шрифтами

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

Какое ключевое качество отличает успешного PHP-разработчика? — Любознательность.

Чтобы решать задачи на Middle+ уровне, необходимо уметь работать с экосистемой PHP.

Начните получать необходимые навыки 13 апреля на демо-занятии «Экосистема PHP». Вместе с Александром Пряхиным, СТО в CityAds Media, вы разберете:
- Какие темы и когда нужно изучать?
- Почему надо задавать вопросы и исследовать все вокруг?

Демо-урок является частью онлайн-курса «PHP Developer. Professional». Используйте эту возможность попробовать курс, познакомиться с преподавателем и получить ценные знания.

Для регистрации на занятие пройдите вступительный тест https://otus.pw/t0yj/

PHP | Статичные конструкторы

Для создания объектов используется метод __construct.

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

JS | Drag-and-drop всё что нужно знать

Drag’n’Drop – отличный способ улучшить интерфейс. Захват элемента мышкой и его перенос визуально упростят что угодно: от копирования и перемещения документов до оформления заказа.

В стандарте HTML5 есть раздел о Drag and Drop – и там есть специальные события именно для Drag’n’Drop переноса, такие как dragstart, dragend и так далее.

Подробности в статье.