Видео: Itdoctor

Подборка новых видео на тему Itdoctor на сегодня 20 April 2026 года

Itdoctor - смотрите онлайн

1 | Создание сайтов | Кайдзен разработка

На примере создания сайтов я продемонстрирую вам работу метода Кайдзен. Даже если вам не интересны программирование и создание сайтов постарайтесь изучить этот материал, дайте ему шанс и вы поверите в свои силы. Далее вы сможете применять этот подход в любой сфере, достигать целей и необходимых вам результатов. В этом уроке мы установим редактор кода и браузер. Выполним первые настройки и установим несколько расширений, рассмотрим горячие клавиши в VS Code. Создадим первый HTML файл. 📌 Задания и все уроки из цикла "Кайдзен разработка" - 🎁 Скачать PDF гайд про Кайдзен - 00:00 Важная информация! 00:20 Про карту Front-end разработчика 02:28 Установка редактора VS Code 05:26 Смена темы и иконок в редакторе 08:35 Создание и сохранение... Смотреть видео...

Обзор редактора VS Code

В этом видео я сделаю полный обзор на редактор кода Visual Studio Code и покажу вам его функции и возможности. Этот подробный обзор на редактор VS Code нацелен на то чтобы продемонстрировать вам на реальном примере всё на что способен редактор VS Code. Так же я покажу свой набор плагинов для Visual Studio Code и вкратце расскажу про эти плагины. Плагин Emmet в редакторе VS Code встроен по умолчанию! Ррасскажу про Расширения, плагины и Темы в редакторе VS Code, которые я использую. А так же Руссификация редактора VS Code, Сочетания клавиш, Подсветка скобок, Форматирование документа, Работа с GitHub, Синхронизация с браузером, Подсветка файлов Sass и Scss и подробнее про Настройки редактора VS Code, а так же Терминал в VS Code. Покажу вам... Смотреть видео...

#3 Генерация вложенных списков на JavaScript, работа с DOM

В этом уроке мы научимся генерировать вложенный список UL из обычного JavaScript объекта. Рассмотрим как создать элемент и добавить на страницу с помощью метода insertAdjacentHTML. Научимся удалять элементы DOM, а так же перемещать и клонировать элементы на JavaScript. Рассмотрим как работать в бесконечном цикле while и как выйти из него по условию. ❕ Файлы к уроку: Уроки по языку JavaScript собраны в одном плейлисте для вашего удобства. Тут вы сможете легко выучить язык JavaScript начиная с основ. ? Уроки по JavaScript: Данный плейлист включает в себя видео лекции из курса "Frontend разработчик на HTML, CSS и JavaScript". Задания, тесты и другие полезные материалы к этому курсу можно получить в курсе на Stepik. ? Курс "Frontend... Смотреть видео...

#2 Расширения (плагины) и Темы в редакторе VS Code

В этом видео я расскажу про Расширения, плагины и Темы в редакторе VS Code, которые я использую. А так же Русификация редактора VS Code, Сочетания клавиш, Подсветка скобок, Форматирование документа, Работа с GitHub, Синхронизация с браузером, Подсветка файлов Sass и Scss и подробнее про Настройки редактора VS Code, а так же Терминал в VS Code. Содержание: 00:00 Введение 01:30 Обзор на VS Code: 02:05 Множественное выделение 02:25 Копировать предыдущую строку 02:40 Форматирование кода 03:05 Сочетания клавиш в VS Code 03:35 Поиск инструментов 04:10 Расширения 04:16 Beautify - Форматирование документа 04:59 Bracket Pair Colorized - Подсветка скобок 05:52 Git History Diff - Работа с GitHub 06:08 Работа с панелью GitHub в VS Code: 06:46 Live... Смотреть видео...

#2 Атрибуты и создание элементов на JavaScript

В этом уроке я расскажу вам как работать с HTML атрибутами на языке JavaScript. Мы научимся добавлять, удалять, заменять атрибуты и их значения. А так же мы научимся создавать свои новые элементы. Рекомендую вам повторять все за мной, самостоятельно, а не просто смотреть или копировать готовый код. Это поможет лучше усвоить информацию. ❕ Файлы к уроку: Уроки по языку JavaScript собраны в одном плейлисте для вашего удобства. Тут вы сможете легко выучить язык JavaScript начиная с основ. ? Уроки по JavaScript: Данный плейлист включает в себя видео лекции из курса "Frontend разработчик на HTML, CSS и JavaScript". Задания, тесты и другие полезные материалы к этому курсу можно получить в курсе на Stepik. ? Курс "Frontend разработчик на... Смотреть видео...

