Юрий Ключевский

Юрий Ключевский смотреть последние обновления за сегодня на .

Верстка тестового задания с собеседования на должность HTML верстальщик. Верстка, JS, полифилы.

35489
1356
88
04:11:34
07.12.2020

💻 Курс "Профессия HTML верстальщик": 🤍 Старт обучения: 16 Мая 2022 года. ↓↓↓ Макет и ссылка на материалы в описании под видео ↓↓↓ Выполняю верстку тестового задания с собеседования. Верстка карточек, flexbox, мобильная верстка, JavaScript скрипты, интерактив на странице, кроссбраузерность и полифилы. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс "Профессия HTML верстальщик": 🤍 Старт обучения: 16 Мая 2022 года. Обучение с наставником, 3 месяца, результат, гарантия. Научим создавать веб-сайты и зарабатывать на этом. 💻 Курс "JS Frontend разработчик": 🤍 Старт обучения: 09 Мая 2022 года. Обучение с наставником, 3 месяца, результат, гарантия. 🏁 Обучение с нуля 💁‍♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе 💳 возможна рассрочка 💳 если курс не понравится, вернём деньги в первую неделю :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3" 7 уроков по 30 мин: 🤍 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Скачать верстка и дизайн: 🤍 Скачать дизайн: 🤍 Тайм коды: 00:00 Введение 01:15 Вакансия, требования 02:50 Макет тестового задания 04:05 Техническое задание 09:09 Создание проекта 11:54 Экспорт графики 16:20 Подключение шрифтов 17:38 Приступаем к верстке 23:20 Верстка карточки - HTML 25:25 Верстка карточки - CSS 39:06 Проверка карточки на pixel perfect 43:39 Дублируем карточки 50:48 Кнопка "Показать Ещё" 0:57:44 Верстка сайдбара. Заголовок в виджетах 1:04:39 Верстка виджета "Близость к метро" (нестандартные элементы) 1:25:42 Верстка виджета "Срок сдачи" (радиокнопки) 1:40:19 Верстка виджета "Дополнительные опции" (чекбоксы) 1:55:16 Верстка toggle переключателя "Услуги" 2:05:10 Кнопки в сайдбаре "Применить" и "Сбросить" 2:17:21 PixelPerfect для сайдбара и всего макета 2:35:48 Мобильная адаптация 2:53:10 Сайдбар на мобильных 2:59:35 Иконка для открытия сайдбара + JS 3:13:50 Финальные штрихи в мобильном адаптиве 3:19:40 JS для кнопок "Показать еще" в карточках 3:24:44 JS для открыть/закрыть виджет, клик по заголовку виджета 3:36:00 JS для кнопок в виджете "Близость к метро" 3:51:33 JS для ссылки показать еще в виджете "Дополнительные опции" 4:02:58 Сброс формы, финальные штрихи с JS 4:05:52 Кроссбраузерность, полифилл для IE 11 4:09:58 Заключение :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс созданию сайта "Портфолио": 🤍 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Сайт школы ВебКадеми: 🤍 Вконтакте: 🤍 Telegram канал: 🤍

[2021] Верстка сайта с нуля для начинающих | HTML, CSS

39644
1237
42
02:14:50
02.07.2021

💻 Курс "Профессия HTML верстальщик": 🤍 Старт обучения 16 Мая ↓↓↓ Макет и ссылка на материалы в описании под видео ↓↓↓ Верстаем сайт с нуля. Видео для начинающих, в нем не будет препроцессоров, сборщиков и каких-либо инструментов, только HTML и CSS! Просто, понятно и доступно. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс "Профессия HTML верстальщик": 🤍 Старт обучения: 16 Мая 2022 года 💻 Курс "JS Frontend разработчик": 🤍 Старт обучения: 09 Мая 2022 года 🏁 Обучение с нуля 💁‍♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс по верстке сайтов: 🤍 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: МАТЕРИАЛЫ К УРОКУ: • Макет: 🤍 • Вторая часть, адаптивная верстка: 🤍 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 📌 Основы HTML для начинающих: 🤍 📌 Бесплатный курс по верстке: 🤍 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Меня зовут Юрий Ключевский. Я занимаюсь разработкой сайтов уже много лет, специализируюсь на front-end разработке и верстке сайтов, JavaScript и PHP программировании. Здесь буду делиться с вами информацией на разные темы по веб-разработке - HTML, CSS, JavaScript, jQuery, PHP, MySQL, React, Gulp. На нашем канале 🤍 вы найдете много полезных обучающих материалов, а так же сможете поработать со мной лично пройдя мои курсы. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Сайт школы ВебКадеми: 🤍 Наша группа Вконтакте: 🤍 Telegram канал: 🤍

2. Верстка Шапки сайта. Уроки по верстке сайта Портфолио HTML CSS

9712
253
17
00:52:54
14.12.2020

Видео урок из курса по HTML верстке "Создай свой первый сайт на HTML5 и CSS3". Чтобы получить файлы макета и готовой верстки, необходимо подписаться на курс: 🤍 Мини курс по HTML верстке сайта. Как сверстать сайт HTML из дизайн шаблона в Figma. Добавить адаптивность и сделать внутренние страницы. Этот курс подойдет для тех кто хочет научиться создавать сайты и хочет сверстать свой первый сайт. Верстаем HTML шапку сайта. Делаем фоновое изображение через CSS на весь блок. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс "Профессия HTML верстальщик": 🤍 Старт обучения: 16 Мая 2022 года. Обучение с наставником, 3 месяца, результат, гарантия. Научим создавать веб-сайты и зарабатывать на этом. 💻 Курс "JS Frontend разработчик": 🤍 Старт обучения: 09 Мая 2022 года. Обучение с наставником, 3 месяца, результат, гарантия. 🏁 Обучение с нуля 💁‍♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе 💳 возможна рассрочка 💳 если курс не понравится, вернём деньги в первую неделю :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3" 7 уроков по 30 мин: 🤍 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Сайт школы ВебКадеми: 🤍 Вступайте в группу Вконтакте: 🤍 Подписывайтесь на Telegram: 🤍

Основы JavaScript для начинающих и HTML верстальщиков

18542
881
54
01:57:08
03.02.2021

💻 Курс "JS Frontend разработчик": 🤍 Старт обучения: 04 Апреля 2022 года. ↓↓↓ Тайм-коды и материалы в описании под видео ↓↓↓ Урок про основы языка программирования JavaScript. Что такое переменные, var, let, const. Функции. Чем отличается function expression от function declaration. Что такое массивы, циклы. Как обойти массив циклом или методом forEach(). Что такое объекты, свойства и методы объектов. Как создавать объекты с помощью функции конструктора или классов ES6. Все это вы найдете в данном уроке. Это необходимые основы и база для того чтобы начать писать на языке программирования JavaScript. Продолжение. Основы JS. Практика: 🤍 Настройка среды разработки VS Code: 🤍 Файлы к уроку в Telegram канале: 🤍 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс "JS Frontend разработчик + React": 🤍 Обучение с наставником, 3 месяца, результат, гарантия. Старт курса: 04 Апреля 2022 года. 💻 Курс "Профессия HTML верстальщик": 🤍 Обучение с наставником, 3 месяца, результат, гарантия. Старт курса: 11 Апреля 2022 года. 🏁 Обучение с нуля 💁‍♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс по верстке сайтов: 🤍 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Сайт: 🤍 Вконтакте: 🤍 Telegram канал: 🤍 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Тайм-коды: :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 00:00 Приветствие 01:03 Подключение JS файлов 04:00 Команда console.log() 05:13 Переменные 13:00 Типы данных 17:16 Сложение переменных 19:37 Конкатенация. Соединение строк 25:30 Шаблонные строки 28:32 Условия 36:15 Конструкция switch case 41:08 Массивы 50:00 Цикл for 55:38 Обход массива циклом for 1:00:59 Обход массива методом forEach() 1:07:53 Функции 1:20:55 Function Declaration 1:22:45 Function Expression 1:25:05 Объекты 1:29:44 Методы в объектах 1:41:01 Функция конструктор 1:49:35 ES6 классы для создания объектов

