Home
Videos uploaded by user “Андрей Андриевский”
Установка необходимых плагинов для WordPress – Lesson 4
 
08:30
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! Установка необходимых плагинов для нашей работы: 1. Page Builder by SiteOrigin – дополнительный функционал для точной настройки структуры страницы или записи, очень много возможностей. 2. SiteOrigin Widgets Bundle – специальные виджеты для плагина выше. 3. Easy Google Fonts – плагин очень легкого подключения Гугл шрифтов в вашу тему. 4. Black Studio TinyMCE Widget – перенес целиком стандартного TinyMCE WordPress визуального редактора (тот в котором вы пишете свои посты и пр) прямо в виджет. 5. Title Remover – убирает заголовок статьи со страницы 6. Contact Form 7 – плагин для работы с формами обратной связи 7. Spacer (Пробел) – плагин для принудительных отступов на странице 8. Lightbox Plus Colorbox – Лучший плагин для всплывающих окон в WordPress
Подключение стилей Css в HTML
 
04:26
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! Создаем документ для написания стилей оформления сайта css и подключаем его к нашему HTML документу.
Наследование в CSS3 | Курс HTML & CSS 2018 | Занятие №10
 
13:14
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! Что такое наследование в CSS? Как работает иерархия документа и на какие элементы влияют CSS стили родительских элементов? На все эти вопросы получим ответ в этом ролике, все на живом примере и очень доступно для вас! Материалы урока: https://drive.google.com/open?id=1l376ot-xhgKy65JJzsbdb95H8rkbd3kj
Разбираем Page Builder, Hide Title и Spacer – Lesson 5
 
26:30
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! 1. Разбираем Page Builder, как строятся строки, какие есть у них возможности, как добавить виджет и т.д. 2. Смотрим надстройку Hide Title, как в один клик убрать ненужный нам заголовок. 3. Добавляем отступ Spacer, в любом месте нужный нам отступ без знаний css Пишите ваши пожелания и вопросы в комментариях, а также на какую тему в работе с WP вы бы хотели видеть уроки.
Знакомство с header, article, section и другими тегами | Курс HTML & CSS 2018 | Занятие №2
 
19:00
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! В этом видео уроке поговорим о структуре страницы и применяемых тегах. Таких как: article, section, nav, header, main, footer, div и прочие. Исходники и домашнее задание: https://goo.gl/3m6fxt Зеркало: https://drive.google.com/open?id=1F1rDNAXkCeVIdrYqmWTWrCdpn4_NbgI-
Пишем стили General Styles
 
13:10
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! Начинаем стилевое оформление нашей страницы html при помощи стилей css
Как создать сайт на Wordpress за час используя плагин Elementor, 2018 | WordPress
 
01:19:17
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! Создаем сайт на WordPress CMS за час, используя плагин Elementor для построения блоков страницы без знания CSS и HTML. Проходим все пошагово от регистрации домена и аренды хостинга под сайт и до готовой страницы на конструкторе! Узнайте, как создать сайт в нескольких простых шагах. Шаг за шагом без пропусков. С новой системой шаблонов у вас будет самый профессиональный сайт на самой популярной платформе (WordPress). Научитесь регистрировать свое доменное имя, хостинг, устанавливать в пару кликов WordPress, создавать свой сайт, чтобы сделать его №1. Веб-сайт Tyler для шаблонов: http://www.tyler.com Зеркало со всеми шаблонами: https://drive.google.com/open?id=1kiM3dl1VXbRerKHlxvOoLNRAf2QatUAi НАВИГАЦИЯ: 0:15 Покупка доменного имени и аренда хостинга 5:25 Установка CMS WordPress в пару кликов 10:30 Вход в админ панель WordPress 11:00 Знакомство с админкой WordPress, основные настройки 19:00 Знакомство с темами (шаблонами) в WordPress 24:50 Создание новых страниц для сайта 27:10 Настройка и редактирование параметров установленной темы OceanWP 28:20 Создание и вывод меню WordPress 36:50 Настройка типографии в теме OceanWP (шрифты от Google) 43:20 Знакомство с плагином Elementor (Визуальный редактор/конструктор страниц) 47:00 Логика создания страницы плагином Elementor (примеры) 49:30 Использование блоков и шаблонов для Elementor плагина 57:30 Сайт с большим количеством бесплатных шаблонов для плагина Elementor 59:59 Импорт своих шаблонов под Elementor, практика по верстке страниц
Псевдоклассы и псевдоэлементы, часть 1 | Курс HTML & CSS 2018 | Занятие №7
 