Заменит ли ИИ программистов? Честный разговор и примеры работы с ChatGPT и DeepSeek

Разбираем, заменит ли ChatGPT и другие ИИ верстальщиков и как использовать его в работе. Поговорим о подключении шрифтов с помощью ИИ, сочетании нейросетей и поисковиков, разберём пример DeepSeek и сравним с реалиями профессии в 2022 году. Практика, размышления и мотивация. Записаться на курс "Сайт с нуля: Pixso, Tilda и ChatGPT для новичка" на Stepik, чтобы получить больше практики: Макет можно скачать в уроке "Меню и шрифты". Этот урок в свободном доступе по ссылке выше. Просто нажмите кнопку "Попробовать бесплатно". 00:00 Поговорим про ИИ, заменят ли вас, как этим пользоваться 17:25 ИИ про подключение шрифта и продолжаем рассуждать 27:05 Комбинировать ИИ и поисковики, наставления и мотивация 34:53 Пример хорошей работы DeepSeek 43:33... Смотреть видео...

Основы программирования на JavaScript за 1 час

Я расскажу про основы программирования на JavaScript для начинающих. В этом уроке чуть больше чем за час вы познакомитесь с языком программирования JavaScript. Мы изучим такие темы как переменные на javascript, массивы на javascript, циклы на javascript, условия на javascript, объекты на javascript, функции на javascript, а так же числа, строки и boolean на javascript, что такое стек и очередь на javascript и многое другое на очень простых и понятных практических примерах. Этот видео урок по основам программирования на языке JavaScript для Начинающих даст вам старт в программирование на любом языке программирования, а не только на JavaScript. Плейлист Уроки по JavaScript: Материалы к уроку: 00:00 Введение в JavaScript, для чего он... Смотреть видео...

React с нуля за 2 часа | Основы React для начинающих 2025-2026

В этом уроке вы изучите React с нуля и создадите свой первый проект с использованием Vite. Разберём ключевые темы: компоненты, props, состояния (state), обработка событий, условный рендеринг и работа с формами. Урок подойдёт новичкам и тем, кто хочет быстро освоить современную разработку на React и понять структуру проектов на практике. Записаться на курс "Основы React для начинающих" на Stepik, чтобы получить больше практики: 00:00:00 Что такое React и для чего он нужен 00:01:57 Онлайн редактор для React 00:04:46 Установка редактора VS Code и Node.js c NPM 00:07:32 Создание проекта React 00:13:33 Завершить компиляцию и открыть проект в редакторе 00:16:32 Работа с Vite 00:20:35 Что такое компоненты на React 00:27:28 Структура проекта... Смотреть видео...

Про HTML и CSS, Установка браузера и редактора кода, Язык HTML для новичков, Урок 1

В этом уроке я расскажу про языки HTML и CSS. Мы установим браузер и редактор кода VS Code для создания сайтов. Мы создадим первую тестовую веб-страницу и в следующих уроках будем последовательно изучать эти языки и вы научитесь создавать сайты. Уроки по языку HTML собраны в одном плейлисте для вашего удобства. Тут вы сможете легко выучить язык HTML5 начиная с основ и завершая полным пониманием языка разметки HTML. Изучите много полезных тегов. 📌 Язык HTML для новичков - Данный плейлист включает в себя видео лекции из курса "Frontend разработчик на HTML, CSS и JavaScript". Задания к этому курсу можно найти на платформе Stepik. 📌 Курс "Frontend разработчик на HTML, CSS и JavaScript" - ⚡️ Эксклюзив на Boosty - 💡 Telegram канал - 🎥... Смотреть видео...

УЧИМ CSS ЗА 30 МИНУТ, Быстрый старт