Сколько можно заработать на фрилансе для веб разработчика HTML верстальщика за неделю и за месяц.

23414
1022
98
01:00:00
28.01.2022

Подкаст. Сколько можно заработать на фрилансе для HTML верстальщика, за проект, за неделю, за месяц. Обзор проектов. Как оценивать стоимость проектов на фрилансе. Фриланс HTML верстка сайтов. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс "Профессия HTML верстальщик": 🤍 Обучение с наставником, 3 месяца, результат, гарантия. Старт курса: 16 Мая 2022 года. 💻 Курс "JS Frontend разработчик + React": 🤍 Обучение с наставником, 3 месяца, результат, гарантия. Старт курса: 09 Мая 2022 года. 🏁 Обучение с нуля 💁‍♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс по верстке сайтов: 🤍 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Сайт школы ВебКадеми: 🤍 Вконтакте: 🤍 Telegram канал: 🤍 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Тайм-коды :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 00:00 О чем ролик 00:32 Настраиваем фильтр 01:27 Магазин одежды. Верстка из Figma 16:02 Верстальщик на догосрок 16:42 Верстка из PSD 18:04 Верстка 10 страниц с адаптивом за 10 тыс. 18:47 Заметка про Google Page Speed 19:47 Разбор проекта 22:09 Верстка одной страницы за 3 тыс. 24:25 Верстка HTML письма. 26:16 Верстка на Vuу и TypeScript 28:25 Верстка на React 28:57 Верстка автомобильного сайта 31:25 Оценка стоимости верстки 51:50 Итоги. Работа - есть! 53:16 Сколько можно зарабатывать на верстке 54:24 Где обучаться верстке, бесплатные уроки 56:54 Проект админка для сайта 59:36 Жду ваши комментарии

1. Настройка редактора, знакомство с версткой. Уроки по верстке сайта Портфолио HTML CSS

11204
319
14
00:33:03
14.12.2020

Видео урок из курса по HTML верстке "Создай свой первый сайт на HTML5 и CSS3". Чтобы получить файлы макета и готовой верстки, необходимо подписаться на курс: 🤍 Мини курс по HTML верстке сайта. Как сверстать сайт HTML из дизайн шаблона в Figma. Добавить адаптивность и сделать внутренние страницы. Этот курс подойдет для тех кто хочет научиться создавать сайты и хочет сверстать свой первый сайт. В этом уроке познакомимся с основами HTML и CSS, которые пригодятся нам для верстки данного макета. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс "Профессия HTML верстальщик": 🤍 Старт обучения: 16 Мая 2022 года. Обучение с наставником, 3 месяца, результат, гарантия. Научим создавать веб-сайты и зарабатывать на этом. 💻 Курс "JS Frontend разработчик": 🤍 Старт обучения: 09 Мая 2022 года. Обучение с наставником, 3 месяца, результат, гарантия. 🏁 Обучение с нуля 💁‍♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе 💳 возможна рассрочка 💳 если курс не понравится, вернём деньги в первую неделю :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3" 7 уроков по 30 мин: 🤍 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Сайт школы ВебКадеми: 🤍 Вступайте в группу Вконтакте: 🤍 Подписывайтесь на Telegram: 🤍

Как создать сайт за 30 минут. Бесплатно. Урок по WordPress

2620
98
10
00:32:21
18.12.2020

Пошаговый урок по созданию сайта блога на CMS WordPress. Размещение сайта на хостинге и публикация в интернете. ::: О ПРОЕКТЕ ::::::::::::::::::::::::::::::::::::: Меня зовут Юрий Ключевский. Я занимаюсь разработкой сайтов уже много лет, специализируюсь на front-end разработке, верстке сайтов, программировании и веб-дизайне. В своих уроках делюсь с вами информацией на разные темы по веб-разработке - HTML, CSS, Javascript, JQuery, Vue, PHP, MySQL, React, Gulp и тд. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс "Профессия HTML верстальщик": 🤍 Обучение с наставником, 3 месяца, результат, гарантия. Старт курса: 11 Апреля 2022 года. 💻 Курс "JS Frontend разработчик + React": 🤍 Обучение с наставником, 3 месяца, результат, гарантия. Старт курса: 04 Апреля 2022 года. 🏁 Обучение с нуля 💁‍♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3" 7 уроков по 30 мин: 🤍 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 👨‍💻 Обучение веб-разработке: 🤍 За 2 месяца научим создавать веб-сайты и зарабатывать на этом, используя передовые технологии HTML/CSS/JS/PHP/MySQL. 💳 возможна рассрочка 💳 если курс не понравится, вернём деньги в первую неделю. ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ::: ПОЛЕЗНЫЕ ССЫЛКИ ::::::::: 💈 Сайт школы: 🤍 💈 Наша Группа Вконтакте: 🤍 💈 Telegram канал: 🤍

Адаптивная верстка. С нуля для начинающих | HTML, CSS

6764
344
13
01:55:21
06.07.2021

💻 Курс "Профессия HTML верстальщик": 🤍 Старт обучения 16 Мая 2022 года ↓↓↓ Макет и ссылка на материалы в описании под видео ↓↓↓ В этом видео мы адаптируем заверстанный сайт под планшеты и смартфоны. В первой части мы сверстали сайт, в этом напишем медиазапросы и адаптируем его под смартфоны. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс "Профессия HTML верстальщик": 🤍 Старт обучения: 16 Мая 2022 года 💻 Курс "JS Frontend разработчик": 🤍 Старт обучения: 09 Мая 2022 года 🏁 Обучение с нуля 💁‍♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс по верстке сайтов: 🤍 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 📍 Материалы к уроку: • Первая часть. Верстка десктоп версии: 🤍 • Макет урока: 🤍 📍 Уроки по теме: • Основы HTML и CSS для начинающих: 🤍 • Бесплатный курс по верстке: 🤍 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Меня зовут Юрий Ключевский. Я занимаюсь разработкой сайтов уже много лет, специализируюсь на front-end разработке и верстке сайтов, JavaScript и PHP программировании. Здесь буду делиться с вами информацией на разные темы по веб-разработке - HTML, CSS, Javascript, JQuery, PHP, MySQL, React, Gulp. На нашем канале 🤍 вы найдете много полезных обучающих материалов, а так же сможете поработать со мной лично пройдя мои курсы. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Сайт школы ВебКадеми: 🤍 Наша группа Вконтакте: 🤍 Telegram канал: 🤍

JavaScript. Ответы на вопросы

2675
179
6
02:30:50
19.01.2022

Стрим ВебКадеми, Юрий Ключевский. Ответы на вопросы по JS для начинающих. ↓↓↓ Задать вопрос ↓↓↓ Задать вопрос: 🤍 JavaScript для начинающих 🤍 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс "JS Frontend разработчик + React": 🤍 Обучение с наставником, 3 месяца, результат, гарантия. Старт курса: 09 Мая 2022 года 💻 Курс "Профессия HTML верстальщик": 🤍 Обучение с наставником, 3 месяца, результат, гарантия. Старт курса: 16 Мая 2022 года 🏁 Обучение с нуля 💁‍♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс по верстке сайтов: 🤍 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Сайт: 🤍 Вконтакте: 🤍 Telegram канал: 🤍

Верстка интернет магазина. 1 часть. Онлайн стрим

14283
519
44
01:20:41
23.12.2020