28:35
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! Псевдоклассы и псевдоэлементы, как применять, для чего они нужны, как правильно записывать? На все вопросы отвечаем в практическом занятии, приятного просмотра! Материалы и домашние задания: https://goo.gl/yVHN2d Зеркало: https://drive.google.com/open?id=1C1d4zvNygUTc35g-yslHcARwYFGV--pL
Обтекание элементов, float, практикуем CSS3 | Курс HTML & CSS 2018 | Занятие №16
 
21:31
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! Свойство float, для чего мы его применяем, как скомпоновать по своему элементы на странице. Свойство float позволяет нарушать естественный порядок блоков, ввиду чего и является одним из самых мощных инструментов каскадных таблиц стилей. Широкий диапазон его применения не только включает простое позиционирование, перемещение изображений к одной из сторон абзаца, но и обеспечивает полный контроль по управлению размещением баннеров, меню, панелей навигации и других элементов веб-страниц. Материалы урока и ДЗ: https://drive.google.com/open?id=1_mn_WHsPbxTCcROW67m6gUSY9pmJ3ZD_
Программа курса HTML & CSS | О домашних заданиях и исходном коде
 
05:24
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! Разберем программу курса, как будет происходить обучение, какие материалы я буду отдавать вам. Где будут находиться домашние задания. Чем будет курс отличаться от предыдущих (2016 - 2017 годах). Ответы на эти вопросы вы найдете в этом ролике!
Знакомство с основным каркасом страницы | Курс HTML & CSS 2018 | Занятие №1
 
52:28
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! 1. Для каких целей был сформирован HTML. 2. Инструменты для верстки. - Браузер (Google Chrome, Safari, Microsoft Edge, Mozilla) - Инструменты разработчика (F12 или Ctrl+Shifr+I) - Графический редактор (Photoshop) - Редактор кода (Notepad++, Sublime, Brackets) - FTP клиент (Total Commander, FileZilla) 3. Введение в HTML – синтаксис. 4. Введение в его разметку. 5. Знакомство с его компонентами. 6. Каким образом нужно применять комментарии. 7. Что входит в базовые компоненты разметки. 8. Знакомство с атрибутами компонентов. http://htmlbook.ru/html/attr/common 9. Что собой представляют специальные символы. http://htmlbook.ru/samhtml/tekst/spetssimvoly 10. Введение в стандарты W3C. https://validator.w3.org 11. Знакомство с документацией. http://htmlbook.ru 12. Относительно каких принципов оформляется код. https://notepad-plus-plus.org/download/v7.5.4.html https://www.sublimetext.com http://brackets.io МАТЕРИАЛЫ: https://goo.gl/We9N8X Зеркало: https://drive.google.com/open?id=1hnfKmIlNTLbsv93BJ1bSo6Vql7DnJpvO
Настройка WordPress после установки, работа с темой – Lesson 3
 
23:04
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! В этом видео уроке мы пройдем ниже приведенные пункты очень подробно: 1. Смена пароля WordPress 2. Обновление WordPress, если это нужно 3. Удаление ненужных плагтнов с WordPress 4. Добавление темы с репозитоиря и своей локально 5. Настройка установленной темы 6. Создание страниц под вывод меню 7. Настройка отображения главной страницы WordPress 8. Добавление контента на главную 9. Скрытие сайдбара с виджетами на главной странице Ссылка на тему – https://drive.google.com/file/d/0By3UUWCe5W1PMTJkWFM5Wmc1TEE/view?usp=sharing
Использование reset.css normalize.css
 
09:09
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! Сегодня мы с вами узнаем как применяются на практике reset.css normalize.css и для чего это нам нужно в верстке.
Знакомство с CSS | Курс HTML & CSS 2018 | Занятие №6
 
47:10
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! Сегодня мы поговорим о CSS, какой синтаксис записи свойств, как подключать и использовать стили. Как определяются и переопределяются CSS свойства. Много практики и плавного погружения. Материалы и домашние задания: https://goo.gl/SRzjh2 Зеркало: https://drive.google.com/open?id=1wLf44QdiO3DWuvh91O6z-DNKzKy4vlyi
Практикуем селекторы в CSS3 | Курс HTML & CSS 2018 | Занятие №9
 