В этом видео мы Учим язык CSS за 30 минут. Я расскажу вам про самые главные теги в css3 и что это такое. Так же вы узнаете как сделать сайт уже через пол часа. Это экспресс обучение по языку css3, который призван помочь вам выучить css за пол часа. Выучить css очень быстро это не сложно. Этот быстрый старт в CSS за 5 шагов поможет вам уже через 30 минут создать сайт. Выучить css за пол часа/30 минут, за 1 час или за 1 день не трудно, если вы посмотрите данное видео. Я уверен что данное быстрое экспресс обучение css ответит на вопрос как выучить быстро css. Так же смотрите полный курс по CSS на канале ITDoctor, там мы учим CSS очень подробно. На этом канале вы найдете уроки по CSS3 для начинающих. И обучаясь по ним вы сможете сделать сайт с... Смотреть видео...

Всё про Псевдоэлементы в CSS3

Псевдоэлементы css позволяют нам управлять тегами и например добавить содержимое перед тегом или добавить содержимое после тега css. CSS псведоэлементы before и after помогут добавить любое содержимое к элементу на css. Это был псевдоэлемент before css и псевдоэлемент after css. Псевдоклассы и псевдоэлементы css записываются одинаково через знак ":" и таким образом селекторы псевдоэлементов выглядят например так: .block p a:before. Первая строка абзаца выделяется с помощью псевдоэлемента first-line css, а первый символ абзаца псевдоэлементом first-letter css. Эксклюзив на Boosty - Telegram канал - Курсы на Stepik - Донаты: 1. ЮMoney - 2. VISA - 4274 3200 3233 1582 ВКонтакте - Яндекс Дзен - ✔Советую посмотреть: Формы в HTML:... Смотреть видео...

#18 Работа с формами на языке JavaScript

В этом уроке я расскажу как работать с формами на JavaScript. Мы научимся получать данные из разных элементов формы. Из чекбоксов, радио кнопок, селекторов и делать многое другое, что связано с формами. ❕ Файлы к уроку: Уроки по языку JavaScript собраны в одном плейлисте для вашего удобства. Тут вы сможете легко выучить язык JavaScript начиная с основ. ? Уроки по JavaScript: Данный плейлист включает в себя видео лекции из курса "Frontend разработчик на HTML, CSS и JavaScript". Задания, тесты и другие полезные материалы к этому курсу можно получить в курсе на Stepik. ? Курс "Frontend разработчик на HTML, CSS и JavaScript": 00:00 Вступление и краткий анонс 00:39 Курс Frontend разработчик 01:05 Выбор формы 02:24 Работа с checkbox или... Смотреть видео...

2 | Учим HTML теги | Создание сайтов | Кайдзен разработка

На примере создания сайтов я продемонстрирую вам работу метода Кайдзен. Даже если вам не интересны программирование и создание сайтов постарайтесь изучить этот материал, дайте ему шанс и вы поверите в свои силы. Далее вы сможете применять этот подход в любой сфере, достигать целей и необходимых вам результатов. В этом уроке мы рассмотрим структуру HTML страницы, научимся создавать комментарии к коду и использовать текст рыбу lorem ipsum. Покажу как подключить стили, картинки и скрипты используя относительный и абсолютный путь к файлу. Рассмотрим HTML теги, научимся создавать списки, ссылки, таблицы, формы, заголовки. 📌 Задания и все уроки из цикла "Кайдзен разработка" - 🎁 Скачать PDF гайд про Кайдзен - 00:00 Важная информация! 00:12... Смотреть видео...

Псевдоклассы CSS на примерах

Всё про Псевдоклассы в CSS3, Самый подробный урок. В этом видео уроке я расскажу вам про псевдоклассы css3 для ссылок, Псевдоклассы для оформления гиперссылок. Например псевдокласс active, link, hover. Так же псевдокласс focus, visited. Псевдокласс nth child для управления дочерними элементами. В CSS3 есть псевдоклассы child для этих целей и мы рассмотрим все псевдоклассы nth. И конечно псевдоклассы для управления формами и полями input например псевдокласс checked, optional, required и.др. Псевдокласс not нужен для отрицательного результата. Эксклюзив на Boosty - Telegram канал - Курсы на Stepik - Донаты: 1. ЮMoney - 2. VISA - 4274 3200 3233 1582 ВКонтакте - Яндекс Дзен - ✔Советую посмотреть: Селекторы в CSS: Псевдоклассы для... Смотреть видео...

Подготовка проекта, импорт макета Pixso, подключение и оптимизация шрифтов