💻 Курс "Профессия HTML верстальщик": 🤍 Старт обучения: 16 Мая 2022 года ↓↓↓ Макет и ссылка на материалы в описании под видео ↓↓↓ Верстаем интернет магазин одежды. Макет в Figma. Скачать макет: 🤍 Серия из 3-х вебинаров, Вт, Ср, Чт в 16:00 по МСК. Верстаем HTML CSS онлайн. С объяснениями для новичков. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс "Профессия HTML верстальщик": 🤍 Старт обучения: 16 Мая 2022 года Обучение с наставником, 3 месяца, результат, гарантия. 💻 Курс "JS Frontend разработчик": 🤍 Старт обучения: 09 Мая 2022 года Обучение с наставником, 3 месяца, результат, гарантия. 🏁 Обучение с нуля 💁‍♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс по верстке сайтов: 🤍 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Сайт: 🤍 Вконтакте: 🤍 Telegram канал: 🤍

Адаптивная HTML CSS верстка сайта из Figma c нуля для новичков. Пошагово и подробно. Советы от профи

38861
1385
62
05:30:25
17.10.2021

↓↓↓ Макет и ссылка на материалы в описании под видео ↓↓↓ Адаптивная верстка сайта с нуля для начинающих. Объяснение действий. В этом видео уроке я подробную покажу HTML CSS верстку простого макета из FIGMA. Поделюсь полезными приемами как быстро сделать адаптивную верстку, добавить мобильную навигацию и разместить видео на вашем сайте. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс "Профессия HTML верстальщик": 🤍 Обучение с наставником, 3 месяца, результат, гарантия. Старт курса: 16 Мая 2022 года. 💻 Курс "JS Frontend разработчик + React": 🤍 Обучение с наставником, 3 месяца, результат, гарантия. Старт курса: 09 Мая 2022 года. 🏁 Обучение с нуля 💁‍♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс по верстке сайтов: 🤍 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: МАТЕРИАЛЫ К УРОКУ: • Макет: 🤍 • Код с урока: 🤍 • Урок по VS Code: 🤍 • Основы HTML: 🤍 ТАЙМ КОДЫ: 00:00 Знакомство с макетом и старт проекта 03:38 Сброс стилей 18:02 Базовые стили, контейнер, шрифты 29:57 Контейнер 33:40 Верстка шапки с навигацией 1:10:30 Верстка верхней секции 1:47:35 Секция How It Works - заголовок 2:04:48 Секция How It Works - колонки 2:32:34 Секция Story 2:56:56 Секция Our Product 3:27:54 Подвал 3:34:16 Правка багов 3:37:37 Читкод для отображения десктопной версии на смартфонах 3:41:58 Адаптивная верстка шапки и навигации 3:50:20 Адаптация первой секции 3:56:10 Адаптивная верстка секции How It Works - заголовок 4:00:30 Адаптивная верстка секции How It Works - колонки 4:07:42 Адаптивная верстка Story 4:12:51 Адаптив для секции Product 4:38:05 Адаптив для подвала 4:43:02 Мобильная навигация, скрипты 5:06:24 Видео в секции Story, Скрипты :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Меня зовут Юрий Ключевский. Я занимаюсь разработкой сайтов уже много лет, специализируюсь на front-end разработке и верстке сайтов, JavaScript и PHP программировании. Здесь буду делиться с вами информацией на разные темы по веб-разработке - HTML, CSS, JavaScript, jQuery, PHP, MySQL, React, Gulp. На нашем канале 🤍 вы найдете много полезных обучающих материалов, а так же сможете поработать со мной лично пройдя мои курсы. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Сайт школы ВебКадеми: 🤍 Наша группа Вконтакте: 🤍 Telegram канал: 🤍

2. Основы HTML верстки. Базовая структура страницы, теги html, head, meta, body.

5220
237
5
00:07:34
04.12.2020

В этом уроке мы рассмотрим базовую структуру HTML документа, необходимые теги для каждой страницы: DOCTYPE, html, head, meta, title, body. Какой тег отвечает за кодировку страницы, а какой за масштабирование на мобильных устройствах. Узнаем как быстро создавать эту разметку с помощью плагина Emmet. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс "Профессия HTML верстальщик": 🤍 Старт обучения: 16 Мая 2022 года. Обучение с наставником, 3 месяца, результат, гарантия. Научим создавать веб-сайты и зарабатывать на этом. 💻 Курс "JS Frontend разработчик": 🤍 Старт обучения: 09 Мая 2022 года. Обучение с наставником, 3 месяца, результат, гарантия. 🏁 Обучение с нуля 💁‍♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе 💳 возможна рассрочка 💳 если курс не понравится, вернём деньги в первую неделю :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3" 7 уроков по 30 мин: 🤍 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Сайт: 🤍 Вконтакте: 🤍 Telegram канал: 🤍

HTML CSS верстка. Практика. Верстаем онлайн кабинет крипто-кошелька

4351
168
15
02:06:05
08.07.2021

💻 Курс "Профессия HTML верстальщик": 🤍 Старт обучения 16 Мая 2022 года ↓↓↓ Макет и ссылка на материалы в описании под видео ↓↓↓ Онлайн практика по HTML CSS верстке сайтов, админ панелей и онлайн кабинетов. Верстаем кабинет крипто-кошелька. HTML, CSS на препроцессоре SASS/SCSS. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс "Профессия HTML верстальщик": 🤍 Старт обучения: 16 Мая 2022 года 💻 Курс "JS Frontend разработчик": 🤍 Старт обучения: 09 Мая 2022 года 🏁 Обучение с нуля 💁‍♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс по верстке сайтов: 🤍 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 📍 Материалы к уроку: • Макет урока: 🤍 • Готовый код с урока: 🤍 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Меня зовут Юрий Ключевский. Я занимаюсь разработкой сайтов уже много лет, специализируюсь на front-end разработке и верстке сайтов, JavaScript и PHP программировании. Здесь буду делиться с вами информацией на разные темы по веб-разработке - HTML, CSS, Javascript, JQuery, PHP, MySQL, React, Gulp. На нашем канале 🤍 вы найдете много полезных обучающих материалов, а так же сможете поработать со мной лично пройдя мои курсы. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Сайт школы ВебКадеми: 🤍 Наша группа Вконтакте: 🤍 Telegram канал: 🤍

Как казак Европу кофе напоил - В поисках истины

28841
173
14
00:26:35
17.10.2013

Как казак Европу кофе напоил смотрите в программе В поисках истины Загадки истории до сих пор будоражат воображение людей и вдохновляют их в который раз проверять давно известные факты... Ведущий программы «В поисках истины» Вячеслав Гармаш - азартный путешественник. Только он может окунуться в подробности прошлого и обнаружить факты, отличные от всем известных. Или это щит Ахиллеса, или крымские пирамиды, или поднятое с морского дна судно полное сокровищ - у него всегда своя версия происшедшего. Программа «В поисках истины» свидетельствует - прошлое, по-прежнему, полно тайн и загадок, ключ к которым нужно найти. Зритель получает шанс прикоснутся к истине, и побыть в роли первооткрывателя и Индианы Джонс, не отходя от экрана ощутить атмосферу захватывающих приключений. Подпишись на Телеканал СТБ 🤍 Сайт проекта В поисках истины 🤍 Сайт телеканала СТБ: 🤍 Телеканал СТБ на Facebook: 🤍 Телеканал СТБ Вконтакте: 🤍 Телеканал СТБ в Twitter: 🤍

Дата и время в JavaScript. Урок по JS, Объект класса Date. UTC, GMT

3527
176
10
01:14:37
25.01.2022

В этом видео уроке рассмотрим работу с датой и временем в JavaScript.↓↓↓ Код к уроку и тайм-коды ниже в описании ↓↓↓ Как создавать текущую дату, вывод времени в JS: как получить год, месяц, дату, часы и минуты. Как отформатировать время в JS. Что такое UTC и GMT. Как форматировать время с помощью toLocaleDateString(), в чем передавать дату и время через Fetch, метод toISOString(). :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс "JS Frontend разработчик + React": 🤍 Обучение с наставником, 3 месяца, результат, гарантия. Старт курса: 09 Мая 2022 года. 💻 Курс "Профессия HTML верстальщик": 🤍 Обучение с наставником, 3 месяца, результат, гарантия. Старт курса: 16 Мая 2022 года. 🏁 Обучение с нуля 💁‍♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс по верстке сайтов: 🤍 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Сайт школы ВебКадеми: 🤍 Вконтакте: 🤍 Telegram канал: 🤍 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Тайм-коды и код к уроку :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Код к уроку: 🤍

