ЧТО ВЫВЕДЕТ ЭТОТ КОД В HTML
Вопрос: Что выведет этот код в консоль браузера? Код: console.log('5' - 2); console.log('5' + 2); Варианты ответов: А) Выведет 3 и 52, Б) Выведет NaN (ошибка) и 7, В) Выведет 3 и 7. Правильный ответ: А. В JavaScript оператор минус всегда пытается превратить строку в число, поэтому строка 5 становится числом 5, и получается 3. А вот плюс работает как клей, если хотя бы с одной стороны строка, он просто склеивает: строка 5 плюс 2 получается 52. Классическая ловушка на собеседованиях!
#javascript #js #собеседование #frontendснуля2026 #shorts Вместе изучаем Frontend
ДЛЯ ЧЕГО В JAVASCRIPT ИСПОЛЬЗУЕТСЯ МЕТОД МАССИВА FILTER.
В этом Shorts мы разберём, для чего нужен метод filter в JavaScript. Метод filter используется для создания нового массива, в который попадают только те элементы исходного массива, которые прошли проверку по заданному условию. Простыми словами, он помогает отфильтровать данные и оставить только нужные значения, не изменяя при этом оригинальный массив. Например, с его помощью можно легко получить список товаров дороже определенной суммы или выбрать только совершеннолетних пользователей. В отличие от метода find, который возвращает первый подходящий элемент, filter возвращает все элементы, соответствующие условию. Этот метод принимает callback-функцию, которая возвращает true или false для каждого элемента, и если результат true, элемент попадает в новый массив. Использование filter делает код более чистым, понятным и функциональным при работе с коллекциями данных Frontend
#javascript #js #методfilter #frontendснуля2026 #shorts
ЧТО ТАКОЕ МАССИВ ARRAY В JAVASCRIPT.
В этом Shorts мы разберём, что такое массив в JavaScript. Массив — это структура данных, которая позволяет хранить несколько значений в одной переменной. Представь себе список покупок или коробку, в которой лежат элементы по порядку. Каждый элемент в массиве имеет свой индекс, начиная с нуля. С помощью массивов очень удобно работать со списками данных: товарами, пользователями или сообщениями. Мы посмотрим, как создать массив, как получить доступ к его элементам и зачем нужны методы push и pop FRONTEND
#javascript #js #массивы #frontendснуля2026 #shorts Вместе изучаем Frontend
ЧТО ТАКОЕ ТЕГ H2 В HTML.
В этом Shorts мы разберём тег H2 в HTML. Это заголовок второго уровня, который используется для обозначения подразделов на странице. Если H1 — это главный заголовок страницы, то H2 помогает структурировать контент и разбивать текст на логические блоки. Важно соблюдать иерархию: H1, затем H2, и только потом H3. Поисковые системы и программы для чтения с экрана используют эту структуру для понимания содержания страницы. Подписывайся на канал С нуля до SENIOR FRONTEND, чтобы учиться программировать с нуля. Напиши в комментариях, сколько заголовков H2 обычно на твоей странице во Frontend
#html #тегh2 #заголовкиhtml #frontendснуля2026 #shorts Вместе изучаем Frontend
ЧТО ТАКОЕ ЗАМЫКАНИЕ В JAVASCRIPT.
Простыми словами, замыкание — это способность функции запоминать переменные из своей внешней области видимости, даже после того, как внешняя функция уже завершила работу. То есть внутренняя функция как бы хранит в себе ссылку на лексическое окружение, в котором она была создана. Чаще всего замыкания используют для создания приватных переменных или функций-счётчиков, которые сохраняют своё состояние между вызовами. Подписывайся на канал С нуля до SENIOR FRONTEND, чтобы учиться программировать с нуля. Напиши в комментариях, где ты уже применял замыкания в своих проектах.
#javascript #js #замыкания #frontendснуля2026 #shorts Вместе изучаем Frontend
ЧТО ТАКОЕ ТЕГ SPAN. В этом Shorts мы разберём тег span в HTML. Span — это строчный элемент, который используется для выделения части текста или группировки элементов внутри строки. В отличие от блочного тега div, span не переносит элементы на новую строку. Он отлично подходит для того, чтобы изменить цвет одного слова, добавить курсив или стилизовать часть абзаца с помощью CSS. Мы посмотрим, как правильно применять этот тег на практике. Подписывайся на канал С нуля до SENIOR FRONTEND, чтобы учиться программировать с нуля. Напиши в комментариях, чем ты обычно выделяешь текст во Frontend
#html #тегspan #frontendснуля2026 #shorts #верстка Вместе изучаем Frontend
ЧТО ТАКОЕ QUERYSELECTOR В JS. В этом Shorts мы разберём метод querySelector в JavaScript. Это один из самых мощных и часто используемых инструментов для поиска элементов на странице. С его помощью можно найти любой HTML-тег, класс или id. Синтаксис очень простой: мы передаём в скобки CSS-селектор, точно такой же, как в стилях. Например, document.querySelector('.my-class') найдёт первый элемент с этим классом. Если элемента на странице нет, метод вернёт null. Если тебе нужно найти сразу все элементы, используй querySelectorAll. Подписывайся на канал С нуля до SENIOR FRONTEND, чтобы учиться программировать с нуля. Напиши в комментариях, какой метод поиска элементов ты используешь чаще.
#javascript #js #queryselector #frontendснуля2026 #shorts Вместе изучаем Frontend
ЧТО ТАКОЕ СОБЫТИЕ В JAVASCRIPT
В этом видео мы разберём, что такое событие в JavaScript и как с его помощью сделать сайт интерактивным. Событие — это сигнал, который сообщает браузеру, что что-то произошло: пользователь кликнул, нажал клавишу, отправил форму или загрузил страницу. Мы научимся обрабатывать эти события с помощью метода addEventListener, разберём основные виды событий: клик, ввод с клавиатуры и работу с формами. Также изучим объект события, свойства event.target и метод preventDefault, чтобы управлять поведением браузера по умолчанию во Frontend
ЧТО ТАКОЕ JSON
JSON — это не язык программирования и не база данных. Это текстовый формат обмена данными (JavaScript Object Notation). Он нужен для того, чтобы сайт мог получить данные от сервера: список товаров, профиль пользователя или курсы валют. Выглядит он как обычный объект в JavaScript. В этом Shorts я объяснил суть максимально быстро в Frontend
#чтотакоеjson #json #frontendснуля2026 #shorts #javascript
ЧТО ТАКОЕ МЕДИАЗАПРОС В CSS
Сайт ломается на телефоне? Значит, ты не используешь медиазапросы! В этом Shorts я покажу, как работает @media в CSS. Медиазапрос — это правило, которое позволяет применять разные стили в зависимости от размера экрана (ширины, высоты, ориентации). С его помощью ты сделаешь сайт удобным и на смартфоне, и на огромном мониторе. Основные функции: min-width (от какого размера) и max-width (до какого размера).
#css #медиазапросы #адаптивнаяверстка #frontendснуля2026 #shorts
ЧТО ТАКОЕ ФУНКЦИЯ В JAVASCRIPT
В этом уроке мы разберём одну из ключевых концепций JavaScript — функции. Ты узнаешь, что такое функция, зачем она нужна, как её объявить и вызвать, а также чем отличаются разные виды функций. Без понимания функций невозможно написать ни одну серьёзную программу, поэтому этот урок — фундамент для всего дальнейшего обучения.
#javascript #функцииjavascript #frontendснуля2026 #урокjavascript #javascriptдляначинающих
ЧТО ДЕЛАЕТ ТЕГ A В HTML
В этом уроке мы разберём один из самых важных тегов в HTML — a. Именно он создаёт гиперссылки, которые связывают страницы интернета в единую сеть. Ты узнаешь, как работает тег a, какие атрибуты ему нужны и как правильно использовать его для навигации по сайту. Без этого тега не было бы ни одного кликабельного перехода.
#тегa #ссылкивhtml #htmlдляначинающих #frontendснуля2026 #урокhtml #гиперссылки
ЧТО ТАКОЕ ТЕГ DIV В HTML
В этом уроке мы разберём один из самых важных и часто используемых тегов в HTML — div. Ты узнаешь, что такое блочный контейнер, зачем он нужен, чем отличается от span, и как правильно использовать его в современной вёрстке. Без понимания div невозможно построить ни один сайт.
#div #тегdiv #htmlдляначинающих #frontendснуля2026 #урокhtml #блочныйэлемент
ЧТО ТАКОЕ ТЕГ H1
H1 — это заголовок первого уровня, главный заголовок страницы. Он обозначает основную тему документа и помогает поисковым системам понять, чему посвящён контент. На странице обычно используется только один тег H1. Он должен быть уникальным для каждой страницы, содержать главную ключевую фразу и располагаться в верхней части страницы во Frontend
ЧТО ТАКОЕ WEBSOCKET
WebSocket — это протокол двусторонней связи между клиентом и сервером через одно долгоживущее соединение. В отличие от HTTP, где клиент отправляет запрос и ждёт ответ, WebSocket позволяет серверу самому отправлять данные клиенту в реальном времени. Именно на WebSocket работают чаты, онлайн-игры и биржевые котировки во Frontend
ЧТО ТАКОЕ BEM
BEM (Block Element Modifier) — это методология именования классов в CSS, которая помогает писать поддерживаемый и структурированный код. Каждый класс делится на три части: блок, элемент и модификатор. BEM решает проблему конфликтов стилей и делает код понятным даже в больших проектах Frontend
ЧТО ТАКОЕ GRID
CSS Grid (Grid Layout) — это двумерная система сеток в CSS, которая позволяет размещать элементы одновременно в строках и столбцах. В отличие от Flexbox, который работает в одном измерении, Grid управляет двумя осями сразу. Сетка состоит из горизонтальных и вертикальных линий, образующих ячейки, в которые можно помещать элементы во Frontend
ЧТО ТАКОЕ FLEXBOX
Flexbox (Flexible Box Layout) — это модуль CSS, который позволяет легко выравнивать элементы по горизонтали и вертикали, менять их порядок, растягивать и сжимать в зависимости от доступного места. Без Flexbox создание адаптивных интерфейсов было бы намного сложнее.
ЧТО ТАКОЕ REST API
REST API — это архитектурный стиль, который описывает, как клиент (браузер) и сервер обмениваются данными через HTTP. Когда ваш сайт запрашивает список товаров или отправляет форму, он делает это через REST API. Сервер отвечает в формате JSON, а frontend показывает данные пользователю.
ЧТО ТАКОЕ WEBPACK
Webpack — это сборщик модулей, который берёт все ваши файлы JavaScript, CSS, изображения и превращает их в один или несколько оптимизированных бандлов. Без Webpack браузеру пришлось бы загружать сотни отдельных файлов, что замедляет сайт. Webpack также умеет минифицировать код, подключать препроцессоры и оптимизировать ресурсы Frontend.