В этом уроке вы узнаете, как подготовить проект, импортировать макет в Pixso и сверстать меню с нуля. Разберём базовые стили, работу с box-sizing, подключение и оптимизацию шрифтов, а также оформим финальные стили для меню. Записаться на курс "Сайт с нуля: Pixso, Tilda и ChatGPT для новичка" на Stepik, чтобы получить больше практики: Макет можно скачать в уроке "Меню и шрифты". Этот урок в свободном доступе по ссылке выше. Просто нажмите кнопку "Попробовать бесплатно". 00:00 О чём этот урок? 02:08 Подготовка проекта 08:18 Как импортировать макет в Pixso 10:35 Разметка для меню 21:10 Базовые стили 27:09 Box-sizing Border-box 37:30 Работа со шрифтом, оптимизация, поддержка, подключение 48:15 Стили для меню Кайдзен разработка, чтобы... Смотреть видео...

Верстка сайта от Header до Footer с оптимизацией изображений

В этом уроке вы шаг за шагом сверстаете полноценный сайт от шапки и кнопок до разделов с брендами, работами и товарами. Разберём оптимизацию изображений и современные форматы, а также оформим футер с градиентом. Записаться на курс "Сайт с нуля: Pixso, Tilda и ChatGPT для новичка" на Stepik, чтобы получить больше практики: Макет можно скачать в уроке "Меню и шрифты". Этот урок в свободном доступе по ссылке выше. Просто нажмите кнопку "Попробовать бесплатно". 00:00 Разметка для Header 04:48 Стили для Header 10:37 Кнопки 16:18 Брэнды 21:40 Кейсы, разметка и стили для блока 30:02 Оптимизация изображений и подключение webp и avif 38:03 Разметка для товаров 42:32 Стили для товаров 49:48 Footer Кайдзен разработка, чтобы бесплатно изучить... Смотреть видео...

СИНТО - системный российский ИТ-интегратор

СИНТО - системный российский интегратор с собственным производством компьютеров и серверов. Холдинг вырос из структурного подразделения компании Тензор. В 2005 году команда из 20 человек взяла курс на развитие корпоративных продаж и основала новое юридическое лицо. Так началась история СИНТО. Сегодня мы поставляем, внедряем и сопровождаем комплексные IT-решения. Реализуем проекты любых масштабов - от поставки партии ноутбуков до построения и модернизации центров обработки данных. СИНТО берет на себя все задачи заказчика - внедряет и тестирует решения, обучает персонал, оказывает сервисную и техническую поддержку. Нашими решениями пользуются 13 тысяч клиентов по всей России. Среди них госкорпорации, торговые компании и производственные... Смотреть видео...

3 | Атрибуты и образование RGB цвета | Создание сайтов | Кайдзен разработка

На примере создания сайтов я продемонстрирую вам работу метода Кайдзен. Даже если вам не интересны программирование и создание сайтов постарайтесь изучить этот материал, дайте ему шанс и вы поверите в свои силы. Далее вы сможете применять этот подход в любой сфере, достигать целей и необходимых вам результатов. В этом уроке мы рассмотрим атрибуты HTML тегов. Научимся использовать спецсимволы на HTML и рассмотрим как устроен RGB цвет и HEX код цвета. Поговорим про системы счисления и детально рассмотрим на примерах работу с палитрой RGB. 📌 Задания и все уроки из цикла "Кайдзен разработка" - 🎁 Скачать PDF гайд про Кайдзен - 00:00 Важная информация! 00:12 Атрибуты HTML тегов 05:36 Таблица спецсимволов 07:29 Названия RGB цветов 10:45 Цвет... Смотреть видео...

6 | CSS Свойства | Кайдзен разработка

На примере создания сайтов я продемонстрирую вам работу метода Кайдзен. Даже если вам не интересны программирование и создание сайтов постарайтесь изучить этот материал, дайте ему шанс и вы поверите в свои силы. Далее вы сможете применять этот подход в любой сфере, достигать целей и необходимых вам результатов. В этом уроке вы познакомитесь с основными CSS-свойствами для работы с текстом, цветами, отступами, границами и фоном. Узнаете, как применять их для стилизации веб-страниц. 📌 Задания и все уроки из цикла "Кайдзен разработка" - 🎁 Скачать PDF гайд про Кайдзен - 00:00 Важная информация! 00:10 Картинка на фон на CSS 03:29 Повторение фона и размер картинки 07:53 Путь к картинке на CSS 11:45 Прозрачность цвета фона 14:50 Границы... Смотреть видео...