Как стартовать в профессии Веб-разработчик и зарабатывать на фрилансе

1501
89
01:52:35
16.05.2022

Комната с чатом: 🤍 💻 Курс "Профессия HTML верстальщик": 🤍 Обучение с наставником, 3 месяца, результат, гарантия. Первая неделя обучения - 990 рублей. Старт курса: 16 Мая 2022 года. 🏁 Обучение с нуля 💁‍♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе Сайт: 🤍 Вконтакте: 🤍 Telegram канал: 🤍

CSS Grid, flexbox, float в чем разница и как использовать Практический пример

5793
490
22
00:26:31
28.08.2021

💻 Курс "Профессия HTML верстальщик": 🤍 Старт обучения 14 Марта 2022 года. ↓↓↓ Тайм-коды в описании ↓↓↓ Уроки по CSS Grid на нашем канале: • Подробная инструкция по CSS Grid: 🤍 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс "Профессия HTML верстальщик": 🤍 Обучение с наставником, 3 месяца, результат, гарантия. Старт курса: 16 Мая 2022 года. 💻 Курс "JS Frontend разработчик + React": 🤍 Обучение с наставником, 3 месяца, результат, гарантия. Старт курса: 09 Мая 2022 года. 🏁 Обучение с нуля 💁‍♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс по верстке сайтов: 🤍 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Сайт школы ВебКадеми: 🤍 Вконтакте: 🤍 Telegram канал: 🤍 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Тайм-коды :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 00:00 - Введение и рекомендации 01:37 - Знакомство с проектом 04:10 - Реализация на float 11:56 - Реализация на inline-block 16:40 - Реализация на flex-box 21:45 - Реализация на Grid CSS

JavaScript для начинающих 2022. Полный курс за 6 часов. Уроки. Теория + практика

228862
10299
256
06:46:14
18.12.2021

Большой курс урок по JavaScript для новичков. Все что нужно для старта в 2022 году для работы с JavaScript. ↓↓↓ Файлы к уроку и тайм-коды ниже в описании ↓↓↓ Что такое JavaScript, переменные, типы данных, числа, BigInt, функции, стрелочные функции, массивы, циклы, обход массивов, объекты, свойства и методы объектов, классы, асинхронность, setTimeout, setInterval, callback hell, Promise, async await, работа с DOM. 3 практических проекта. Курс 2022 года. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс "JS Frontend разработчик + React": 🤍 Обучение с наставником, 3 месяца, результат, гарантия. Старт курса: 09 Мая 2022 года. 💻 Курс "Профессия HTML верстальщик": 🤍 Обучение с наставником, 3 месяца, результат, гарантия. Старт курса: 16 Мая 2022 года. 🏁 Обучение с нуля 💁‍♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс по верстке сайтов: 🤍 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Сайт школы ВебКадеми: 🤍 Вконтакте: 🤍 Telegram канал: 🤍 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Тайм-коды и код к уроку :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Код к уроку: 🤍 00:00 Введение и содержание 02:24 Настройка окружения 04:55 Подключение JS файла Основы 09:28 Переменные 13:00 Типы переменных let const var 20:15 Область видимости 23:41 Типы данных. Строки, числа, логические, BigInt, Symbol 38:30 Условия, операторы сравнения, логические операторы 47:50 Тернарный оператор 54:56 Конкатенация строк и шаблонные строки Функции 1:00:36 Создание функций 1:04:02 Function expression и function declaration 1:12:41 Параметры и аргументы для функции 1:16:17 return 1:22:05 Функция как аргумент 1:31:30 Самовызывающаяся функция IIFE 1:39:22 Стрелочные функции Массивы 1:48:16 Определение массивов 1:57:38 Методы массивов 2:06:44 Цикл for. Обход массива циклом for 2:18:37 Цикл for ( of ). Обход массива циклом for ( of ) 2:21:20 Метод .forEach() для обхода массивов Объекты 2:29:42 Объекты. Свойства объектов 2:39:00 Методы в объектах 2:42:50 Ключевое слово this 2:46:33 Обход свойств объекта через цикл for ( in ) 2:50:17 Нюанс с const и изменением объекта или массива 2:52:43 Классы. Конструкторы объектов 3:02:30 Лайфхак работы с VS Code Работа с DOM 3:04:30 Выбор DOM элементов 3:12:20 Выбор коллекции элементов 3:20:50 ES5 методы для выбора элементов 3:23:27 Работа с CSS классами 3:32:10 Атрибуты 3:42:07 Прослушка событий. Клик. addEventListener и onclick 3:49:53 Прослушка событий. Ввод текста 3:57:37 Объект event 4:03:21 Работа c HTML элементами. Создание. Копирование. 4:16:05 Список задач на JS [практика] Асинхронность 4:40:51 Интервал setInterval. clearInterval 4:43:33 Таймер setTimeout 4:48:20 Секундомер [практика] Внимание! Дальнейшие темы будут сложны для понимания. Здесь как в математике, доказание теоремы всегда сложнее чем ее использование. Поэтому можно вначале ознакомиться с примером на 6:28:10 и уже после перейти к изучению "мат части". 5:03:45 Callback hell 5:11:09 Callback hell. Пример с отпуском. [осторожно, взрыв мозга!] 5:29:32 Callback hell. Итоги 5:33:22 Promise. Создание и потребление промисов 5:41:44 Promise. Цепочки then 5:43:44 Promise. Цепочки then c асинхронными действиями [осторожно, взрыв мозга!] 5:53:00 Promise. Пример с отпуском 6:11:33 Асинхронные функции 6:19:09 Асинхронные функции. Пример с отпуском 6:28:10 Курс валют [практика] 6:45:00 Важная информация

7. Видео обложка для сайта Плавная прокрутка. Уроки по верстке сайта Портфолио HTML CSS

2711
117
18
00:19:12
14.12.2020

Видео урок из курса по HTML верстке "Создай свой первый сайт на HTML5 и CSS3". Чтобы получить файлы макета и готовой верстки, необходимо подписаться на курс: 🤍 Мини курс по HTML верстке сайта. Как сверстать сайт HTML из дизайн шаблона в Figma. Добавить адаптивность и сделать внутренние страницы. Этот курс подойдет для тех кто хочет научиться создавать сайты и хочет сверстать свой первый сайт. Добавляем видеообложку в шапку. Делаем сайт более динамическим и привлекательным. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс "Профессия HTML верстальщик": 🤍 Обучение с наставником, 3 месяца, результат, гарантия. Старт курса: 16 Мая 2022 года. Научим создавать веб-сайты и зарабатывать на этом. 💻 Курс "JS Frontend разработчик + React": 🤍 Обучение с наставником, 3 месяца, результат, гарантия. Старт курса: 09 Мая 2022 года. 🏁 Обучение с нуля 💁‍♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе 💳 возможна рассрочка 💳 если курс не понравится, вернём деньги в первую неделю :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3" 7 уроков по 30 мин: 🤍 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Сайт школы ВебКадеми: 🤍 Вступайте в группу Вконтакте: 🤍 Подписывайтесь на Telegram: 🤍

Вторая часть. HTML CSS верстка. Практика. Верстаем онлайн кабинет крипто-кошелька

2124
106
9
02:22:01
09.07.2021