51:06
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! Берем простой каркас страницы HTML с элементами заголовка и параграфа, применяем полученные ранее знания на практике. Подключаем стили, Google font API шрифты, применяем различные селекторы с разными правилами и свойствами. Очень подробное пояснения по всем пунктам! Удачного и приятного просмотра, не забываем подписаться на канал, поставить лайк и дернуть колокольчик! Исходники и домашка: https://drive.google.com/open?id=1mru3o-VjwfHcQ_hOqj7bCgd-GIIQr4lJ
Верстка шапки сайта header. Часть 4
 
14:44
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! Продолжаем серию маленьких видеоуроков посвященных нарезке макета фотошоп и дальнейшей верстки в HTML5 CSS3
Reset CSS или сброс стилей браузера | Курс HTML & CSS 2018 | Занятие №11
 
16:45
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! Как сбросить CSS свойства, которые браузеры задают для страницы по умолчанию? Все очень просто, для этого существуют так называемые reset.css стили. Задача этих стилей обнулить, все что браузер применяет на свое усмотрение! Для чего это нужно? Как только вы получаете от дизайнера макет страницы под верстку, вам предстоит сделать все с чистого листа, а браузер думает иначе и некоторым элементам задает свои значения. Это мешает верстать, а иногда из-за невнимательности может сыграть злую шутку с нами. Вот поэтому и применяется reset.css для обнуления стилей. Материалы урока: https://drive.google.com/open?id=12HHHO8Re3DPiDWUUlkxj9bxduO35F4V2
Что такое сетка макета, практическое знакомство с Bootstrap | Практическая верстка 2018
 
43:10
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! Чтобы верстать страницы сайте быстро и главное эффективно нужно понимать и уметь применять CSS фрейморки и их фишки. Что мы рассмотрим сегодня: - Сетка верстаемой страницы - Кем и для чего написан Bootstrap - Скачивание и подлючение Bootstrap - Понимание Grid системы Bootstrap - Строки ROW и колонки COL- - Применение на практике полученных знаний сетки Bootstrap Материалы урока и ДЗ: https://drive.google.com/open?id=1ZgpggbQzh8pXi4yp4jcho_K2r8fQpF_m
Duplicate Page — плагин копирования страницы в один клик на WordPress
 
03:47
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! Супер простой плагин Duplicate Page для супер простого дублирования или копирования страницы со всем ее содержимым. Практический урок с пояснение настроек и примера. Приятного просмотра! Название плагина в репозитории Duplicate Page
Создание web формы | Курс HTML & CSS 2018 | Занятие №5
 
34:40
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! Учимся создавать/верстать HTML форму. Используем атрибуты для построения различных элементов формы, а также учимся применять некоторые свойства с HTML5! Все на практике, минимум воды! Домашнее задание и материал урока: https://goo.gl/HoJyjG Зеркало: https://drive.google.com/open?id=19evtclsqo2ZP7vMaRKll9rWoihgXuX4I
Ссылки и изображения | Курс HTML & CSS 2018 | Занятие №3
 
34:48
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! Учимся добавлять изображения и ссылки внутрь html страницы. Какие атрибуты есть у изображений, как они применяются. Как работают ссылки внутри папки и на другие директории. Домашнее задание и исходники: https://goo.gl/Bn6F9D Зеркало: https://drive.google.com/open?id=1brJOdBF5CYvwCJ9jI4uilvTzgq-PX5pm
Верстаем таблицы | Курс HTML & CSS 2018 | Занятие №4
 
26:45
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! Верстка таблицы, применение тегов colgroup, использование простых методик при работе с таблицами. Домашние задания и исходники: https://goo.gl/aDy3mJ Зеркало: https://drive.google.com/open?id=13so8ZWnCCOFDaKWcE4VQXgt-YsF1yHnc
Псевдоклассы и псевдоэлементы, часть 2 | Курс HTML & CSS 2018 | Занятие №8
 
15:14
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! Селектор атрибута, как применять, для чего он нужны, как правильно записывать? На все вопросы отвечаю в практическом занятии, с интересными примерами, приятного просмотра! Исходники и домашка: https://goo.gl/QyJo4S Зеркало: https://drive.google.com/open?id=10mNyyqMcDCASE-xGIZDq2OLhkvwnWTpt
Знакомство с html, редакторы и знакомство с тегами. Lesson – 1
 
21:04
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! Вводной урок из серии "HTML, JavaScript, PHP и MySQL", где мы знакомимся с понятием html, создаем первую страницу и понимаем, что такое тег и его параметры.
Полное руководство по Flexbox  | Курс HTML & CSS 2019
 
