Front-end Articles

Мир программирования так не прост и я решила в нем разобраться. Это подборка статей от дизайнерки которая решила изучать код. Буду говорить просто о сложном, ведь когда то и мне нужно было это все осознавать через не простой путь

подборка · 7 материалов

tutnoni ~ Нона Аракелян

2 месяца назад

Что такое HTTP, зачем нужны ошибки 401, 403, 404 и как подключить HTTPS — простыми словами

Когда ты открываешь сайт, происходит целый диалог между браузером и сервером. Этот "разговор" идёт на специальном языке — HTTP (HyperText Transfer Protocol). И, как в любом разговоре, собеседники иногда не понимают друг друга. В таких случаях сервер отвечает кодом ошибки — вроде 401, 403 или знаменитой 404. HTTP — это протокол, по которому браузер запрашивает у сервера нужную страницу, картинку, видео или данные. Сервер отвечает: «Вот тебе страница» или «Извините, такого нет» — и сопровождает это специальным кодом, чтобы всё было понятно и машине, и человеку...

tutnoni ~ Нона Аракелян

6 месяцев назад

Чем отличаются let и var в js ?

Если вы когда-нибудь сталкивались с кодом на JavaScript, то, возможно, заметили, что раньше активно использовалось ключевое слово var, а сейчас в основном применяют let. И да, это не просто модный тренд, у них действительно есть отличия. Давайте разберёмся, в чём же разница, и почему лучше выбрать let для современного кода. С let всё строго – переменная существует только внутри блока {}, в котором она объявлена. То есть, если вы создаёте переменную внутри фигурных скобок, снаружи она будет недоступна: { let x = 10; } console...

tutnoni ~ Нона Аракелян

7 месяцев назад

Мини-гайд по мета-тегам

Мета-теги — это элементы HTML, которые содержат информацию о веб-странице (метаданные) и размещаются внутри секции <head>. Они не видны пользователю напрямую, но играют важную роль для поисковых систем, социальных сетей и браузеров Зачем они нужны ?? Примеры задач мета-тегов: Указать кодировку страницы. Настроить отображение страницы на мобильных устройствах. Передать информацию для социальных сетей и поисковых систем. Добавить иконку для вкладки браузера. В коде это выглядит так: Кодировка страницы <meta charset="utf-8"> Этот тег указывает, что страница использует кодировку UTF-8...

tutnoni ~ Нона Аракелян

1 год назад

Шпаргалка для Эффективной Работы с Терминалом: Основы Команд Git

Терминал – это мощный инструмент, позволяющий взаимодействовать с операционной системой и выполнять разнообразные задачи. Одной из ключевых областей его применения является работа с системой контроля версий Git. В этой статье основные команды Git, поможет улучшить вашу продуктивность и упростить работу с версионированием кода. 1. Настройка Git: - `git config --global user.name "Ваше имя"`: Устанавливает имя пользователя. - `git config --global user.email "ваш@почта.com"`: Устанавливает email пользователя...

tutnoni ~ Нона Аракелян

2 года назад

Создание первого веб-сайта

Введение в HTML5 и CSS3 HTML5 и CSS3 являются основными строительными блоками современной веб-разработки. В этой статье мы рассмотрим основы HTML5 и CSS3, предоставив начинающим прочную основу для создания своего первого веб-сайта. Мы рассмотрим основы HTML-тегов, CSS-селекторов и некоторые полезные советы для улучшения навыков веб-дизайна. Понимание HTML5: HTML (Hypertext Markup Language) используется для структурирования содержимого веб-страницы. 1. `<!DOCTYPE html>`: Это декларация типа документа (Document Type Declaration), которая указывает браузеру, что это HTML5-документ...

tutnoni ~ Нона Аракелян

2 года назад

Тэги в vanilla js

Cписок тегов для работы с элементами в vanilla JavaScript: `document.getElementById('id')`: Получает элемент по его уникальному идентификатору. `document.getElementsByTagName('tagname')`: Получает коллекцию элементов по их имени тега. `document.getElementsByClassName('classname')`: Получает коллекцию элементов по их классу. `document.querySelector('selector')`: Возвращает первый элемент, соответствующий указанному CSS-селектору. `document.querySelectorAll('selector')`: Возвращает все элементы, соответствующие указанному CSS-селектору...