#Html

С чего начать изучать веб разработку? Лучшие ресурсы для изучения!
Поток документа | Flexbox | Float | inline-block в CSS

Привет, в этом уроке мы разберемся в том что такое нормальный поток документа, научимся его изменять с помощью CSS свойств, разберемся с тем как работать с inline-block, float и flexbox свойствами. Текстовая версия урок в полной версии статьи

Тип данных Object в JavaScript

Привет, в этом уроке мы основательно пройдемся по типу данных object, рассмотрим типы объектов, свойства, научимся создавать объекты и узнаем различия между ними, а также поговорим об операторе typeof и нюансах его работы. Текстовый урок в полной версии статьи.

Symbol в JavaScript [типы данных]

Привет, в этом уроке мы поверхностно пройдемся по теме символов в JavaScript поговорим и попытаемся понять что с их помощью можно делать и зачем они вообще нужны. Приятного просмотра, не забудь поставить лайк, подписаться и оставить комментарий. Текстовая версия видео в полной версии этой статьи )

Все о datalist, fieldset и button в HTML

Привет, в рамках этого урока мы разберемся оставшимися тегами формы, а именно: datalist, fieldset, legend, button. Также разберемся в нюансах и частоте использования этих тегов. Текстовая версия урока в полной версии этой статьи.

Вес селекторов в CSS

Привет, в этом уроке мы на примерах рассмотрим как работает вес и приоритетность селекторов. Текстовое описание урока в полной версии статьи.

HTML для детей: как научиться создавать сайты

Делимся подборкой видеоуроков для детей по веб-программированию: HTML, CSS и JavaScript.

undefined и null в JavaScript

Привет, в этом уроке мы подробно поговорим о типах данных undefined и null в JavaScript, рассмотрим то как они работают где их применять и как отвечать на каверзные вопросы на собеседовании связанные с этими типами данных. Текстовое описание в полной версии поста.

Тестовое описание в полной версии поста
Теги select и textarea в HTML5

<select> - элемент содержащий меню опций <option> или меню групп опций <optgroup>. Имеет схожие с <input> атрибуты, а также атрибуты multiple и size. Обычно select располагается внутри тега <form> или связывается с ним атрибутом form.

Вложенность селекторов

В реальной разработке, зачастую нам приходится использовать вложенные селекторы для того чтобы добраться к внутренним элементам HTML структуры.

Цикл for в #sass #scss
По поводу youtube

Я веду свой образовательный youtube канал, куда выкладываю видеоуроки по web-разработке, созданию сайтов и программированию.

Вопрос состоит в том что мне практически не у кого узнать что я делаю не правильно или что я делаю правильно, по поводу контента который я выкладываю я youtube. И я не до конца понимаю аспекты работы этой площадки. Например: когда лучше выкладывать видосы, постить ли инфу о них в какие-то другие места и если да то в какие. Канал потихоньку растет…

Тип данных String в JavaScript

string - примитивный тип данных, представляет собой цепочку элементов использующую кодировку UTF-16, вне зависимости от кодировки которую использует страница. Больше уроков у меня на канале

Функции в SASS / SCSS

Привет, в этом уроке мы научимся использовать функции в SASS / SCSS, рассмотри примеры их работы, а также разберемся с новым, для нас, циклом @for. Напишем несколько функций и посмотрим для чего они вообще нужны. Приятного просмотра. Больше уроков у меня на канале.

Тег input в HTML

Привет, в рамках этого урока мы познакомимся с тегом input, разберем типы input-ов, рассмотрим атрибуты этого тега, а также познакомимся с тегом label. Больше уроков у меня на канале.

Как работает тег <form> в HTML

Привет, в рамках этого урока мы познакомимся с тегом form и его атрибутами, разберемся что нужно в него вкладывать и как использовать. Приятного просмотра, не забудь поставить лайк и оформить подписку на канал.

Виды селекторов в CSS - часть 2