23:01
Модуль Flexbox-лейаута (flexible box — «гибкий блок») ставит задачу предложить более эффективный способ вёрстки, выравнивания и распределения свободного места между элементами в контейнере, даже когда их размер неизвестен и/или динамический. Главная задумка flex-вёрстки в наделении контейнера способностью изменять ширину/высоту (и порядок) своих элементов для наилучшего заполнения пространства (в большинстве случаев — для поддержки всех видов дисплеев и размеров экранов). Flex-контейнер растягивает элементы для заполнения свободного места или сжимает их, чтобы предотвратить выход за границы. МАТЕРИАЛЫ УРОКА: https://drive.google.com/drive/folders/17GBT1kQZ5p5t0ZxAsZ4bMvWFrBihEE56?usp=sharing ЧИТАТЬ ОБЯЗАТЕЛЬНО: https://frontender.info/a-guide-to-flexbox/
Конструкция Switch в JS – Урок #4 | Базовый JavaScript
 
18:50
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! Конструкция switch заменяет собой сразу несколько if. Чтобы в этом убедиться давайте сделаем практическое применение для простого калькулятора. Материал урока и домашка: https://drive.google.com/open?id=1BMio9vNt0nfDO5X6o3gHw7qnOnkRw8pk КУРС ПО HTML5 & CSS3: https://www.youtube.com/playlist?list=PLMB6wLyKp7lV9YoWTMCztq-KXYhYPB09K
Поля, границы, отступы, практикуем CSS3 | Курс HTML & CSS 2018 | Занятие №14
 
27:34
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! Сегодня поговорим о понятии блочной модели страницы. Разберемся какие элементы строчные, а какие блочные и почему. Затронем новые свойства Display и Border. Научимся применять размеры полей и их отступов, попрактикуем еще раз margin и pfdding. Посмотрим, почему внешние отступы не суммируются, и считаются по большему значению. Много практики, и никакой воды! Материалы урока: https://drive.google.com/drive/folders/1hAzyLVvVixwtleKTUQTKdllF5f4VuURF?usp=sharing
Линейный и Радиальный градиент на чистом CSS3 | Курс HTML & CSS 2018 | Занятие №18
 
15:02
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! Сегодня мы научимся использовать градиентные фоны для верстки страниц на чистом CSS3. Все очень просто, за 10 минут вы сможете разукрасить градиентом любой элемент вашей верстки. Градиент — это плавный переход цвета, к примеру, от синего к красному или от черного к белому. Градиенты входят в состав основных элементов любой программы редактирования изображений. Материалы урока: https://drive.google.com/open?id=1SX3LjfvDNeZsQuhb-6GUYKgwmPV_NXuO
Верстаем макет Austera на Bootstrap 4 | Практика Bootstrap 4 | Часть 1
 
01:01:04
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! В этом видео уроке посмотрим на макет, который будем верстать по методике Bootstrap 4: - Как читать макет PSD в Adobe Photoshop - Логическое разбиение на сетку - Используемые классы Bootstrap - Последоваетльность верстки элементов - Подключение Google fonts Материалы урока: https://drive.google.com/open?id=1Gbn1oQenGQqlZWNdFiE4kuAu3jyfHVC- Документация Bootstrap 4 на русском: http://bootstrap-4.ru/docs/4.1/layout/media-object/ Документация по Flexbox · Bootstrap: https://v4-alpha.getbootstrap.com/utilities/flexbox/
Знакомство с JavaScript – Урок #1 | Базовый JavaScript
 
22:19
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! Что такое JavaScript язык программирования. Как он добавляется на страницу, как учиться языку JS? Первое практическое знакомство! Материал урока и домашка: https://drive.google.com/drive/folders/19tVyGn_CUh4wEe4XHZ5Ewe0D5h7Zn7lM?usp=sharing КУРС ПО HTML5 & CSS3: https://www.youtube.com/playlist?list=PLMB6wLyKp7lV9YoWTMCztq-KXYhYPB09K
Верстаем footer нашего шаблона, Часть 6
 
06:29
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! Завершающая часть верстки чистого html5 без применения css3. В следующем уроке начнем работу с применением стилей в нашем макете.
Подготовка изображений для верстки. Часть 2
 
20:55
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! С помощью программы Photoshop мы нарезаем изображения для будущей страницы html.
Построение горизонтального и вертикального меню | Курс HTML & CSS 2018 | Занятие №19
 