💻 Курс "Профессия HTML верстальщик": 🤍 Старт обучения 16 Мая 2022 года ↓↓↓ Макет и ссылка на материалы в описании под видео ↓↓↓ Продолжаем практику HTML CSS верстки админ панели, личного кабинет крипто-кошелька. Верстаем на препроцессоре SASS/SCSS. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс "Профессия HTML верстальщик": 🤍 Старт обучения: 16 Мая 2022 года 💻 Курс "JS Frontend разработчик": 🤍 Старт обучения: 09 Мая 2022 года 🏁 Обучение с нуля 💁‍♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс по верстке сайтов: 🤍 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 📍 Материалы к уроку: • Макет урока: 🤍 • Первая часть: 🤍 • Готовый код с первой части: 🤍 • Готовый код второй части: 🤍 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Меня зовут Юрий Ключевский. Я занимаюсь разработкой сайтов уже много лет, специализируюсь на front-end разработке и верстке сайтов, JavaScript и PHP программировании. Здесь буду делиться с вами информацией на разные темы по веб-разработке - HTML, CSS, Javascript, JQuery, PHP, MySQL, React, Gulp. На нашем канале 🤍 вы найдете много полезных обучающих материалов, а так же сможете поработать со мной лично пройдя мои курсы. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Сайт школы ВебКадеми: 🤍 Наша группа Вконтакте: 🤍 Telegram канал: 🤍

Люди XVII века

26241
359
16
00:53:14
21.01.2015

О лекторе Черникова Татьяна Васильевна — кандидат исторических наук, доцент Кафедры всемирной и отечественной истории Московского государственного института международных отношений (МГИМО (У) МИД России). План лекции 1. Особенности людей XVII столетия — «бунташного века», «века новшеств». 2. «Бунтари» — Иван Андреевич Хворостинин и Григорий Карпович Котошихин. 3. Ховат, католик и почитатель России Юрий Крижанич. 4. «Сильные мира сего» — Афанасий Лаврентьевич Ордин-Нащекин, Федор Михайлович Ртищев, царевна Софья, князь Василий Васильевич Голицын. Аннотация Лекция содержит портретные зарисовки ярких личностей XVII в., людей которым переходное время позволило сформироваться как самобытные и значимые личности, оказавшие немалое влияние на современников и в целом на историю России. Условно затронутые в лекции люди разделены на «бунтарей», бросивших вызов государству и обществу, и «сильных мира сего», лиц, которые входили во власть, были наделены немалыми полномочиями. К числу «бунтарей» отнесены Иван Андреевич Хворостинин и Григорий Карпович Котошихин. К числу «сильных мира сего» - Афанасий Лаврентьевич Ордин-Нащекин, Федор Михайлович Ртищев, царевна Софья и ее друг князь Василий Васильевич Голицын. И тех, и других стоит определить как «западников», т.е. представителей русского общества, интересующихся устройством жизни и достижениями западноевропейских стран. Западное влияние на Россию в XVII в. значительно усилилось, и она успешно перенимала разнообразный опыт европейских стран, уже вступивших в эпоху модернизации, которая стала сутью европейского Нового времени. Так что затронутые в лекции персонажи являлись поклонниками ранней европеизации России и сами были «отпечатком» Нового времени на «пейзаже» еще средневековой России. Иностранец, хорват, к тому же католик Юрий Крижанич был совершенно уникальным персонажем русской истории. Он явился в Россию по собственной воле, видя в ней лидера славянского мира, который нуждался, по его мнению, в объединении для противостояния «немцам». Даже ссылка Крижанича в Тобольск не переменила его взгляда на эту великую миссию России. Однако Крижанич видел многие отрицательные стороны русской жизни и желал просвещения и модернизации русского общества. Вопросы по теме лекции 1. Что, на Ваш взгляд, повлияло на формирование личности людей, чьи судьбы были освещены в лекции? 2. Какие черты характера, поступков и мыслей роднят всех перечисленных героев? 3. Чем они отличаются? 4. Каков вклад каждого в историю русского общества? 5. Возможны ли были подобные личности в более ранние века русской истории? Литература Источники 1. Крижанич Ю. Политика. М., 2003. 2. Г.К. Котошихин. О России в царствование Алексея Михайловича. 3. Невилль де Ла. Записки о Московии / Пер. и ком. А.С. Лаврова. М., 1996. Литература 1. Галактионов И.В., Чистякова Е.В. А.Л. Ордин-Нащокин: Русский дипломат XVII в. М., 1961. 2. Ключевский В.О. Царь Алексей Михайлович. Ф.М. Ртищев. Лекция LVI. // Ключевский В.О. Сочинения в девяти томах. Курс русской истории. Т.III. М., 1988. 3. Ключевский В.О. А.Л. Ордин-Нащекин. Лекция LVII. // Ключевский В.О. Сочинения в девяти томах. Курс русской истории. Т.III. М., 1988. 4. Ключевский В.О. В.В. Голицын. Лекция LVIII. // Ключевский В.О. Сочинения в девяти томах. Курс русской истории. Т.III. М., 1988. 5. Пушкарёв Л.Н. Юрий Крижанич. Очерк жизни и творчества. М., 1984. 6. Хьюз Л. Царевна Софья. М., 2001. 7. Черникова Т.В. Европеизация России во второй половине XV-XVII вв. М., 2012. Самое актуальное от федерального портала История.РФ в соцсетях: Instagram: 🤍 VK: 🤍 Facebook: 🤍 YouTube: 🤍 Telegram: 🤍 Яндекс.Дзен: 🤍

Кастомные радио кнопки на HTML и CSS. Урок

2282
109
4
00:19:15
18.12.2020

В этом уроке мы сверстаем и стилизуем красивые кастомные радиокнопки на HTML и CSS по собственному дизайну. Код с урока: 🤍 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс "Профессия HTML верстальщик": 🤍 Обучение с наставником, 3 месяца, результат, гарантия. Старт курса: 16 Мая 2022 года. 💻 Курс "JS Frontend разработчик + React": 🤍 Обучение с наставником, 3 месяца, результат, гарантия. Старт курса: 09 Мая 2022 года. 🏁 Обучение с нуля 💁‍♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе 💳 возможна рассрочка 💳 если курс не понравится, вернём деньги в первую неделю :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3" 7 уроков по 30 мин: 🤍 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💈 Сайт школы: 🤍 💈 Наша Группа Вконтакте: 🤍 💈 Telegram канал: 🤍

Аудиокнига Россия. История в лицах

2160
41
3
05:49:32
19.02.2021

Скачайте и слушайте аудиокнигу целиком здесь 🤍 Многие десятилетия в учебной и научной литературе историческим личностям отводилась скромная роль: происходившие события объяснялись развитием производительных сил и производственных отношений, борьбой классов и другими факторами. В ней не было места конкретным людям. На самом же деле история России щедро одушевлена государственными и общественными деятелями, полководцами, духовными наставниками. Все они - "живое лицо русской истории", и без них история - просто перечисление событий. Совместный проект "Радио России" и Русской Православной Церкви. Руководитель проекта архиепископ Егорьевский Марк (Головков), заместитель Председателя Императорского Православного Палестинского Общества. Почта для вопросов: mnogoknigek🤍gmail.com

В. О. Ключевский — политик, общественный деятель

441
1
0
00:02:41
27.01.2016

Видеоматериал к проекту «Юбилейный урок», посвященного 175-летию со дня рождения В. О. Ключевского. Посмотреть урок можно по ссылке: 🤍

С чего начать изучать веб-разработку? Как стать веб-разработчиком в 2022 году

29705
1456
92
00:08:41
26.02.2021

С чего начать изучать веб-разработку? Как стать веб-разработчиком в 2022 году. Рассказываю как построить обучение, с чего стартовать. Инструкция для новичков. ↓↓↓ Тайм-коды в описании под видео ↓↓↓ :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс "Профессия HTML верстальщик": 🤍 Обучение с наставником, 3 месяца, результат, гарантия. Старт курса: 16 Мая 2022 года. 💻 Курс "JS Frontend разработчик + React": 🤍 Обучение с наставником, 3 месяца, результат, гарантия. Старт курса: 09 Мая 2022 года. 🏁 Обучение с нуля 💁‍♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс по верстке сайтов: 🤍 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Тайм-коды: 00:00 Вступление 00:56 Частые вопросы новичков 01:39 2 подхода 02:53 Пример того как работает сайт 03:31 Что происходит на сервере 04:14 Схема работы бэкенда 05:36 Список технологий для изучения 06:46 Интенсив по веб-разработке 07:45 Выводы 08:19 Завершение :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Сайт школы ВебКадеми: 🤍 Наша группа Вконтакте: 🤍 Telegram канал: 🤍

