neretinaa neretin-trike

BASH / WINDOWS

pwd - вывести рабочий каталог
mkdir [имя папок] - создать папки
rm -r [имя папок] - удалить папки
touch [имя файлов] - создать файлы
touch [имя папки]/{[имя файла],[...]} - создать файлы внутри указанной папки
cd .. | [имя папки] - подняться на уровень вверх | перейти в дерикторию
ls -*a -*l - вывод файлов и папок в текущей директории *вместе со скрытыми *и информацией о размере и дате создания

echo ['текст'] >> [имя файла] - создать файл с указанным текстом

Чек-лист вёрстки

Для того чтобы отдавать вёрстку клиенту, достаточно обязательного соблюдения первых 5 пунктов. Для выдачи в продакшен — первых 6.

Соответствие макету
Кроссбраузерность, кодировка и DOCTYPE
Валидность (включая CSSLint и JSHint), доступность, микроформаты
Независимость блоков в CSS: минимизация каскада, использование техник БЭМ
Сайт должен нормально смотреться во всех стандартных разрешениях от 1024 и выше, не иметь горизонтального скролла и вписываться в экран мобильных устройств
Корректная работа при вбивании реального текста, надёжность вёрстки
Использование препроцессоров и систем сборки

Виды HTML элементов

Описание существующих контейнеров и списки соотвествующих тегов.

Блочные элементы и блочные контейнеры

Блочные элементы — элементы высшего уровня, которые форматируются визуально как блоки, располагаясь на странице в окне браузера вертикально. Значения свойства display, такие как block, list-item и table делают элементы блочными. Блочные элементы генерируют основной блок, который содержит только блок элемента. Элементы со значением display: list-item генерируют дополнительные блоки для маркеров, которые позиционируются относительно основного блока.

Список тегов: <address>, <article>, <aside>, <blockquote>, <dd>, <div>, <dl>, <dt>, <details>, <fieldset>, <figcaption>, <figure>, <footer>, <form>, <h1>-<h6>, <header>, <hr>, <iframe>, <li>, <legend>, <nav>, <noscript>, <ol>, <output>, <optgroup>, <option>, <p>, <pre>, <section>, <summary>, <table>, <ul>

Строчные элементы и строчные контейнеры

Встроенные (строчные) элементы генерируют внутристрочные контейнеры. Они не

Виды селекторов отношений

Используются для того чтобы выбрать элементы в зависимости от того как они связаны с другими элементами на веб-странице.

Вложенные селекторы

Комбинатор выбирает элементы, которые находятся внутри указанного элемента (вне зависимости от уровня вложенности).
css

div p {
  color:red;
}

Семантическое Версионирование

Учитывая номер версии МАЖОРНАЯ.МИНОРНАЯ.ПАТЧ, следует увеличивать:

МАЖОРНУЮ версию, когда сделаны обратно несовместимые изменения API.
МИНОРНУЮ версию, когда вы добавляете новый функционал, не нарушая обратной совместимости.
ПАТЧ-версию, когда вы делаете обратно совместимые исправления.

Дополнительные обозначения для предрелизных и билд-метаданных возможны как дополнения к МАЖОРНАЯ.МИНОРНАЯ.ПАТЧ формату.

Основные мета-теги

Мета-теги - это служебные слова, которые содержат важную информацию о веб-документе для поисковых систем. В большинстве случаев размещаются внутри тега head.
Список мета-тегов для атрибута name:

description — описание веб-страницы, должно быть достаточно длинным и полным
keywords — ключевые слова,
generator — CMS сайта,
author — автор,
copyright — авторские права,
robots — правила индексирования страницы для роботов,
viewport — данные о настройке области просмотра

СОЧЕТАНИЕ КЛАВИШ VS

Частоиспользуемые сочетания клавиш в Visual Code

Файл

Ctr + Shift + F - искать в файлах и файлы
Ctr + Shift + N - новое окно редактора

Ctr + K O - открыть папку

Основной синтаксис Markdown разметки

Более полное руководство по Markdown синтаксису

Параграфы

<пустая строка>
Текст параграфа. Может быть
разбит на несколько строк.
<пустая строка>

	/* Вертикальное и горизонтальное выравнивание блока по центру */

	.block-middle {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	marign: auto;

	/*
	Создание коммита на обновление файла с помощью Github API
	*/

	var dataJson = "";
	$.ajax({
	url: 'https://api.github.com/repos/neretin-trike/test_repo1/contents/7.txt',
	type: 'GET',
	}).done(function(response) {
	var filecontent = "The data of the file";