31:03
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! В этом видео уроке рассмотрим такие CSS3 свойства и возможности: - Навигация ссылками - Построение вертикальной навигации - Построение горизонтальной навигации - Размещение ссылок внутри списка для визуализации CSS3 - Замещение фона ссылки для решения дизайнерских задач - Крутые эффекты при наведении используя CSS3 и hover Материалы урока: https://drive.google.com/drive/folders/1Kz4TeaYnC0yJm706iF4OUQx3AP_mYChN?usp=sharing
Преобразования, переходы и анимация с помощью CSS | Курс HTML & CSS 2018 | Занятие №20
 
25:09
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! В этом видео уроке рассмотрим такие CSS3 свойства и возможности: - Преобразования в CSS3 - Свойство transform с его значениями - Анимация лементов страницы - Совмещение нескольких свойств транформации с разными эффектами - Увеличение, смещение, масштаб и анимация, все в одном уроке! - Крутые эффекты при наведении используя CSS3 и hover Материалы урока: https://drive.google.com/open?id=1ocgyr8j2KUyXD_6uedBf43eSJNtUspXG
Верстка каркаса макета в HTML5. Часть 3
 
14:39
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! Верстка нашего макета с PSD в HTML5, размещаем наши основные блоки страницы с помощью элементов верстки. Блог автора — http://obuchaemsja.com/html5-css3/s-psd-v-html5-css3-karkas/
Стили текста, шрифты и font в CSS3| Курс HTML & CSS 2018 | Занятие №12
 
26:09
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! Работаем с свойствами и стилями CSS3 предназначенными для форматирования текстов на HTML страницах. На примерах рассмотрим следующие свойства: font-family; font-size; font-family; color; background-color; text-transform; font-variant; text-decoration; letter-spacing; word-spacing. Материалы урока: https://drive.google.com/open?id=1gtiZlLiA15fkheF_43tL-FNFHzCe2X5K
Установка и настройка редактора TinyMCE Advanced для WordPress
 
14:33
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! Один из самых лучших визуальных редакторов для системы WordPress. Все интуитивно понятно, просто и доступно, гибкий в настройках и мега удобный при использовании. Не надо ничему обучаться, все проще, чем работа с Word. Покажу на практике, как установить и настроить, и уже через 10 минут, твой WordPress станет мощнее и солиднее. TinyMCE Advanced для WordPress!!!
Асинхронное программирование, о событиях – Урок #24 | Базовый JavaScript
 
15:43
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! Итак, теперь вы немного больше знаете о событиях, а если говорить конкретнее, то об объекте события, передаваемом обработчику события щелчка. Давайте посмотрим, как использовать информацию, содержащуюся в объекте события, для замены произвольного размытого изображения на странице его нормальной версией. Материал урока и домашка: https://drive.google.com/open?id=1UXLxxRwvtx5FsQGWjlH_OkTy3YoxKgBb КУРС ПО HTML5 & CSS3: https://www.youtube.com/playlist?list=PLMB6wLyKp7lV9YoWTMCztq-KXYhYPB09K
Курс Python 3 | Установка и знакомство с IDE PyCharm
 
13:06
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! Пришло время установить и познакомиться с настоящей средой разработки под Python 3. ДОМАШНЕЕ ЗАДАНИЕ: Установка программы https://www.jetbrains.com/pycharm/download/ КУРС ПО HTML5 & CSS3: https://youtu.be/GFqCX2AefQk
Массивы в JS на практике – Урок #8 | Базовый JavaScript
 
24:18
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! Массив – разновидность объекта, которая предназначена для хранения пронумерованных значений и предлагает дополнительные методы для удобного манипулирования такой коллекцией. Они обычно используются для хранения упорядоченных коллекций данных, например – списка товаров на странице, студентов в группе и т.п. Материал урока и домашка: https://drive.google.com/open?id=1ZX8oREI-99dXOfPkmHOt-KQVgyeN70fc КУРС ПО HTML5 & CSS3: https://www.youtube.com/playlist?list=PLMB6wLyKp7lV9YoWTMCztq-KXYhYPB09K
Верстаем content. Часть 5
 
14:56
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! Сегодня мы сверстаем часть страницы отвечающую за контент, важный контент. Использованы теги section и aside.
Игра морской бой на JS#1 – Урок #5 | Базовый JavaScript
 
33:28
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! В этом видео разберем методы проектирования будущей программы, составление псевдокода и реализацию первой рабочей части игры "Морской бой" Материал урока и домашка: https://drive.google.com/open?id=1MWMT8Hiz7uXI4JJ48ONGW_-yLnY5mBWB КУРС ПО HTML5 & CSS3: https://www.youtube.com/playlist?list=PLMB6wLyKp7lV9YoWTMCztq-KXYhYPB09K
Словоеб программа для подбора семантики
 
