Front-end разработка презентация

Клиентом принято называть пользователя, который подключается к сайту. Связующим звеном между клиентом и сервером является клиентское ПО, то есть браузер.
Из всего этого следует, что
Front-end разработка - создание клиентской части сайта.

Веб непрерывно развивается:
Новые стандарты
Появляются новые устройства
Множество способов взаимодействия с веб-страницей
Новые технологии

или
или
или
для иконок?

Сайт KharikovJS
- 497 шт.
0 из 53
- 7 шт.
- 0

Это совсем не важно
Ну или важно, но вам может быть всё равно

А что важно?

UX
Удобно ли пользоваться сайтом.

Что такое UX/UI, прямым текстом
(в этом разделе будут банальные фразы)
UX - это User Experience (опыт пользователя).
То есть это то, какой опыт/впечатление получает пользователь от работы с вашим интерфейсом. Удается ли ему достичь цели и на сколько просто или сложно это сделать.
UI - это User Interface (пользовательский интерфейс) - то, как выглядит интерфейс и то, какие физические характеристики приобретает. Определяет, какого цвета будет ваше ’изделие’, удобно ли будет человеку попадать пальцем в кнопочки, читабельным ли будет текст и тому подобное…

Контент
Интерфейс

Контент
Язык: ,
Заголовки:
,
,
,
,
,
Картинки:
,
Фигуры:
,
Списки:
,
,
Для поисковиков, режимов чтения, скринридеров, новых
устройств.

Интерфейс
Ориентиры:
,
,
,
Заголовки:
,
,
,
,
,
Элементы форм:
,
,
Интерактивные:
и
Лейблы:
Для пользователей клавиатур и скринридеров.

Flexbox

Flex-direction может принимать 4 значений:
column
column-reverse
row
row-reverse
У flex-контейнера есть две оси: главная ось и перпендикулярная ей. По умолчанию все предметы
располагаются вдоль главной оси: слева направо.
Flex-direction позволяет вращать главную ось.

Justify-content отвечает за выравнивание элементов по главной оси.
Justify-content может принимать 5 значений:
flex-start;
flex-end;
center;
space-between;
space-around.

Задача

JavaScript

ECMAscript язык программирования используемый в качестве основы для построения других скриптовых языков

jQuery

$(‘div’ ).toggleClass(‘className’);

Таким образом, $ в коде просто более короткое и удобное имя для функции jQuery. На деле
в конце исходного кода jQuery вы найдёте:
window.jQuery = window.$ = jQuery;

Поскольку такое часто где встречается, можете при желании использовать сокращённый метод — функция $() делает двойную
работу как псевдоним для $(document).ready(), если вы передаёте функцию:
$(function() {
console.log( 'готов!' );
});

devtools
document.body.contentEditable = true