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

На рынке дефицит JS программистов Чем быстрее начнешь - тем лучше, вот пошаговый план чтобы стать Фулстеком и получать от 80тр, прогая только на JS: 👉 Учим верстку и JS до продвинутого уровня 👉 Учим особенности Node.js 👉 Выбираем фреймворк (React / Angular / Vue) 👉 Пробегаемся по общими штукам (Git / Photoshop / Figma / Английский для IT) 💵 Трудоустраиваемся Курс Fullstack-разработчик на JavaScript всё это включает, и пройти его можно за 12 месяцев со скидкой 50%

PHP | get_defined_vars Чтобы узнать какие переменные доступны в текущей области видимости можно использовать функцию get_defined_vars() Это бывает полезно, например, если вы используете include, или в шаблонах отображений, работающих на нативном php без применения шаблонизаторов со своим языком.

Uniwidth шрифты В интерфейсах используется множество состояний - не/выбрано, не/активно, не/доступно. Для стилизации состояний можно использовать font-weight. Однако, при переключении шрифта с обычного на жирный размеры блока могут изменится, что приведёт к смещению разметки, что может сломать pixel-perfect шаблон. Решение этой проблемы: гарнитуры с «однолинейной» шириной. И нет, это не моноширинные шрифты. Гарнитуры Uniwidth имеют большой потенциал для использования в интерактивных интерфейсах. Это краткая и удобная подборка некоторых доступных опций.

CSS | Как контролировать Z-индексы в большом приложении При разрастании проекта растет сложность интерфейса и контролировать z-индексы становится довольно сложно. - Люди часто выбирают произвольно большие значения z-индекса; - Исправления ошибок z-index часто приводят к новым; - Связь между значениями z-index трудно отследить. Стивен Фрисон (Stiven Frison) предлагает изящное решение этой проблемы:

const base = 0;
const above = 1;
const below = -1;

export const backdrop = below + dropdown;
export const dropdown = below + button;
export const button = base;

Решение основано на CSS-in-JS, но оно может быль реализовано с помощью препроцессоров или CSS с использованием переменных. В этой системе каждый z-index имеет ровно такое значение, какое должно быть, и, поскольку оно выбирается динамически, вас не волнует, какое это значение на самом деле.

JS | Структуры данных - стек и очередь Стек хранит данные в последовательном порядке и удаляет последние добавленные данные. Очередь также хранит данные в последовательном порядке, но удаляет самые старые элементы. В статье рассказывается как в js реализовать эти структуры и показаны примеры применения.

Хотите узнать о закулисье Frontend-разработки, что она подразумевает и с какими задачами разработчики сталкиваются ежедневно? Хотите начать учиться самостоятельно, но не знаете, с какой стороны лучше подойти? Или Вы начинающий Frontend-разработчик и хотите понять, куда двигаться дальше? 📢 Узнайте об этом на вебинаре от Web Academy "Из чего состоит Frontend-разработчик?", где мы обсудим все Ваши болевые вопросы, а у каждого из Вас будет возможность задать вопрос спикеру в реальном времени. Ждем Вас 🕔 23.02 в 17:00 по Киеву / 18:00 МСК на бесплатном вебинаре 🗣 Спикер: Борис Черепаха - Senior Software Engineer. 🎫 Регистрируйтесь прямо сейчас через чат-бот: http://bit.ly/37x0qYa 🎟 или через браузер - http://bit.ly/3bpnsRQ #Ивенты_WebAcademy #Программирование_WebAcademy

CSS | Caniuse.com поможет с новыми технологиями Caniuse.com не только может показать поддержку свойства в браузерами, но и подсказать вендорные префиксы, ссылки на полифиллы и известные проблемы.

JS | Как узнать что блок виден на экране Intersection Observer API позволяет веб-приложениям асинхронно следить за изменением пересечения элемента с его родителем или областью видимости документа viewport, узнать сколько процентов блока видно на экране (0 не виден, 1.0 - полностью виден), выполнять коллбэк при достижении определенных процентов видимости блока.

PHP | Php Inspections (EA Extended) Если Вы используете PhpStorm, то наверняка пользуетесь различными инспекциями, которые позволяют держать Ваш код в порядке. Php Inspections (EA Extended) - плагин для PhpStorm, который добавляет еще инспекций.

Более 8 лет автор канала занимается разработкой IT решений для бизнеса. Он создает проекты для разных отраслей экономики: государство, авиация, строительство, электронная коммерция, рынок фриланса, стартапы и инновации. Эксперт в разработке IT решений делится опытом в канале @iTechBiz. Михаил записывает подкаст-обзоры инструментов для бизнеса, а также рассказывает о современных технологиях на простом и понятном языке

CSS директивы @supports и CSS.supports (JavaScript) помогут разработчикам определять справится ли браузер пользователя с CSS свойством или нет. Синтаксис директивы @supports такой же, как и у @media запросов:

@supports(prop:value) {
  /* стили */
}

Простая проверка свойства

@supports (display: flex) {
  div { display: flex; }
}

Ключевое слово not @supports в паре со словом not осуществляет проверку на отсутствие поддержки какого-либо свойства:

@supports not (display: flex) {
    div { float: left; } /* задан альтернативный стиль */
}

Больше примеров использования и подробности в статье.

PHP | PHPOffice PHPOffice - набор пакетов для работы с различными офисными документами. PHPWord - для текстовых документов в форматах doc, docx, otf, rtf PhpSpreadsheet - для электронных таблиц xls ,xlsx, ods PHPPresentation - для презентаций pptx, odp Данные библиотеки позволяют как читать, так и создавать файлы в указанным форматах.

Онлайн-бакалавриат — современный формат высшего образования. РАНХиГС и Skillbox приглашают абитуриентов поступить на востребованную специальность веб-разработчика. Всё как в классических вузах: семинары, сессия, студенческие льготы и отсрочка от армии, только все занятия и экзамены — онлайн. Формат и учебную программу разработали специально под запросы рынка. Освой программирование и вёрстку, изучи веб- и UX-дизайн, разрабатывай сайты и приложения. С 3-го курса можешь получить второй диплом Университета Гренобль Альпы (Франция). После подачи документов поступишь сразу на 2-й курс факультета экономики французского вуза, и после выпуска будешь иметь 2 диплома. Поступление: → ЕГЭ — для всех абитуриентов. Проходной балл суммируется по всем предметам: математика, русский язык и на выбор — английский язык, физика или информатика и ИКТ. → Тестирование — для абитуриентов с высшим и среднеспециальным образованием. Тест проходит дистанционно, расписание можно посмотреть на сайте РАНХиГС или узнать у менеджера на консультации. Хочешь получить больше информации? Переходи по ссылке: https://clc.am/JJ3Zfg