Как научиться создавать сайты, План бесплатного обучения

Я составил план обучения. Изучая материалы по плану вы научитесь создавать свои собственные сайты и зарабатывать на этом. Это интерактивная схема в формате pdf, которую вы можете скачать и обучаться по ней. Открыть такой файл можно как со смартфона, так и с ПК (рекомендую второй способ). Вы можете кликать по разным элементам и переходить в соответствующий плейлист или к отдельному уроку. Так же кликабельны иконки с другими моими проектами. На моем канале огромное количество полезной информации, но многие не знают как её правильно использовать, что в каком порядке изучать? В схеме по шагам это описано. Какой язык первый, какой второй и т.д. Так же есть видео обзор данной схемы с еще более подробными комментариями. С тех пор схема... Смотреть видео...

#14 Генератор имён на JavaScript, работа с DOM

Создадим функцию которая позволит нам генерировать интересные никнеймы из двух массивов с прилагательными и существительными. Так же реализуем отображение случайных сгенерированных имен по несколько секунд, а так же возможность отобразить все результирующие элементы. ❕ Файлы к уроку: Уроки по языку JavaScript собраны в одном плейлисте для вашего удобства. Тут вы сможете легко выучить язык JavaScript начиная с основ. ? Уроки по JavaScript: Данный плейлист включает в себя видео лекции из курса "Frontend разработчик на HTML, CSS и JavaScript". Задания, тесты и другие полезные материалы к этому курсу можно получить в курсе на Stepik. ? Курс "Frontend разработчик на HTML, CSS и JavaScript": 00:00 Вступление и краткий анонс 01:10 Курс... Смотреть видео...

#5 Библиотека LightGallery.js Галерея изображений на JavaScript

Для создания галереи изображений существует простая библиотека lightGallery.js, с помощью которой можно очень быстро и просто создать галерею изображений у себя на сайте. Галерея изображений lightGallery.js: Новая (вторая) версия этой галереи: 00:00 Вступление и краткий анонс 00:23 Курс Frontend разработчик 00:48 Обзор галереи 03:16 Подключение и настройка галереи Уроки по языку JavaScript собраны в одном плейлисте для вашего удобства. Тут вы сможете легко выучить язык JavaScript начиная с основ. ? Уроки по JavaScript: Данный плейлист включает в себя видео лекции из курса "Frontend разработчик на HTML, CSS и JavaScript". Задания, тесты и другие полезные материалы к этому курсу можно получить в курсе на Stepik. ? Курс "Frontend... Смотреть видео...

5 | CSS Селекторы | Кайдзен разработка

На примере создания сайтов я продемонстрирую вам работу метода Кайдзен. Даже если вам не интересны программирование и создание сайтов постарайтесь изучить этот материал, дайте ему шанс и вы поверите в свои силы. Далее вы сможете применять этот подход в любой сфере, достигать целей и необходимых вам результатов. В этом уроке мы изучим основы CSS-селекторов: типы селекторов (элементы, классы, ID, атрибуты). Вы научитесь точно выбирать элементы на странице для стилизации. Наглядные примеры помогут закрепить знания. 📌 Задания и все уроки из цикла "Кайдзен разработка" - 🎁 Скачать PDF гайд про Кайдзен - 00:00 Важная информация! 00:10 Синтаксис файла CSS 04:07 Цвет на CSS 08:18 Селектор тега, класса и id 11:23 Отключение подсказок в VS... Смотреть видео...

14 | Работа с DOM на JavaScript | Кайдзен разработка

В этом уроке разбираем работу с DOM: поиск элементов, работа с коллекциями nodeList, вывод шаблонных строк, управление атрибутами и обработка событий. В финале создадим практический проект с расчетами и обработчиками. 📌 Задания и все уроки из цикла "Кайдзен разработка" - 🎁 Скачать PDF гайд про Кайдзен - На примере создания сайтов я продемонстрирую вам работу метода Кайдзен. Даже если вам не интересны программирование и создание сайтов постарайтесь изучить этот материал, дайте ему шанс и вы поверите в свои силы. Далее вы сможете применять этот подход в любой сфере, достигать целей и необходимых вам результатов: 00:00 Важная информация! 00:10 Начало работы с DOM деревом на JavaScript 04:50 Поиск элемента по CSS селектору 09:52 Работа с... Смотреть видео...

