
Ольга Алексашенко
Фронтендер и литературный редактор, два в одном :) Ну и в «Веб-стандартах» вы наверняка меня слышали 🎤
HTML
Редактор
-
<a>
-
<address>
-
<article>
-
<aside>
-
<audio>
-
<b>
-
<base>
-
<bdi>
-
<bdo>
-
<blockquote>
-
<body>
-
<br>
-
<button>
-
<div>
-
<dl>
,<dd>
,<dt>
-
<!DOCTYPE>
-
<embed>
-
<fieldset>
-
<footer>
-
<form>
-
<head>
-
<header>
-
<iframe>
-
<img>
-
<input>
-
<li>
-
<link>
-
<main>
-
<meta>
-
<nav>
-
<ol>
-
<picture>
-
<section>
-
<source>
-
<u>
-
<ul>
-
<video>
- Атрибут
autocomplete
- Атрибут
novalidate
- Глобальные атрибуты
- Комментарии в HTML
- Поток документа
- Скринридеры
- Таблицы
CSS
Редактор
-
: active -
: : after -
align
- content -
align
- items -
align
- self -
animation
- delay -
animation
- direction -
animation
- duration -
animation
- fill - mode -
animation
- iteration - count -
animation
- name -
animation
- play - state -
animation
- timing - function -
appearance
-
attr
( ) -
background
-
background
- color -
background
- image -
background
- position -
background
- repeat -
background
- size -
: : before -
border
-
border
- color -
border
- image -
: checked -
column
- width - CSS-анимации
-
,: disabled : enabled -
display
-
: empty -
filter
-
flex
-
flex
- basis -
flex
- direction -
flex
- flow -
flex
- grow -
flex
- shrink -
flex
- wrap -
float
-
: focus -
@font
- face -
font
- smooth -
gap
-
grid
-
grid
- area -
grid
,- auto - columns grid
- auto - rows -
grid
- auto - flow -
grid
,- column grid
- row -
grid
,- column - start grid
,- column - end grid
,- row - start grid
- row - end -
grid
- template -
grid
- template - areas -
grid
- template - columns -
grid
- template - rows -
: has -
: hover -
@import
- !important
-
,: in - range : out - of - range -
,: invalid : valid -
justify
- content -
@keyframes
-
: link -
@media
-
: not -
order
-
outline
- offset -
overflow
- wrap -
: : placeholder -
: placeholder - shown -
position
-
position
: sticky -
radial
- gradient ( ) -
: required -
: root -
: : selection -
tab
- size -
: visited -
z
- index - Блочная модель
- Вендорные префиксы
- Гайд по flexbox
- Гайд по grid
- Единицы измерения
- Кастомные свойства
- Комбинированные селекторы
- Перечисление селекторов
- Подключение стилей
- Подход «Pixel Perfect»
- Псевдоклассы
- Псевдоклассы группы child
- Псевдоклассы группы type
- Псевдоэлементы
- Селектор по атрибуту
- Селектор по классу
- Селектор по тегу
- Селектор потомка
- Специфичность
- Универсальный селектор
- Функции CSS-трансформации
JavaScript
Редактор
-
alert
( ) -
Array
. from ( ) -
Array
. isArray ( ) -
. every ( ) -
. filter ( ) -
. find ( ) -
. forEach ( ) -
. forms -
. length -
. map ( ) -
Promise
. all ( ) -
. reduce ( ) -
. reverse ( ) -
. some ( ) -
this
: контекст выполнения функций - Архитектура и паттерны проектирования
- Архитектурный паттерн MVC
- Асинхронность в JS
- Браузерное окружение, BOM
- Булевый тип
- Как браузер рисует страницы
- Как и зачем писать тесты
- Области видимости
- Объектно-ориентированное программирование
- Организация потоков данных
- Переменные
const
,let
иvar
- Подгрузка контента при прокрутке
- Порядок выполнения
- Спред-синтаксис
. . . - Тернарный оператор
- Трёхслойная архитектура
- Функция
- Что такое API
Инструменты
Редактор
- GitLab CI/CD
- TypeScript и статическая типизация
- Веб-сервер Apache
- Интерфейс командной строки
- Методологии разработки и Agile
- Мультиконтейнерное приложение и Docker Compose
- Работа с сетью
- Системы сборки
- Управление данными в Docker
- Что такое CI/CD
- Что такое Docker
- Что такое Webpack
- Что такое код-ревью
- Язык разметки Markdown