Загадка Ивана Калиты

80946
749
171
00:59:44
22.11.2013

365 дней ТВ представляет | Час истины | Выпуск № 61 Загадка Ивана Калиты #365днейТВ #История #ЧасИстины #ИсторическиеФакты #МироваяИстория Подписывайтесь на канал 🤍 В программе рассказывается о князе Иване Калите и его времени, а также о том, почему он получил свое прозвище. Официальный сайт: 🤍 365 дней ТВ в соц.сетях: ВКонтакте: 🤍 Одноклассники: 🤍

ИНТЕРНЕТ-МАГАЗИН НА PHP+ДОП ФАЙЛЫ (ДЛЯ ДИПЛОМА)

428
4
2
01:27:56
18.09.2019

Дополнительные файлы + полный курс с нуля и до полноценного сайта вы можете приобрести у меня - 🤍 (Поспеши приобрести полный курс, ведь на носу сдача диплома) В этом видео я покажу как сделать интернет-магазин для дипломной работы или же для себя. Всем мир!

Обучение JavaScript. Урок для начинающих. Скрипты для сайта интернет магазина

37331
1712
99
02:40:45
16.07.2021

💻 Курс "JS Frontend разработчик": 🤍 Старт обучения: 28 Февраля 2022 года. ↓↓↓ Таймкоды, ссылки на материалы в описании под видео ↓↓↓ Обучение JavaScript на практическом примере. Пишем JS скрипты для сайта интернет магазина. Работа с DOM, поиск элементов, нажатие (клик), функции, переменные, массивы. Урок по языку программирования JavaScript от веб-разработчика. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс "JS Frontend разработчик + React": 🤍 Обучение с наставником, 3 месяца, результат, гарантия. Старт курса: 09 Мая 2022 года. 💻 Курс "Профессия HTML верстальщик": 🤍 Обучение с наставником, 3 месяца, результат, гарантия. Старт курса: 16 Мая 2022 года. 🏁 Обучение с нуля 💁‍♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс по верстке сайтов: 🤍 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 📍 Материалы к уроку: • Стартовый шаблон урока: 🤍 • Готовый код с урока: 🤍 Тайм-коды: 00:00 Знакомство с проектом 03:00 Начинаем работу. Знакомство с версткой проекта 05:03 Счетчик для одного товара на JS 28:10 Счетчики для всех товаров на JS 46:59 Добавление товара в корзину 01:07:14 Суммирование одинаковых товаров в корзине 01:18:49 Удаление товара из корзины. JavaScript 01:29:32 Скрытие надписи "Корзина пуста" 01:45:33 Показ блока "Оформить заказ" 01:48:07 Подсчет стоимости товаров в корзине 02:10:30 Блок "доставка" 02:20:16 Примечание и информация о Интенсиве JS MVC 02:22:20 Бонус. Работа с JSON на JavaScript 02:37:59 Курс по JavaScript frontend разработке :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Меня зовут Юрий Ключевский. Я занимаюсь разработкой сайтов уже много лет, специализируюсь на front-end разработке и верстке сайтов, JavaScript и PHP программировании. Здесь буду делиться с вами информацией на разные темы по веб-разработке - HTML, CSS, JavaScript, JQuery, PHP, MySQL, React, Gulp. На нашем канале 🤍 вы найдете много полезных обучающих материалов, а так же сможете поработать со мной лично пройдя мои курсы. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Сайт школы ВебКадеми: 🤍 Наша группа Вконтакте: 🤍 Telegram канал: 🤍

Проект на React JS. Корзина товаров. Верстка и интерактив на React

3161
254
16
01:45:28
07.05.2022

Готовый код с урока будет опубликован как только наберем 500 👍. React приложение Корзина товаров. Практика для начинающих. Верстка под React JS. Создание компонентов, SCSS стили в React. Сделаем перенос верстки и добавим интерактив с помощью React JS. ✅ Перенос верстки в React JS ✅ Создание React компонентов ✅ Работа с SCSS в React ✅ Хуки useState, useEffect Материалы к уроку: 🤍 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс "Профессия HTML верстальщик": 🤍 Старт обучения: 16 Мая 2022 года. Обучение с наставником, 3 месяца, результат, гарантия. Научим создавать веб-сайты и зарабатывать на этом. 💻 Курс "JS Frontend разработчик": 🤍 Старт обучения: 09 Мая 2022 года. Обучение с наставником, 3 месяца, результат, гарантия. 🏁 Обучение с нуля 💁‍♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе 💳 возможна рассрочка 💳 если курс не понравится, вернём деньги в первую неделю :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3" 7 уроков по 30 мин: 🤍 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Тайм коды: 00:00 Знакомство с проектом 01:07 Полезная информация 01:47 Настройка окружения. Создание React приложения 04:55 Сниппеты. Установка node-sass. Запуск 08:25 Очистка шаблона приложения ::::::::: Перенос верстки, создание компонентов ::::::::: 12:33 Перенос стилей в компонент App 16:58 Перенос HTML разметки в компонент App 19:13 Исправление className и закрытие одиночных тегов 21:43 Компонент Title 26:43 Стили для секции section-cart 27:52 Компонент Cart 30:55 Компонент CartHeader 32:21 Компонент Product 33:24 Компонент CartFooter 34:59 Ошибки SCSS. Подключение SCSS переменных 38:14 Компонент Count 39:44 Компонент ButtonDelete 40:58 Отображение товаров в корзине 55:09 Уникальные ключи key для товаров. Reconciliation алгоритм 57:48 Изображения товаров ::::::::::::::::: Интерактив ::::::::::::::::: 1:00:25 Удаление товаров 1:10:05 Счетчик. Увеличение кол-ва 1:18:05 Счетчик. Уменьшение кол-ва 1:20:48 Счетчик. Правка бага с уменьшением кол-ва 1:23:40 Счетчик. onChange для инпута 1:28:51 Подсчет общего кол-ва и стоимости корзины 1:34:32 Подсчет общего кол-ва и стоимости при изменении корзины 1:37:30 Форматирование цен 1:42:39 Подведение итогов Сайт: 🤍 Вконтакте: 🤍 Telegram канал: 🤍 Закрытый канал с исходниками: 🤍 Ссылка на макет и код с вебинара: 🤍

3. Верстка секции Портфолио. Уроки по верстке сайта Портфолио HTML CSS

5121
174
24
00:45:06
14.12.2020

Видео урок из курса по HTML верстке "Создай свой первый сайт на HTML5 и CSS3". Чтобы получить файлы макета и готовой верстки, необходимо подписаться на курс: 🤍 Мини курс по HTML верстке сайта. Как сверстать сайт HTML из дизайн шаблона в Figma. Добавить адаптивность и сделать внутренние страницы. Этот курс подойдет для тех кто хочет научиться создавать сайты и хочет сверстать свой первый сайт. Верстаем секцию Портфолио с работами на сайте. Делаем заголовок секции и размещаем карточки с работами в ряд. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс "Профессия HTML верстальщик": 🤍 Старт обучения: 16 Мая 2022 года. Обучение с наставником, 3 месяца, результат, гарантия. Научим создавать веб-сайты и зарабатывать на этом. 💻 Курс "JS Frontend разработчик": 🤍 Старт обучения: 09 Мая 2022 года. Обучение с наставником, 3 месяца, результат, гарантия. 🏁 Обучение с нуля 💁‍♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе 💳 возможна рассрочка 💳 если курс не понравится, вернём деньги в первую неделю :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3" 7 уроков по 30 мин: 🤍 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Сайт школы ВебКадеми: 🤍 Вступайте в группу Вконтакте: 🤍 Подписывайтесь на Telegram: 🤍