#2 Библиотека SweetAlert2.js Модальные и диалоговые окна

Библиотека sweetalert2.js позволяет очень просто создавать различные модальные всплывающие окна. Я покажу как подключить эту библиотеку и настроить у себя всплывающее окно. Всплывающие модальные и диалоговые окна: Уроки по языку JavaScript собраны в одном плейлисте для вашего удобства. Тут вы сможете легко выучить язык JavaScript начиная с основ. ? Уроки по JavaScript: Данный плейлист включает в себя видео лекции из курса "Frontend разработчик на HTML, CSS и JavaScript". Задания, тесты и другие полезные материалы к этому курсу можно получить в курсе на Stepik. ? Курс "Frontend разработчик на HTML, CSS и JavaScript": 00:00 Вступление и краткий анонс 02:13 Курс Frontend разработчик 02:38 Дополнение к предыдущему уроку 03:50 Краткий... Смотреть видео...

#25 Пишем Генератор CSS тени на языке JavaScript

В этом уроке мы создадим генератор CSS тени на языке JavaScript для быстрого и удобного подбора необходимых параметров свойства box-shadow. Создадим интерактивный интерфейс с возможностью все настраивать с помощью ползунков, чекбоксов и инпутов с разными типами. Мои инструменты CSS-генераторы: Генератор градиента CSS: Генератор треугольников CSS: ❕ Файлы к уроку: Уроки по языку JavaScript собраны в одном плейлисте для вашего удобства. Тут вы сможете легко выучить язык JavaScript начиная с основ. ? Уроки по JavaScript: Данный плейлист включает в себя видео лекции из курса "Frontend разработчик на HTML, CSS и JavaScript". Задания, тесты и другие полезные материалы к этому курсу можно получить в курсе на Stepik. ? Курс "Frontend... Смотреть видео...

12 | Функции в JavaScript: от основ до практики | Кайдзен разработка

В этом уроке разбираем работу с функциями в JavaScript: встроенные методы (random, математические операции в Math), округление чисел и приведение типов, создание своих функций, передача параметров и возврат значений. 📌 Задания и все уроки из цикла "Кайдзен разработка" - 🎁 Скачать PDF гайд про Кайдзен - На примере создания сайтов я продемонстрирую вам работу метода Кайдзен. Даже если вам не интересны программирование и создание сайтов постарайтесь изучить этот материал, дайте ему шанс и вы поверите в свои силы. Далее вы сможете применять этот подход в любой сфере, достигать целей и необходимых вам результатов: 00:00 Важная информация! 00:10 Функции и методы, random 04:43 Математические методы в Math 09:21 Округление чисел и приведение... Смотреть видео...

8 | CSS Flexbox - это БАЗА! | Кайдзен разработка

В этом уроке вы освоите основы CSS Flexbox: научитесь выстраивать элементы в строки/колонки, выравнивать и распределять пространство между ними. 📌 Задания и все уроки из цикла "Кайдзен разработка" - 🎁 Скачать PDF гайд про Кайдзен - На примере создания сайтов я продемонстрирую вам работу метода Кайдзен. Даже если вам не интересны программирование и создание сайтов постарайтесь изучить этот материал, дайте ему шанс и вы поверите в свои силы. Далее вы сможете применять этот подход в любой сфере, достигать целей и необходимых вам результатов: 00:00 Важная информация! 00:10 flex контейнер и flex wrap 04:26 Отступы gap и margin 10:16 Выравнивание с помощью justify content 14:35 Вертикальное выравнивание align items и self 💡 Телеграм - 🎥... Смотреть видео...

7 | Текст и блок на CSS | Кайдзен разработка

На примере создания сайтов я продемонстрирую вам работу метода Кайдзен. Даже если вам не интересны программирование и создание сайтов постарайтесь изучить этот материал, дайте ему шанс и вы поверите в свои силы. Далее вы сможете применять этот подход в любой сфере, достигать целей и необходимых вам результатов. В этом уроке вы познакомитесь с возможностью изменять шрифт текста, размер и толщину шрифта. Научитесь делать курсивный и жирный текст на CSS. Настраивать межстрочный и меж буквенный интервал. Рассмотрим как делать выравнивание и настраивать маркер списка. Изучим свойства margin, padding и поговорим про блочную модель документа. Познакомимся с псевдоэлементами before и after. 📌 Задания и все уроки из цикла "Кайдзен разработка" -... Смотреть видео...