16:27
Практический обзор программы СловоЁб, со всеми моментами, от настройки программы, до работы с готовыми ключами. Все по сути и никакой воды, только качество и простота. Смотрите также материалы по теме – http://seo-book.sozdaj-sam.com/programma-slovoeb-instrukciya-po-ispo/
Цикл While – Урок #2 | Базовый JavaScript
 
20:45
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! Как выполянются в программировании однотипные вещи? Как написать условие и выполнить циклично задачу до тех пор, пока условие верно? Практическое применение цикла While на примерах Материал урока и домашка: КУРС ПО HTML5 & CSS3: https://drive.google.com/open?id=1lPYDqywWV8jtBPMPqNvsT2CVTgTOJFmW
Верстка блоков/элементов при помощи флоатов | Курс HTML & CSS 2018 | Занятие №22
 
32:02
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! В этом видео уроке мы закрепим все получаемые ранее знания и сверстаем простенькую страницу с пониманием правльного позиционирования элементов: - Как распологать блоки внутри HTML - Как сделать блоки резиновыми - Используем свойтво float и clear - Страница на три колонки - Фиксированный и гибкий контент Материалы урока: https://drive.google.com/open?id=1f_Y0RkYDSJnHwQ7eyzZJ2EEJjQrM1gOi
Добавление графики на веб-страницы | Курс HTML & CSS 2018 | Занятие №17
 
30:10
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! Как бы вы ни украшали текст веб-страниц с помощью границ и полей, ничто так не влияет на внешний вид сайта, как изображения. Каскадные таблицы стилей предлагают исчерпывающий набор средств управления ими. В веб-дизайне можно работать с графическими элементами двумя способами: посредством элемента img и свойства background-image (которое позволяет применить изображение к фону любого тега на странице). Давайте по практикуем вместе с вами и сделаем простые и полезные свойства добавления фоновых изображений на сайт. Материалы урока: https://drive.google.com/open?id=1mrXEk1uc36Xpj-RJDTzbWu8bza-owgW0
Работа с веб-формами и применение CSS3 | Курс HTML & CSS 2018 | Занятие №21
 
29:59
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! В этом видео уроке рассмотрим такие CSS3 свойства и возможности: - Разумное применение веб-форм - Добавление отступов - Настройка горизонтального и вертикального выравнивания - Создание границ - Элементы веб-форм - Компоновка веб-форм с помощью каскадных таблиц стилей Материалы урока: https://drive.google.com/open?id=1om6TscbXAjiRrWQqQnlrq_pE_hgZ2FhW
Знакомство с функциями в JS – Урок #7 | Базовый JavaScript
 
23:41
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! Зачастую нам необходимо повторять одно и то же действие во многих частях программы. Чтобы не копировать код и не делать десятки тысяч строк не нужного кода, мы научимся применять функции. Материал урока и домашка: https://drive.google.com/open?id=1QQUTo8GSKN2YdOA9Cc8sgDliVVnWdM47 КУРС ПО HTML5 & CSS3: https://www.youtube.com/playlist?list=PLMB6wLyKp7lV9YoWTMCztq-KXYhYPB09K
Верстаем блог MINIMO на Bootstrap 4 | Практика Bootstrap 4
 
01:25:16
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! Я покажу как сверстать простой блог используя сетку bootstrap 4 и свойства flex CSS3. Поверьте ничего сложного, у вас получится! Материалы урока: https://drive.google.com/open?id=1MWvrMNVySNx0eZekjLuVpp15ZWolElD7 Предыдущие видео по верстке на Bootstrap 4 1.Что такое сетка макета https://youtu.be/_5v2ETZI7LY 2.Верстаем макет Austera на Bootstrap 4 https://youtu.be/F7SfBCg4u88 3.Верстаем адаптив для Austera на Bootstrap 4 https://youtu.be/D_BfZ70WZTE
Курс Python 3 | Подготовка рабочей среды
 
10:33
Телеграмм чат: https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g Вступайте в группу и задавайте интересные вопросы!!! Сегодня я начинаю базовый курс по языку программирования Python 3! Курс рассчитан на тех, кто никогда не был знаком с этим языком и хочет начать знакомство серверного программирования через этот курс! Установка самого Python 3 и редактора для работы с кодом! Официальный сайт Python: https://www.python.org/ Текстовый редактор Sublime: https://www.sublimetext.com/