Стилизуем форму тег select на CSS. Видео урок

5505
185
6
00:16:58
18.12.2020

💻 Курс "Профессия HTML верстальщик": 🤍 Старт обучения: 16 Мая 2022 года. ↓↓↓ Макет и ссылка на материалы в описании под видео ↓↓↓ В этом уроке стилизуем тег select на CSS. Урок по верстке HTML и CSS. Код с урока: 🤍 Урок с полной стилизацией и кастомным селектом на JS: 🤍 Can I use: 🤍 🤍 Nodelist forEach polyfill: 🤍 Автор урока: Юрий Ключевский Школа обучения веб-разработки ВебКадеми.рф :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс "Профессия HTML верстальщик": 🤍 Обучение с наставником, 3 месяца, результат, гарантия. Старт курса: 16 Мая 2022 года. 💻 Курс "JS Frontend разработчик + React": 🤍 Обучение с наставником, 3 месяца, результат, гарантия. Старт курса: 09 Мая 2022 года. 🏁 Обучение с нуля 💁‍♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе 💳 возможна рассрочка 💳 если курс не понравится, вернём деньги в первую неделю :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3" 7 уроков по 30 мин: 🤍 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Сайт школы ВебКадеми: 🤍 Наша группа Вконтакте: 🤍 Telegram канал: 🤍

Основы CSS - #1 - Введение

252618
3623
180
00:10:15
10.07.2014

Пройди БЕСПЛАТНО профориентацию в IT - 🤍 C этого урока начинается курс по основам СSS (Cascading Style Sheets), они же каскадные таблицы стилей. В этом видео вы узнаете, как писать и подключать CSS. Что такое CSS-правило, селектор, блок объявлений, объявления, а так же CSS-свойства и их значения. Смотрите курс "HTML для начинающих" : 🤍 Школа онлайн-образования: 🤍 Telegram: 🤍 Slack: 🤍 Сайт: 🤍 Instagram: 🤍 Группа вконтакте: 🤍 Facebook: 🤍 Twitter: 🤍 Больше уроков от lofblog: #loftblog Все уроки по хештегу: #loftblogCSS Полезные уроки для веб-программиста: #вебпрограммист #CSS Поставь лайк - смотивируй автора писать еще :)

VS Code – установка и настройка. ТОП 5 плагинов. Редактор кода Visual Studio Code

17598
749
40
00:14:13
21.12.2020

💻 Курс "Профессия HTML верстальщик": 🤍 Старт обучения: 11 Апреля 2022 года. ↓↓↓ Тайм-коды в описании под видео ↓↓ Скачать VS Code: 🤍 Установка и настройка редактора кода Visual Studio Code для верстальщика и веб-разработчика. Тайм-коды в описании. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс "Профессия HTML верстальщик": 🤍 Обучение с наставником, 3 месяца, результат, гарантия. Старт курса: 11 Апреля 2022 года. 💻 Курс "JS Frontend разработчик + React": 🤍 Обучение с наставником, 3 месяца, результат, гарантия. Старт курса: 04 Апреля 2022 года. 🏁 Обучение с нуля 💁‍♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3" 7 уроков по 30 мин: 🤍 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Плагины рассмотренные в видео: 02:02 Russian Language Pack 02:40 Auto Complete Tag (Close and Rename) 03:40 Встроенный Emmet в VS code 05:20 Live Server обновление браузера во время верстки 07:03 Material Theme - самая популярная тема для редактора 07:48 Material Icon Theme - крутые иконки 08:27 Ayu новая супер тема для VS Code 09:33 Prettier плагин для авто-форматирования кода 10:33 Настройка format on save для prettier 11:47 Подсказка по горячим клавишам в VS Code 12:07 Параметры редактора глобальные и для проекта ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3" 7 уроков по 30 мин: 🤍 ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 👨‍💻 Обучение веб-разработке: 🤍 За 2 месяца научим создавать веб-сайты и зарабатывать на этом, используя передовые технологии HTML/CSS/JS/PHP/MySQL. ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💈 Сайт школы: 🤍 💈 Наша Группа Вконтакте: 🤍 💈 Telegram канал: 🤍

Адаптивная вёрстка сайтов за 37 минут + макет. Тебе не нужен Bootstrap! [ENG SUBS]

743184
34494
2008
00:36:44
06.12.2019