11 | Урок по основам JavaScript для начинающих | Кайдзен разработка

Этот урок по JavaScript охватывает основы языка: от арифметических операций и работы с консолью до переменных, типов данных и логических операторов. Вы научитесь выводить данные на страницу, использовать шаблонные строки, работать с дробными числами, булевыми значениями и разными типами кавычек. Также разберёте свойства и методы строк, конкатенацию, инкремент, декремент и сокращённые записи операций. В конце урока — логические операции (И, ИЛИ, отрицание) и сравнение чисел. 📌 Задания и все уроки из цикла "Кайдзен разработка" - 🎁 Скачать PDF гайд про Кайдзен - На примере создания сайтов я продемонстрирую вам работу метода Кайдзен. Даже если вам не интересны программирование и создание сайтов постарайтесь изучить этот материал, дайте ему... Смотреть видео...

9 | Учим основы CSS Grid | Кайдзен разработка

В этом уроке с помощью CSS Grid вы научитесь создавать сетки, управлять расположением элементов и строить сложные макеты легко и быстро. Колонки, строки, выравнивание - основы CSS Grid Layout в одном уроке! 📌 Задания и все уроки из цикла "Кайдзен разработка" - 🎁 Скачать PDF гайд про Кайдзен - На примере создания сайтов я продемонстрирую вам работу метода Кайдзен. Даже если вам не интересны программирование и создание сайтов постарайтесь изучить этот материал, дайте ему шанс и вы поверите в свои силы. Далее вы сможете применять этот подход в любой сфере, достигать целей и необходимых вам результатов: 00:00 Важная информация! 00:10 Основы CSS Grid, Теория 04:01 Отличия Grid от Flexbox и поддержка браузерами, обзор сайта Can i... Смотреть видео...

Flexbox CSS3 в одном уроке за 20 минут

Это видео, где мы учим css flexbox за 20 минут в одном уроке. Я сделал обзор flexbox и рассказал основы flexbox в одном видео. Тут собрана информация всё о flexbox и вы узнаете что такое flexbox и как устроена верстка на flexbox. Свойство display flex позволяет превратить flex-элемент в родительский flex-контейнер. А flex-direction позволяет поменять куда направлена главная ось и поперечная ось. justify-content это flexbox выравнивание по горизонтали. Навигация по видео: 00:00 Введение в Flexbox 01:02 Про блочную верстку 02:20 Теоретическая часть Flexbox CSS 03:24 Практическая часть 04:00 Родительский flex элемент 05:50 Выравнивание по горизонтали 07:29 Выравнивание по вертикали 08:30 Главная и поперечная ось в flex 09:15 Направление... Смотреть видео...

#5 Сортировка таблицы на JavaScript, работа с DOM

В этом уроке мы создадим простой скрипт на JavaScript с помощью которого можно будет отсортировать любую таблицу на странице по выбранному столбцу. Сортировка таблицы на JavaScript довольно часто бывает необходима и каждый разработчик должен уметь работать с HTML таблицами на языке JavaScript. ❕ Файлы к уроку: Уроки по языку JavaScript собраны в одном плейлисте для вашего удобства. Тут вы сможете легко выучить язык JavaScript начиная с основ. ? Уроки по JavaScript: Данный плейлист включает в себя видео лекции из курса "Frontend разработчик на HTML, CSS и JavaScript". Задания, тесты и другие полезные материалы к этому курсу можно получить в курсе на Stepik. ? Курс "Frontend разработчик на HTML, CSS и JavaScript": 00:00 Вступление и... Смотреть видео...

#6 Фазы события, Всплытие и Делегирование на JavaScript

