Frontend

• HTML и CSS small

  HTML и CSS — два языка, понятных любому браузеру, и вместе они образуют слой документа в вебе.

• Фронтенд-разработка small

  Фронтенд-разработка — это работа над той частью приложения, к которой прикасается человек: документом, его оформлением, его поведением и конвейером,…

• Язык гипертекстовой разметки (HTML) small

  HTML — это язык разметки; он задаёт веб-странице структуру и смысл.

• Управление пакетами (npm) medium

  npm — это менеджер пакетов, который поставляется вместе с Node, и реестр, куда публикуется большинство библиотек JavaScript.

• Каскадные таблицы стилей (CSS) large

  CSS решает, как выглядит дерево документа.

• JavaScript large

  JavaScript — язык программирования браузера и одновременно язык, на котором написана большая часть фронтенда.

• Адаптивные изображения small

  Адаптивные изображения — собственные средства браузера, которые помогают отдать нужный файл под то место, которое изображение займёт: srcset и sizes…

• SEO medium

  Поисковая оптимизация — работа над тем, чтобы страница легко обходилась поисковой системой, была ей понятна и ранжировалась по тем запросам, на которые…

• Vite small

  Vite — инструмент сборки для фронтенд-проектов.

• Адаптивный веб-дизайн medium

  Адаптивный веб-дизайн — практика построения одной страницы, которая хорошо читается на любом экране: от телефона, который держат одной рукой, до широкого…

• Доступность (WCAG / a11y) medium

  Доступность — это работа над тем, чтобы страницей могли пользоваться те, кто перемещается по ней с клавиатуры, скринридера, лупы или голосом, и все, чья…

• UI-компоненты medium

  UI-компонент — это самодостаточная часть интерфейса — кнопка, поле формы, карточка, диалог, — у которой есть собственный определённый интерфейс: какие…

• Bootstrap (фронтенд-фреймворк) small

  Bootstrap — это CSS-фреймворк с готовой библиотекой компонентов и сеточной системой.

• Tailwind CSS medium

  Tailwind — это CSS-фреймворк, который строится вокруг утилит: вместо правил в таблице стилей вы собираете маленькие одноцелевые классы прямо в разметке —…

• Sass small

  Sass — язык таблиц стилей, который компилируется в CSS.

• Моушн-дизайн medium

  Моушн-дизайн — использование движения в интерфейсе, чтобы объяснить, что изменилось.

• SVG и системы иконок medium

  SVG — это формат векторной графики на основе XML, и браузер отрисовывает её как часть страницы.

• Веб-типографика medium

  Веб-типографика — это практика выбора и набора шрифта в браузере: какие гарнитуры, каких размеров, сколько места между строками, буквами и абзацами и как…

• TypeScript large

  TypeScript — это JavaScript со статическим слоем типов поверх него.

• Совместимость с браузерами small

  Совместимость с браузерами — это практика: решить, в каких браузерах должен работать продукт, выяснить, есть ли в них используемые вами возможности, и…

• Ajax small

  Ajax — это техника, которая позволяет обмениваться данными с сервером из уже открытой страницы и не перезагружать её целиком.

• Vue.js medium

  Vue — это JavaScript-фреймворк для построения интерфейсов из компонентов, и существует он в двух видах: однофайловый компонент, который держит вместе…

• Управление состоянием medium

  Управление состоянием — это набор решений о том, где живут данные приложения и кому позволено их менять.

• Webpack small

  Webpack — это сборщик модулей.

• Прогрессивные веб-приложения (PWA) medium

  Прогрессивное веб-приложение — это сайт, который вдобавок ведёт себя как установленное приложение.

• Веб-производительность (Core Web Vitals) medium

  Core Web Vitals — это небольшой набор измеряемых показателей пользовательского опыта: как долго появляется основной контент, как быстро страница отвечает…

• Инструменты разработчика в браузере medium

  DevTools — это набор инспекторов, встроенных в браузер: дерево документа и его стили, журнал сети, консоль и отладчик JavaScript, запись…

• Оптимизация под генеративные движки (GEO) small

  Оптимизация под генеративные движки — это практика делать страницу такой, чтобы её охотно цитировал, резюмировал или приводил в ответе движок ответов:…

• React large

  React — это библиотека JavaScript для построения пользовательских интерфейсов из небольших переиспользуемых компонентов.

• Angular medium

  Angular — это фреймворк для всего приложения, а не библиотека представления.

• Lighthouse small

  Lighthouse — это автоматический аудит: он загружает страницу в контролируемой среде, измеряет набор показателей, проверяет набор правил и выдаёт отчёт с…