Сейчас я познакомлю тебя с адаптивной версткой сайтов. Расскажу зачем она нужна и покажу на практике ряд основных подходов. Изучим медиа запросы и их конструкции. Поймем что тебе не нужен Bootstrap! Поговорим об mobile first, а так же о лучших практиках адаптива. Адаптивная вёрстка позволяет веб-страницам подстраиваться (адаптироваться) под различные размеры мониторов ПК, экранов планшетов и смартфонов. И чтобы эффективно потреблять трафик с мобильных устройств, нужно предлагать пользователям сайты с максимально удобным, адаптивным интерфейсом. Помимо этого, адаптивные сайты имеют приоритет при поисковой выдаче. Одним словом, адаптивная верстка сегодня крайне важна, и любому мастеру нужно уметь её делать и делать хорошо! 👉 Макет + напоминалка: 🤍 👉 Правильный адаптив картинок: 🤍 👉 Правильное адаптивное меню бургер: 🤍 👉 Как сделать спойлер: 🤍 🔴 Мастер-класс для начинающих по адаптивной верстке сайта: 🤍 🔴 Верстка макета из урока - 🤍 🔴 БЕСПЛАТНЫЙ курс по верстке сайтов (Front End). Уроки HTML CSS JS: 🤍 🔴 Если кому вдруг нужен пример верстки из урока то он доступен для подписчиков на Патреоне: 🤍 🔴 Получить доступ к плюшкам + поддержать канал: 🤍 🔴 Telegram канал: 🤍 (🤍 🔴 Telegram чат по верстке: 🤍 (🤍 🔴 Facebook: 🤍 🔴 Instagram: 🤍 Содержание: 00:00 - Вступление 01:05 - Подходы к верстке 01:30 - О контейнере 03:01 - Фиксированная верстка 06:46 - Отзывчивая верстка 11:52 - Адаптивная верстка (тебе не нужен Bootstrap) 17:29 - Отзывчиво адаптивная верстка 19:50 - Какой тип верстки использовать 20:34 - Медиа запросы 28:05 - Mobile First 29:00 - Хорошие практики адаптива 36:13 - Домашнее задание + макет 👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками! Ссылка на канал: 🤍 🤟 Живи, а работай в свободное время! ©

Открытый вебинар с курса HTML верстальщик. Орг моменты

637
33
2
00:17:35
16.05.2022

💻 Курс "Профессия HTML верстальщик": 🤍 С нуля до первых денег на фрилансе. Первая неделя обучения - 990 рублей. Старт обучения: 16 Мая 2022 года 🏁 Обучение с нуля 💁‍♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе Сайт: 🤍 Вконтакте: 🤍 Telegram канал: 🤍

Верстка интернет магазина. 3 часть. Онлайн стрим

3079
142
5
01:39:36
25.12.2020

💻 Курс "Профессия HTML верстальщик": 🤍 Старт обучения: 16 Мая 2022 года ↓↓↓ Макет и ссылка на материалы в описании под видео ↓↓↓ Верстаем интернет магазин одежды. Макет в Figma. Скачать макет: 🤍 Серия из 3-х вебинаров, Вт, Ср, Чт в 16:00 по МСК. Верстаем HTML CSS онлайн. С объяснениями для новичков. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс "Профессия HTML верстальщик": 🤍 Старт обучения: 16 Мая 2022 года Обучение с наставником, 3 месяца, результат, гарантия. 💻 Курс "JS Frontend разработчик": 🤍 Старт обучения: 09 Мая 2022 года Обучение с наставником, 3 месяца, результат, гарантия. 🏁 Обучение с нуля 💁‍♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс по верстке сайтов: 🤍 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Сайт: 🤍 Вконтакте: 🤍 Telegram канал: 🤍

Топ 3 Фишки Языка JavaScript | Degreet

439
22
2
00:05:51
10.08.2020

Всем привет! В данном видео я вам покажу 3 фишки языка программирования JavaScript в одном видео! Надеюсь вам понравится, и вы подпишитесь, поставите лайк и оставите комментарий! Музыка из видео: Facading - Walk Away: 🤍 Тайм коды: 00:00 - Вступление 00:25 - Фишка №1 - Прямое обращение к ID 02:47 - Фишка №2 - Работа с объектом 03:40 - Фишка №3 - Ускорение написание if 05:15 - Конец 05:35 - Оутро Теги (не читать): css, javascript, html, css3, js, верстка, видео уроки, web, создание сайтов, уроки css, веб-разработка, верстка сайта уроки, курсы, html5, tutorial, frontend, верстка сайта, учим css, программирование, юрий ключевский, programming, css фича, программист, css за 1 час, анимация в css, transition, css урок, css меню, урок, css уроки, css за 1 день, css3 уроки, выучить css, учим сиэсэс, быстро выучить css, ксс, css3 для начинающих, javascript для начинающих, itbeard, it-beard, дмитрий лаврик, основы javascript, madtalks, фреймворк, bitcoin, javascript программирование, es6, код javascript, transform, css градиенты, тень с градиентом, es2015, css кнопки, software (industry), mad devs, cms, создание сайта, как создать сайт, html css, holyjs, node.js, itdoctor, верстка сайта html, фишки html css, webcademy, mad talks, программирование javascript, jquery, фишки js, верстка сайта фишки, фишки, animate, айтиборода, уроки веб-дизайн, разработка, coding, как стать программистом, фронтенд, web design, javascript уроки, уроки javascript, animation, дизайн, hack, лучшие редакторы для верстки, редактор кода, moscowcss, реклама, топ редакторов кода, coupon code, анализ btc, angular, какой редактор кода выбрать, редактор для веб разработчика, топ 4 редакторов кода для веб-разработчика, какой редактор выбрать в 2к20 году, применяйте фишки 2019, какой редактор выбрать в 2020 году, какой редактор кода выбрать в 2020 году, сообщество, обзор, редактор кода в 2020 году для веб разработчика, редактор в 2020 для веб-разработчика, скрипт, лучший редактор кода, лучший редактор в 2020, btc, обзор на самые популярные редакторы для веб-разработки, ember, partnersmlm, developer, девелопер, development, backend, frontend js, #lootbits - #coupon code, react, интервью, всё о js, все о javascript, novosibirsk, #фишки, babel, #lootbits, frontend javascript, obrovsky, кристаллов, senior software engineer, obryskyy, o.ivan10, glooballiderclub, vue, senior javascript developer, krane, backend js, бэкенд, получение, джаваскрипт, заработок в интернете, дмитрий валак, it, dev, maddevs, transparency, agile, workingprocesses, communication, maddevsio, code, technology, software, reverseengineering, back engineering, reverse engineering, reverse, engineering, customersuccess, снэпфаер, dota 2 гайд, дота, дота 2, dota 2, дота 2 как играть, дота 2 для новичков, dota cheats, random number generation, pokerstars random number generator, rng, слайдер на js карусель, слайдер js jquery, слайдер изображений js, слайдер для сайта js, простой слайдер на js, js адаптивный слайдер, автоматический слайдер js, слайдеры на css js, owl carousel - how to make a responsive slider with owl carousel, pokerstars rigged, pokerstars rng, random number generator, online poker, pokerstars, owl carousel slider, poker, #тренер, #цель, сайт с нуля, сделать сайт, топ 10, создать сайт, как сделать сайт, создание сайта с нуля, как создать свой сайт, фрилансер, создать сайт с нуля, как сделать сайт самому, vdsina, стас быков, что такое домен, opencart, дота 2 обучение, хостинг, wordpress, 10 тупых вопросов, 10 вопросов программисту, pwa, progressive web apps, webassembly, node, cordova, web workers, webpack, async await, google sheets, 10 глупых вопросов, 10 вопросов, как создать сайт с нуля, html css browser compatibility, google apps script, web app, example, фриланс, 10 глупых вопросов программисту, world wide web (invention), #образование, #непрерывноеобучение, 2019, старая версия калькулятора, конвертирования давления, конвертирования угола, #бизнес, #организация, #услуга, #фирма, #лидерство, #маркетинг, #продукт, #инвестиция, #продажи, конвертирования мощности, конвертирования времени, установить калькулятор, windows 10, windows 8, восстановить калькулятор, калькулятор windows, сделать сайт с нуля, windows 7, запустить калькулятор, переключение режимов, конвертирования длинны, конвертирования энергии, конвертирования площади, конвертация скорости, конвертация температуры, сочетания клавиш, конвертация массы, service worker, php с нуля, it doctor, html css верстка, верстка html css, видео курс по sublime text itdoctor, канал itdoctor, фишки sublime text 3, sublime text уроки, верстка сайта фишки html css

03 Верстаем с ВебКадеми

83
3
0
00:08:04
26.02.2021

В этом уроке я расскажу о ролике, где Юрий Ключевский из ВебКадеми демонстрирует верстку production-like макета. А также я немного расскажу про Figma и познакомлю вас с инструментом для Pixel Perfect: 00:40 Ролик ВебКадеми 01:25 Figma 02:40 Pixel Perfect 07:22 Домашка 07:51 Афтепати При поддержке Ай-Новус 🤍 Канал ВебКадеми 🤍 Исходники для ДЗ 🤍 Ссылки: Видео с версткой 🤍 Figma 🤍 Pixel Perfect плагин для хрома 🤍

Адаптивная верстка на CSS Grid для интернет магазина. Использование grid areas

7294
505
32
00:33:56
31.08.2021

Верстаем нестандартную сетку с товарами для интернет магазина на CSS Grid c использованием grid template ares. Применяем адаптив и responsive верстку. Медиазапросы и minmax при верстке на гридах. ↓↓↓ Тайм-коды в описании ↓↓↓ Уроки по CSS Grid на нашем канале: • Подробная инструкция по CSS Grid: 🤍 • CSS Grid, flexbox, float в чем разница. Практический пример. 🤍 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс "Профессия HTML верстальщик": 🤍 Обучение с наставником, 3 месяца, результат, гарантия. Старт курса: 16 Мая 2022 года. 💻 Курс "JS Frontend разработчик + React": 🤍 Обучение с наставником, 3 месяца, результат, гарантия. Старт курса: 09 Мая 2022 года. 🏁 Обучение с нуля 💁‍♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс по верстке сайтов: 🤍 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Сайт школы ВебКадеми: 🤍 Вконтакте: 🤍 Telegram канал: 🤍 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Тайм-коды :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 00:00 Постановка задачи 01:16 Дизайн макет 02:36 Почему не стоит использовать flex-box 03:57 Создаем сетку на CSS grid 06:13 Работа с CSS Grid template area 06:13 Варианты позиционирования блоков внутри сетки 10:37 Дополнительные товары. Неявная сетка 12:12 Адаптив CSS Grid для планшетов 18:05 Адаптив CSS Grid для смартфонов Корректировка адаптива и точек перелома 24:15 Добавление отзывчивости для планешта. mimax() для колонок 25:45 Добавление отзывчивости для десктопа. minmax() 28:10 Завершение

Назад
Что ищут прямо сейчас на
Юрий Ключевский pacman vs Дейнерис уроки Си Combos новые страшилки juki imei orange AEW Mobile Games full bölüm нхл аналитика double pane window DenshiDraws Кен Поуг Уэйн венгрия россия санкции Крис Хемсворт wach обжор 트레저