Селекторы - это достаточно мощный инструмент который позволяет нам выбирать элементы не только по тегу но и по различным атрибутам, будь то id, class или любой атрибут, а также выбирать элементы по наведению мышки, четные или нечетные и многое другое.

Селекторы CSS - часть 1

Любые стили CSS записываются по одной и той же формуле: название стиля: значение; Чтобы добавить стиль к элементу, необходимо использовать селектор. Он указывает, к какому именно элементу или элементам нужно добавить наши стили. Для примера, изменим цвет шрифта у параграфа который есть у нас в HTML

Циклы в SASS / SCSS ( @each )

Привет, в этом уроке мы разберемся что такое циклы в SASS / SCSS на примерах разберем как перебирать структуры данных List и Map и на примерах разберемся как использовать все эти вещи вместе с интерполяцией для динамической генерации стилей. Приятного просмотра.

Теги: <img>, <audio>, <video>, <iframe>
Урок - Подключение CSS

HTML существует только для разметки контента, но не несет в себе никакой стилизации элементов. За это отвечает язык CSS. Все визуальные отличия тегов друг от друга мы видим только благодаря тому что браузер имеет свою таблицу стилей которая работает поумолчанию. Как вы уже поняли, для того чтобы мы могли стилизовать элементы сами, нам нужно будет…

Видеоурок - Структуры данных в SASS / SCSS

Привет, в этом уроке мы рассмотрим структуры данных существующие в языке SASS / SCSS. Рассмотрим как с ними работать и почему это удобно. Также рассмотрим директиву @charset и разберемся зачем она нужна.

Семантические теги (текстовый урок)

Для решения вопросов доступности Web для пользователей с ограниченными возможностями, а также для лучшего считывания контента сайта ботами которые его индексируют в HTML5 были добавлены семантические теги.

Теги для создания форм. Часть №6. <button>

<button> - Парный тег, который предназначен для создания кнопки, имеет схожие атрибуты с тегом <input>. Может использовать как внутри <form> заменяя собой <input type="button">, так и просто как отдельный элемент на странице.

Семантические теги HTML

Привет, в рамках сегодняшнего урока вы узнаете что такое семантика и зачем она нужна для WEB страниц, какие семантические теги бывают и как они работают. На примере рассмотрим каким образом правильно создавать семантическую разметку . Не забудь поставить лайк, подписаться и оставить комментарий. Приятного просмотра.

Теги для создания форм. Часть №5. <fieldset>
Теги для создания форм. Часть №4. <datalist>
Именование переменных в JavaScript

При именовании переменных нам нужно придерживаться определенных правил:

Теги для создания форм. Часть №3. <textarea>
Видео урок - Строчные элементы в HTML

Привет, в этом уроке мы разберемся что такое строчные элементы и как они работают, а также рассмотрим некоторые строчные теги для стилизации текста. Не забудь поставить лайк, подписаться и оставить комментарий. Приятного просмотра.

Теги для создания форм. Часть №3. <select>
Возможны баяны
Видеоурок - Блочные элементы HTML

Привет, в этом уроке мы разберемся что такое блочные элементы и как они работают, а также рассмотрим списочные теги и заголовки.

Возможны баяны
Теги для создания форм. Часть №2. <input>

<input> - тег который мы вкладываем внутрь тега <form>, с помощью него мы будем создавать интерактивные поля для ввода информации пользователем.

Теги для создания форм. Часть №1

<form> - Обычно этот тег оборачивает элементы с которыми пользователь может взаимодействовать. Это могут быть поля для ввода текста, выпадающие списки, заголовки полей. Всех их мы разберем далее.

Возможен баян
Строчные элементы

В современной верстке выделяется 2 типа элементов:

Блочная модель документа

В современной верстке выделяется 2 типа элементов:

Атрибуты тегов HTML

Одна из важных концепций HTML это атрибуты и их значения.

Базовая структура HTML файла

Любой HTML файл начинается с базовой структуры. Обычно она включает в себя теги, которые есть в любом HTML файле.

Как работают константы в JavaScript ?
null