Я расскажу вам про фазы срабатывания событий на языке JavaScript и научу пользоваться мощным приемом разработки - делегированием. Делегирование - это один из главных приемов работы с событиями на JavaScript, который необходимо освоить в первую очередь. ❕ Файлы к уроку: Уроки по языку JavaScript собраны в одном плейлисте для вашего удобства. Тут вы сможете легко выучить язык JavaScript начиная с основ. ? Уроки по JavaScript: Данный плейлист включает в себя видео лекции из курса "Frontend разработчик на HTML, CSS и JavaScript". Задания, тесты и другие полезные материалы к этому курсу можно получить в курсе на Stepik. ? Курс "Frontend разработчик на HTML, CSS и JavaScript": 00:00 Вступление и краткий анонс 00:47 Курс Frontend... Смотреть видео...

#13 Отмена стандартного поведения элементов на языке JavaScript

В этом уроке я расскажу как отменить стандартное поведение различных элементов DOM, мы рассмотрим для чего это нужно и как можно отменить стандартное поведение на JavaScript. ❕ Файлы к уроку: Уроки по языку JavaScript собраны в одном плейлисте для вашего удобства. Тут вы сможете легко выучить язык JavaScript начиная с основ. ? Уроки по JavaScript: Данный плейлист включает в себя видео лекции из курса "Frontend разработчик на HTML, CSS и JavaScript". Задания, тесты и другие полезные материалы к этому курсу можно получить в курсе на Stepik. ? Курс "Frontend разработчик на HTML, CSS и JavaScript": 00:00 Вступление и краткий анонс 01:16 Курс Frontend разработчик 01:41 Отмена стандартного поведения на JS 03:41 Своё контекстное меню на... Смотреть видео...

Как верстать сайты быстро, редактор VS Code и плагин Emmet

Этот курс призван прокачать вашу скорость написания кода на HTML и CSS. Даже если вы уже знакомы с плагином Emmet не спешите уходить. Пройдите этот курс, он бесплатен и не займет много времени, но я уверен вы узнаете много новых техник, трюков, функций данного плагина и редактора VS Code. ? Записать бесплатно на курс "Тренажер по вёрстке, плагин Emmet" на Stepik с практикой: 00:00 Курс Frontend разработчик 01:39 Благодарности 02:02 Трейлер курса 05:50 Про плагин Emmet 08:11 Установка VS Code 11:46 Дочерние элементы 14:01 Соседние элементы 15:08 Выйти на уровень вверх 18:34 Текст рыба Lorem Ipsum 22:45 Умножение 26:04 Группировка 29:50 Классы и идентификаторы 32:26 Атрибуты 34:34 Текст в тегах 37:33 Неявные имена тегов 41:01 Аббревиатуры... Смотреть видео...

Обзор редактора VS Code, Установка, Темы, Расширения, Сниппеты

В этом видео я сделаю полный обзор на редактор кода Visual Studio Code и покажу вам его функции и возможности. Этот подробный обзор на редактор VS Code нацелен на то чтобы продемонстрировать вам на реальном примере всё на что способен редактор VS Code. Так же я покажу свой набор плагинов для Visual Studio Code и вкратце расскажу про эти плагины. Плагин Emmet в редакторе VS Code встроен по умолчанию! Расскажу про Расширения, плагины и Темы в редакторе VS Code, которые я использую. А так же Русификация редактора VS Code, Сочетания клавиш, Подсветка скобок, Форматирование документа, Работа с GitHub, Синхронизация с браузером, Подсветка файлов Sass и Scss и подробнее про Настройки редактора VS Code, а так же Терминал в VS Code. Покажу вам... Смотреть видео...

#10 Разворачиваемые подменю на JavaScript, Пример Делегирования

За основу мы возьмем код из урока и усовершенствуем его, добавив возможность сворачивать и разворачивать элементы списка, который генерируется из объекта на JavaScript. ❕ Файлы к уроку: Уроки по языку JavaScript собраны в одном плейлисте для вашего удобства. Тут вы сможете легко выучить язык JavaScript начиная с основ. ? Уроки по JavaScript: Данный плейлист включает в себя видео лекции из курса "Frontend разработчик на HTML, CSS и JavaScript". Задания, тесты и другие полезные материалы к этому курсу можно получить в курсе на Stepik. ? Курс "Frontend разработчик на HTML, CSS и JavaScript": 00:00 Вступление и краткий анонс 00:27 Курс Frontend разработчик 00:53 Разворачиваемые подменю на JavaScript ⚡️ Эксклюзив на Boosty - ?... Смотреть видео...