Ольга Алексашенко
Фронтендер и литературный редактор, два в одном :) Ну и в «Веб-стандартах» вы наверняка меня слышали 🎤
HTML
Редактор
-
<a>
-
<address>
-
<article>
-
<aside>
-
<audio>
-
<b>
-
<base>
-
<bdi>
-
<bdo>
-
<blockquote>
-
<body>
-
<br>
-
<button>
-
<div>
-
<dl>
,<dd>
,<dt>
-
<!
D O C T Y P E> -
<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
. is Array ( ) -
.every
( ) -
.filter
( ) -
.find
( ) -
.for
Each ( ) -
.forms
-
.length
-
.map
( ) -
Promise
. all ( ) -
.reduce
( ) -
.reverse
( ) -
.some
( ) -
this
: контекст выполнения функций - Асинхронность в JS
- Браузерное окружение, BOM
- Булев тип
- Области видимости
- Переменные
const
,let
иvar
- Подгрузка контента при прокрутке
- Порядок выполнения
- Спред-синтаксис
.
. . - Тернарный оператор
- Функция
Рецепты
Редактор
Доступность
Редактор
Веб-платформа
Редактор
- GitLab CI/CD
- TypeScript и статическая типизация
- Архитектура и паттерны проектирования
- Архитектурный паттерн MVC
- Веб-сервер Apache
- Интерфейс командной строки
- Как браузер рисует страницы
- Как и зачем писать тесты
- Методологии разработки и Agile
- Мультиконтейнерное приложение и Docker Compose
- Объектно-ориентированное программирование
- Организация потоков данных
- Работа с сетью
- Реактивность в программировании
- Системы сборки
- Трёхслойная архитектура
- Управление данными в Docker
- Что такое API
- Что такое CI/CD
- Что такое Docker
- Что такое Webpack
- Что такое код-ревью
- Язык разметки Markdown