Home
Videos uploaded by user “Денис Горелов”
Media queries CSS. АДАПТАЦИЯ под мобильные устройства
 
09:16
Media queries #CSS или как реализовать #адаптацию под #мобильные #устройства на своем сайте, каким образом адаптировать различные элементы на веб-страничке под разные расширения экранов. В этом помогут #Медиа запросы (#media #queries #CSS) с помощью которых можно творить любые трансформации дизайна странички. Из видео вы узнаете: • Что такое #медио #запросы в #CSS3 • Какие есть типы носителей в media queries • Для чего нужны логические операторы • Как сформировать адаптивный дизайн сайта Подписаться на канал и смотреть уроки первым - https://dwstroy.ru/~dwstv Обсуждение видео: https://youtu.be/x843xbMXkfc Весь код с урока тут - http://bit.ly/2oQ5JtZ Типы носителей включают в себя all – по умолчанию; print – просмотра печати; screen – на компьютерных мониторах; speech - речевые синтезаторы; Логические операторы: and – эквивалентно «и»; not – эквивалентно «отрицание»; only – скрывает стили для браузера; , - эквивалентно «или». Условие медиа-запроса • width min-width max-width – ширина • height min-height max-height – высота • device-width min-device-width max-device-width – ширина на устройстве • device-height min-device-height max-device-height orientation - высота на устройстве • aspect-ratio min-aspect-ratio max-aspect-ratio – соотношение сторон • device-aspect-ratio min-device-aspect-ratio max-device-aspect-ratio - соотношение сторон на устройстве • resolution min-resolution max-resolution – разрешение экрана (количество пикселей) • color min-color max-color – количество бит на каждые из цветных компонентов устройства вывода • color-index min-color-index max-color-index – количество записей в таблице подставноки цветов • monochrome min-monochrome max-monochrome – количество битов на пиксель монохромного устройства • scan grid – сетка сканирования Видео метки: [00:27] - CSS3 медиа-запросы или (media queries) [01:11] - Типы носителя в #медиа-запросов [01:45] - Логические операторы в CSS3 [02:19] - Условия медио запросов [03:00] - Описываем основную структуру HTML и CSS [04:30] - Подключаем файл под медио запросы [05:03] - Описываем стили по адаптивные устройства Во время урока я использую: Документацию по Media queries CSS Редактор PhpStorm Использую музыку: RetroVision - Heroes [NCS Release] Elektronomia - Energy [NCS Release] https://www.youtube.com/watch?v=QfhF0V9VlJA https://www.youtube.com/watch?v=fzNMd3Tu1Zw https://soundcloud.com/nocopyrightsounds Смотреть другие видео на канале DWSTV: Сайт с нуля - https://dwstroy.ru/~7KNnM 1С Битрикс работа с сайтом - https://dwstroy.ru/~dEG4q Управление системой Битрикс - https://dwstroy.ru/~Zdt4K Настройки сайта 1С Битрикс - https://dwstroy.ru/~t0UVZ Добавляйтесь к нам в друзья: Сайт видео-уроков: https://dwstroy.ru/video/ Канал в VK автора уроков: https://vk.com/dwstv Канал группы в VK: https://dwstroy.ru/~MJM28 Мы очень рады если видео уроки по Битрикс были Вам полезен, хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать видео-уроки по 1С битрикс.
Выпадающее МЕНЮ на чистом CSS / HTML
 
13:43
(2 часть) Адаптация под мобильные устройства - https://youtu.be/tRoszGUp5Sg Исходный код - http://bit.ly/2oVnIzd В этом уроке мы сделаем, #выпадающее #горизонтальное #меню. Оно будет имеет #шрифтовые #иконки которые при наведении на меню меняют цвет. Посмотреть и скачать код - http://bit.ly/2oVnIzd , а тут вторая часть - https://youtu.be/tRoszGUp5Sg Сделаем небольшую #анимацию, в ней меняем цвет кнопки и текста, добавляем тень и все это отображается при наведении. #Выпадающие #списки меню можно реализовать многоуровневыми простым копированием #UL и это все довольно просто реализовано на чистом #CSS / #CSS3. Обсуждение видео: https://youtu.be/K3C4NdzFHg0 В уроке задействуем: • #display: #flex; • используем #transition; • позиционировать элементы при помощи #position Подписка на канал: https://dwstroy.ru/~dwstv Видео сборник: https://dwstroy.ru/~S126H *Видео метки*: [01:13] - Структура разметки в #html [02:22] - Подключаем шрифтовые иконки [04:10] - Описываем #стили в #CSS [04:29] - Подключаем шрифт Cuprum [04:29] - Анмируем при наведении #hover [08:10] - Выпадающее меню [11:56] - CSS генератор #background *Другие видео на канале DWSTV*: Сайт с нуля - https://dwstroy.ru/~7KNnM Уроки по #CSS - https://dwstroy.ru/~paoBU 1С Битрикс работа с сайтом - https://dwstroy.ru/~dEG4q Управление системой Битрикс - https://dwstroy.ru/~Zdt4K Настройки сайта 1С Битрикс - https://dwstroy.ru/~t0UVZ Во время урока я использую: Документацию по #CSS3 Редактор #PhpStorm Ссылки из урока: Архив кода на сайте - http://bit.ly/2oVnIzd Шрифт Cuprum - http://bit.ly/2nulfPh Шрифтовые иконки - http://bit.ly/2nXKJk3 Генератор Градиентов - http://bit.ly/2omhCtB Использую музыку: Love Me Like You Do (Violin Cover by Robert Mendoza) [from FIFTY SHADES OF GREY soundtrack] https://www.youtube.com/watch?v=VZRVou4cyic Добавляйтесь к нам в друзья: Сайт видео-уроков: https://dwstroy.ru/video/ Канал в VK автора уроков: https://vk.com/dwstv Канал группы в VK: https://dwstroy.ru/~MJM28 Мы очень рады если видео по #CSS3 #меню было Вам полезно, хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по CSS, так и другим #WEB разработкам.
Формы CSS / Как создать форму в CSS3
 
09:36
Исходный код - http://bit.ly/2pvLBjL В рамках данного видео покажу как сделать красивую #форму входа на сайт при помощи #css . Задействуем #анимацию элементов при наведении (transition), подключим #шрифтовые иконки css, узнаете как задавать прозрачность элементам при помощи (rgba), о всем этом смотрите в видео уроке "Форма CSS". Подписка на канал - https://dwstroy.ru/~dwstv Обсуждение видео: https://youtu.be/INb7QmuKmTc #Видео сборник- https://dwstroy.ru/~S126H *Видео метки*: [00:25] - Описываем каркас в html [01:10] - Стилизация формы CSS3 [04:25] - Прозрачный фон (rgba) [05:07] - Добавляем шрифтовые иконки *Другие видео на канале DWSTV*: Сайт с нуля - https://dwstroy.ru/~7KNnM Уроки по CSS - https://dwstroy.ru/~paoBU 1С Битрикс работа с сайтом - https://dwstroy.ru/~dEG4q Управление системой Битрикс - https://dwstroy.ru/~Zdt4K Настройки сайта 1С Битрикс - https://dwstroy.ru/~t0UVZ Во время урока я использую: Документацию по #CSS3 Редактор PhpStorm Ссылки из урока: Архив каркаса и шрифтов - https://dwstroy.ru/~WNpGP Сервис цветов - https://www.w3schools.com Шрифтовые иконки - http://fontawesome.io Использую музыку: Elektronomia - Limitless [NCS Release] Tobu - Life [NCS Release] https://www.youtube.com/user/NoCopyrightSounds http://soundcloud.com/nocopyrightsounds Добавляйтесь к нам в друзья: Сайт видео-уроков: https://dwstroy.ru/video/ Канал в VK автора уроков: https://vk.com/dwstv Канал группы в VK: https://dwstroy.ru/~MJM28 Мы очень рады если видео по CSS было Вам полезно, хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки по #1С битрикс.
Кнопка на CSS / Button animation CSS3
 
06:24
В данном уроке создадим анимированную #кнопку на #CSS с плавным бликом при наведении. Скачать исходный код - http://bit.ly/2xYPPRL В уроке задействуем #псевдоэлементы #before и #after, для #анимированного появления используем #transition, а при помощи #position и #overflow, от центруем кнопку и скроем все лишнее за ее пределами. Обсуждение видео: https://youtu.be/jgbDnDirM9s Более подробное описание тут - http://bit.ly/2xYPPRL Подписка на канал: https://dwstroy.ru/~dwstv Видео сборник: https://dwstroy.ru/~S126H *Видео метки*: [00:28] - Создаем файлы для кнопки [01:19] - Описываем #стили кнопки в #CSS [01:20] - Центруем кнопку по середине [01:44] - Оформляем ссылку под вид кнопки [02:56] - Описываем псевдоэлементы [03:32] - Делаем анимацию *Другие видео на канале DWSTV*: JavaScript Основы - http://bit.ly/2udeTq3 Сайт с нуля - https://dwstroy.ru/~7KNnM Уроки по #CSS - https://dwstroy.ru/~paoBU 1С Битрикс работа с сайтом - https://dwstroy.ru/~dEG4q Управление системой Битрикс - https://dwstroy.ru/~Zdt4K Настройки сайта 1С Битрикс - https://dwstroy.ru/~t0UVZ Во время урока я использую: Документацию по #CSS3 Редактор #PhpStorm Добавляйтесь к нам в друзья: Сайт видео-уроков: https://dwstroy.ru/video/ Канал в VK автора уроков: https://vk.com/dwstv Канал группы в VK: https://dwstroy.ru/~MJM28 Мы очень рады если видео "#Кнопка на #CSS3" было Вам полезно, хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по CSS, так и другим #WEB разработкам.
Настройка SEO полей 1С Битрикс. Оптимизиция сайта под СЕО
 
13:02
Видеокурс по 1С-Битрикс - https://dwstroy.ru/disc01/ #2 часть: #Настройка #SEO #свойств - https://youtu.be/a_xEDOyPHYc В данном уроке разберем #SEO настройки полей #битрикс и принципы работы данного функционала который появился с 14 версии битрикс и во многом упростила возможность SEO оптимизации сайта. Одним из ключевых моментов этой настройки является возможность делать автоматизированные шаблоны, в которых задавать шаблоны мета-тегов: #H1, #title, #description, ключевые слова и ключевые слова у картинок такие как title, название самой картинки alt. Если вы имеете сайт, в котором присутствует каталог товаров и в нем SEO поля не заполнены, тогда с помощью данного функционала сможете легко настроить SEO поля за 15 минут. Вам не придется при необходимости редактировать каждый товар индивидуально. Смотрите, учитесь, развивайтесь. Операторы SEO полей битрикс: (=lower arg1 ... argN) - приведение к нижнему регистру; (=upper arg1 ... argN - приведение к верхнему регистру; (=concat arg1 ... argN ", ") - сцепление строк через разделитель; (=limit arg1 ... argN) "delimiter" NN - ограничение NN элементов по разделителю; (=translit arg1 ... argN) - транслитерация выбранных аргументов; (=min arg1 ... argN) - выборка минимального числового значения; (=max arg1 ... argN) - выборка максимального числового значения; (=distinct arg1 ... argN) - уникальные "без дублей" значения. Ссылки с урока: ФОРМЫ редактирования 1С БИТРИКС - https://www.youtube.com/watch?v=0fypmlVVDhQ Настройка ПРАВ ДОСТУПА 1С Битрикс - https://www.youtube.com/watch?v=64FYG2N5yfA Во время урока я использую: Платформу с CMS 1С-Битрикс редакция "Бизнес"; Музыка в ролике: Elektronomia - Sky High [NCS Release] https://www.youtube.com/watch?v=TW9d8vYrVFQ https://soundcloud.com/search?q=Elektronomia%20-%20Sky%20High%20%5BNCS%20Release%5D https://vk.com/search?c%5Bq%5D=Sky%20High%20%5BNCS%20Release%5D&c%5Bsection%5D=auto Смотрите в прайс листах: Элементы управления CMS 1С #Битрикс - https://www.youtube.com/playlist?list=PL8pp2EAvIK-JyvOtAVyea1ohbV1XJyTkX 1C Битрикс как с ним работать - https://www.youtube.com/playlist?list=PL8pp2EAvIK-I0xR27pENyHigGzoJEDIO- Разный сборник уроков по битрикс - https://www.youtube.com/playlist?list=PL8pp2EAvIK-L95LYyIL0H6gYGFfaR3AJ- Модули на битрикс- https://www.youtube.com/playlist?list=PL8pp2EAvIK-Kn4wOkVNGQJVOzhJhy4aa6 Азбука от А до CSS - https://www.youtube.com/playlist?list=PL8pp2EAvIK-LQgy4sgJE6zxabsIyYQAWi Наш сайт видеоуроков: https://dwstroy.ru/video/ Новости в мире web разработок: https://vk.com/dwstroy Канал в facebook: https://www.facebook.com/DWstroy-1415456785391372/ Ключевые слова - #SEO поля #Битрикс #инфоблок #поля #настройка CEO #управление Мы очень рады если видео урок был по настройке SEO полей был Вам полезен, хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать видео-уроки по 1С битрикс.
Красивое меню за 7 минут / CSS + HTML
 
07:11
Исходники и описание урока - http://bit.ly/2Avdew7 В данном выпуске разберем красивое горизонтальное #Меню в чистом #CSS . В уроке задействуем режим наложения слоев при помощи mix-blend-mode: multiply; будем использовать псевдоклассы, и познакомимся с display:flex;. Весь код будем писать в чистом #CSS3, сделаем в #HTML простую структуру при помощи списков LI и оформим его стилями. Обсуждение видео: https://youtu.be/lexMtdLNrxk Подписка на канал - https://dwstroy.ru/~dwstv Видео сборник- https://dwstroy.ru/~S126H *Видео метки*: [00:30] - Описываем каркас меню в index.php [01:52] - Отбираем и проставляем иконки [02:51] - Описываем стили меню в CSS3 [04:53] - Анимация при наведении *Другие видео на канале DWSTV*: Сайт с нуля - https://dwstroy.ru/~7KNnM Уроки по #CSS - https://dwstroy.ru/~paoBU 1С Битрикс работа с сайтом - https://dwstroy.ru/~dEG4q Управление системой Битрикс - https://dwstroy.ru/~Zdt4K Настройки сайта 1С Битрикс - https://dwstroy.ru/~t0UVZ Во время урока я использую: Документацию по #CSS3 Редактор PhpStorm Ссылки из урока: Архив с урока - https://dwstroy.ru/~Exj7e Шрифтовые иконки - http://fontawesome.io Меню (готовый код) - https://dwstroy.ru/~r2mIE Использую музыку: Codeko - Crest [NCS Release] https://www.youtube.com/user/NoCopyrightSounds http://soundcloud.com/nocopyrightsounds Добавляйтесь к нам в друзья: Сайт видео-уроков: https://dwstroy.ru/video/ Канал в VK автора уроков: https://vk.com/dwstv Канал группы в VK: https://dwstroy.ru/~MJM28 Мы очень рады если видео по CSS было Вам полезно, хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по CSS, так и другим WEB разработкам.
CSS Анимация - ПРЫГАЮЩИЙ МЯЧ | урок по CSS и CSS3, анимация
 
06:16
Для анимации используют в большей степени JavaScript, но сейчас, в современных браузерах, мы можем анимировать элементы с помощью CSS. CSS позволяет описать в правиле @keyframes промежуточные шаги последовательности исполнения анимации ключевых кадров, которые достигаются в определенные моменты времени при ее исполнения. С помощью свойства animation указываем анимированные кадры и время их выполнения. В этом видео разберем анимацию, которая подойдет для CSS, в ней укажем серии @keyframes и, как эти кадры в сочетании с animation настройками, можно оживить элемент на нашей страничке. Из видео вы узнаете: 1 - Что такое Анимация в CSS; 2 - Как указать серию кадров для анимации; 3 - Рассмотрим практический пример: Прыгающий мяч/ Схожие запросы по видео: 1. css анимация 2. анимация блока css 3. css анимация примеры 4. анимация картинки css 5. плавная анимация css 6. анимация css html 7. анимация элементов css 8. анимация css скачать 9. эффекты анимации css 10. анимация с помощью css 11. анимация css движение 12. красивая анимация css 13. css создание анимации 14. работает css анимация 15. css анимация онлайн 16. css анимация бесконечная 17. анимация css Описание кода - http://dwstroy.ru/video/azbuka-ot-a-do-css/css-animatsiya-prygayushchego-myacha-video-uroki-po-css/ ========================== Мы открываем новую рубрику сери уроков «Азбука от А до CSS», в которой начинаем разбирать интересные элементы свойств в CSS. Видео создано для разработчиков интернет-сайтов, командой ДАЛЬВЕБСТРОЙ, в помощь начинающим программистам. Наш сайт - http://dwstroy.ru Группа в контакте - https://vk.com/dwstroy Группа в facebook - https://www.facebook.com/DWstroy-1415456785391372/
Аккордеон СЛАЙДЕР на CSS / HTML за 8 минут | display flex, transition, overflow
 
08:27
Код аккордеона: http://bit.ly/2oVC6KR Красивый #аккордеон #слайдер на чистом #CSS #CSS3 за 8 минут. Картинки раскрываются при наведении, сам блок имеет эластичный вид что в свою очередь легко внедряется на любую страницу #сайта и довольно эффектно смотрится. Задействуем в CSS: • #display #flex; • используем #transition; • и скроем картинки за пределами блока при помощи #overflow #hidden; Как это делается смотрите в видео уроке... Обсуждение видео: https://youtu.be/6mA4HUL3qGU Подписка на канал: https://dwstroy.ru/~dwstv Видео сборник: https://dwstroy.ru/~S126H *Видео метки*: [01:02] - Делаем разметку в #html [02:22] - Описываем стили в #CSS3 [05:43] - Анимация при помощи #transition *Другие видео на канале DWSTV*: Сайт с нуля - https://dwstroy.ru/~7KNnM Уроки по #CSS - https://dwstroy.ru/~paoBU 1С Битрикс работа с сайтом - https://dwstroy.ru/~dEG4q Управление системой Битрикс - https://dwstroy.ru/~Zdt4K Настройки сайта 1С Битрикс - https://dwstroy.ru/~t0UVZ Во время урока я использую: Документацию по #CSS3 Редактор #PhpStorm Ссылки из урока: Архив с урока - https://dwstroy.ru/~IZR93 Использую музыку: Maestro Chives feat. Royal Blue - Sleeping Pill https://www.youtube.com/watch?v=FRfAk6Q6jPI https://itunes.apple.com/album/id1194449844?ls=1&app=itunes Добавляйтесь к нам в друзья: Сайт видео-уроков: https://dwstroy.ru/video/ Канал в VK автора уроков: https://vk.com/dwstv Канал группы в VK: https://dwstroy.ru/~MJM28 Мы очень рады если видео по #CSS3 #aслайдеру было Вам полезно, хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по CSS, так и другим #WEB разработкам.
Эффекты наведения с надписью на CSS / Image Hover Effects CSS3
 
07:37
В данном видео уроке при помощи #CSS реализуем простой #эффект при #наведении на #картинку. Скачать шаблон - http://bit.ly/2fHOyrE Исходный код и демка - http://bit.ly/2hnKccX Для реализации такого эффекта мы задействуем в css #transform со свойствами #translate, #rotate, #scale. Для плавности появления используем #transition, и обводку сделаем на #псевдоэлементах #before и #after. Реквизиты для поддержки канала WMR - R165181087249 WMZ - Z138569415925 Яндекс - 410011610186118 Сбербанк - 4276-3000-2291-1211 Обсуждение видео: https://youtu.be/ckEDhs1rZfo Текстовое описание урока - http://bit.ly/2hnKccX Подписка на канал: https://dwstroy.ru/~dwstv Видео сборник: https://dwstroy.ru/~S126H *Видео метки*: [00:51] - Описываем каркас блоков [01:34] - Задаем стили блоку с картинкой [01:53] - Позиционируем картинку по середине [02:16] - Трансформируем при наведении [02:56] - Оформляем текст [04:34] - Добавляем псевдоэлементы [05:45] - Анимируем их [06:22] - Скрываем основной текст *Другие видео на канале DWSTV*: JavaScript Основы - http://bit.ly/2udeTq3 Сайт с нуля - https://dwstroy.ru/~7KNnM Уроки по #CSS - https://dwstroy.ru/~paoBU 1С Битрикс работа с сайтом - https://dwstroy.ru/~dEG4q Управление системой Битрикс - https://dwstroy.ru/~Zdt4K Настройки сайта 1С Битрикс - https://dwstroy.ru/~t0UVZ Во время урока я использую: Документацию по #CSS3 Редактор #PhpStorm Добавляйтесь к нам в друзья: Сайт видео-уроков: https://dwstroy.ru/video/ Канал в VK автора уроков: https://vk.com/dwstv Канал группы в VK: https://dwstroy.ru/~MJM28 Мы очень рады если видео "#Эффекты #наведения с #надписью на #CSS" было Вам полезно, хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по CSS, так и другим #WEB разработкам.
JavaScript - #5 ИНСТРУКЦИИ - ФУНКЦИИ / Практические уроки по JavaScript
 
05:03
Приступаем к изучению #грамматике языка #JavaScript. Данный урок вводный и в нем разберем такие понятия как #Инструкции и #Функции языка #JS. Рассмотрим общий #алгоритм #написание #кода, а также покажу, как не стоит кодировать. Дам общее понятие #встроенных #функций и как функции отличаются от общего кода. Более подробно смотрите в уроке «JavaScript - #5 ИНСТРУКЦИИ - ФУНКЦИИ» Часть #1: Введение в JS - https://youtu.be/o8oyT0WJfHE Часть #2: Виды подключений JS - https://youtu.be/Ww189vHSzP4 Часть #3: document.write - https://youtu.be/YkUBHGEVk7s Часть #4: Отлов ошибок - https://youtu.be/yVepG-wOQ0U Часть #6: Типы данных - https://youtu.be/_k39W_M5Xu8 Часть #7: ПЕРЕМЕННЫЕ и работа с ними - https://youtu.be/VuDbnKpoCyU Часть #8: Математические операции - https://youtu.be/fAlSvFntNxw Обсуждение видео: https://youtu.be/GucI-Q6fdoE Подписка на канал: http://bit.ly/2oR3EfT Видео сборник: https://dwstroy.ru/~S126H FAQ - Ответы на Ваши вопросы: http://bit.ly/2rHZvR1 *Видео метки*: [01:38] - Инструкции языка JavaScript [03:27] - Встроенные функции JS *Другие видео на канале DWSTV*: JavaScript Уроки с нуля - http://bit.ly/2udeTq3 Сайт с нуля - https://dwstroy.ru/~7KNnM Уроки по #CSS - https://dwstroy.ru/~paoBU 1С Битрикс работа с сайтом - https://dwstroy.ru/~dEG4q Управление системой Битрикс - https://dwstroy.ru/~Zdt4K Настройки сайта 1С Битрикс - https://dwstroy.ru/~t0UVZ Добавляйтесь к нам в друзья: Сайт видео-уроков: https://dwstroy.ru/video/ Страничка в VK автора уроков: https://vk.com/dwstv Канал группы в VK: https://dwstroy.ru/~MJM28 Мы очень рады если видео по "#JavaScript - #5 ИНСТРУКЦИИ - ФУНКЦИИ" Вам было полезно, хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по #JS, так и другим #WEB разработкам.
Как сделать социальную панель (фиксированный блок) с HTML и CSS3
 
07:18
Архив с урока - http://bit.ly/2ouOjX2 В видео покажу как сделать красивую социальную панель на #HTML и #CSS3 . При наведении кнопки будут плавно выезжать с выпадающим списком. В качестве иконок подключим шрифты и оформляем их под свои стили. Скачать и посмотреть код - http://bit.ly/2ouOjX2 Подписка на канал - https://dwstroy.ru/~dwstv Обсуждение видео: https://youtu.be/ppuq-uuyA0A #Видео сборник- https://dwstroy.ru/~S126H *Видео метки*: [00:36] - Описываем каркас HTML и подключаем иконки [02:46] - Описываем иконки в index.html [03:57] - Описываем оформление в CSS3 *Другие видео на канале DWSTV*: Сайт с нуля - https://dwstroy.ru/~7KNnM Уроки по #CSS - https://dwstroy.ru/~paoBU 1С Битрикс работа с сайтом - https://dwstroy.ru/~dEG4q Управление системой Битрикс - https://dwstroy.ru/~Zdt4K Настройки сайта 1С Битрикс - https://dwstroy.ru/~t0UVZ Во время урока я использую: Документацию по #CSS3 Редактор PhpStorm Ссылки из урока: Урок "Формы в CSS" - https://youtu.be/INb7QmuKmTc Шрифтовые иконки - http://fontawesome.io Использую музыку: Tobu - Life [NCS Release] Uplink & Jason Gewalt - Euphoria [NCS Release] https://www.youtube.com/user/NoCopyrightSounds http://soundcloud.com/nocopyrightsounds Добавляйтесь к нам в друзья: Сайт видео-уроков: https://dwstroy.ru/video/ Канал в VK автора уроков: https://vk.com/dwstv Канал группы в VK: https://dwstroy.ru/~MJM28 Мы очень рады если видео по CSS было Вам полезно, хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки по #1С битрикс.
CSS Анимация за 6 минут. Animation при наведении в CSS3/HTML
 
06:02
Исходный код Анимации - http://bit.ly/2on1XXz Красивая #анимация блока с #картинкой сделанная на чистом #CSS. Без труда сможете внедрить такой эффект на любой #сайт. При наведении на блок мы скроем картинку и покажем на переднем плате текст. Структура каркаса сделана на блоках div в #HTML, в принципе в простой и понятной форме.Вся #animation написана буквально в пару строк в #CSS3. Задействуем в CSS: • #псевдоклассы #:before и #:after • используем пересечение цветов при помощи mix-blend-mode: darken; • элементы анимируем при помощи #transform и #transition Обсуждение видео: https://youtu.be/9ptcEEyE3aY Подписка на канал: https://dwstroy.ru/~dwstv Видео сборник: https://dwstroy.ru/~S126H *Видео метки*: [00:30] - Делаем основной каркас блока в index.php [01:30] - Описываем стили в #CSS3 [02:49] - Псевдоклассы #:before и #:after [03:58] - Анимирование при помощи transform и transition *Другие видео на канале DWSTV*: Сайт с нуля - https://dwstroy.ru/~7KNnM Уроки по #CSS - https://dwstroy.ru/~paoBU 1С Битрикс работа с сайтом - https://dwstroy.ru/~dEG4q Управление системой Битрикс - https://dwstroy.ru/~Zdt4K Настройки сайта 1С Битрикс - https://dwstroy.ru/~t0UVZ Во время урока я использую: Документацию по #CSS3 Редактор #PhpStorm Ссылки из урока: Архив с урока - https://dwstroy.ru/~oDHzr CSS анимация (исходный код) - https://dwstroy.ru/~7CUbG Использую музыку: Aero Chord - Time Leap [NCS Release] https://www.youtube.com/user/NoCopyrightSounds http://soundcloud.com/nocopyrightsounds Добавляйтесь к нам в друзья: Сайт видео-уроков: https://dwstroy.ru/video/ Канал в VK автора уроков: https://vk.com/dwstv Канал группы в VK: https://dwstroy.ru/~MJM28 Мы очень рады если видео по #CSS3 #animation было Вам полезно, хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по CSS, так и другим #WEB разработкам.
JavaScript - #7 ПЕРЕМЕННЫЕ и работа с ними / Грамматика языка JavaScript
 
08:50
Как хранить и выводить #числовые, #строковые и #логические #значения. На помощь к нам приходят #переменные в #языке #JavaScript, которые как контейнер позволяют сохранять значения для дальнейших операций. Список #зарезервированных #слов - http://bit.ly/2vPbBdj Из урока по #javaScript вы узнаете: - что такое переменные, как их объявлять; - как заносить в #переменную информацию и работать с ней; - как предостеречь #код #JS от #типичных #ошибок при работы с переменными; - разберем основные правила которые нужно соблюдать при #создании и #редактирование #переменных. По завершению #видео дано задание: Создайте три переменных, одной присвойте числовое значение, второй строковое значение, а третьей логическое. Все переменные задекларируйте одним ключевым словом #var, и отобразите их на странице в браузере. Затем переопределите переменную с числовым значением, и полученный результат отобразите при помощи функции #alert(). Предыдущие выпуски: Часть #1: Введение в JS - https://youtu.be/o8oyT0WJfHE Часть #2: Виды подключений JS - https://youtu.be/Ww189vHSzP4 Часть #3: document.write - https://youtu.be/YkUBHGEVk7s Часть #4: Отлов ошибок - https://youtu.be/yVepG-wOQ0U Часть #5: Инструкции и функции - https://youtu.be/GucI-Q6fdoE Часть #6: ТИПЫ ДАННЫХ введение - https://youtu.be/_k39W_M5Xu8 Часть #8: Математические операции - https://youtu.be/fAlSvFntNxw Обсуждение видео: https://youtu.be/VuDbnKpoCyU Подписка на канал: http://bit.ly/2oR3EfT Видео сборник: https://dwstroy.ru/~S126H FAQ - Ответы на Ваши вопросы: http://bit.ly/2rHZvR1 Голосование - https://vk.com/topic-70729755_35667650 *Видео метки*: [00:10] - Для чего нужны переменные [00:39] - Создание переменных [01:11] - Зарезервированные слова JS [01:47] - Название имен переменных [02:18] - Содержание имен переменных [02:46] - Переменные чувствительны к регистру [03:18] - Рекомендации по созданию переменных [04:18] - Использование переменных в javaScript [07:42] - Практическое задание по javaScript *Другие видео на канале DWSTV*: JavaScript Основы - http://bit.ly/2udeTq3 Сайт с нуля - https://dwstroy.ru/~7KNnM Уроки по #CSS - https://dwstroy.ru/~paoBU 1С Битрикс работа с сайтом - https://dwstroy.ru/~dEG4q Управление системой Битрикс - https://dwstroy.ru/~Zdt4K Настройки сайта 1С Битрикс - https://dwstroy.ru/~t0UVZ Добавляйтесь к нам в друзья: Сайт видео-уроков: https://dwstroy.ru/video/ Страничка в VK автора уроков: https://vk.com/dwstv Канал группы в VK: https://dwstroy.ru/~MJM28 Мы очень рады если видео по "#JavaScript - #7 ПЕРЕМЕННЫЕ и работа с ними" Вам понравилось, хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и #видео-уроки как по #JS, так и другим #WEB разработкам.
JavaScript - #10 МАССИВЫ = [ ] / Понятие и назначение их в JS
 
15:05
Весть код с урока тут - http://bit.ly/2xHWTSU #Массив в #языке #JavaScript, довольно интересная тема в которой стоит разобраться. Можно сказать это фундамент без которого сложно представить #программирование на #js. Если вы до сих пор не понимаете что такое массивы, для чего они нужны в программировании, как с ними работать, значит это #видео #урок по #массивам в #js для вас. Реквизиты для поддержки канала: WMR - R165181087249 WMZ - Z138569415925 PayPal - paypal.me/dwstv Яндекс - 410011610186118 Сбербанк - 4276-3000-2291-1211 Сборник уроков по JavaScript - http://bit.ly/2eWcKcq В принципе все что ван нужно усвоить из данного урока, то что массивы это упорядоченный набор #элементов, каждый из которых имеет свой порядковый #номер, который называется #индексом. В следующих уроках продолжим тему по Массивам, будем разбирать #методы и #свойства работы с ними. Из урока по #Массивам JS вы узнаете: - что такое массивы; - для какой цели используют их в программировании; - из чего #состоят# массивы; - как #создавать #массив; - как #обращаться к #массиву; - как #записывать в ячейки массива новую информацию. По завершению #видео дано задание: Создайте два массива. В первый положите название стран, во второй численность население этих стран. В разметке html создайте блок div. При помощи метода #getElementsByTagName и свойства #innerHTML с которым мы знакомились в предыдущем уроке, выведите на страницу название стран на напротив которых указанно население. То есть, вам нужно будет поработать с этими двумя массивами и вспомнить работу с #DOM элементами. Список представьте в таком виде: Россия – 142 мил. Австрия – 9 мил. Польша – 38 мил. Латвия – 2 мил. Чехия – 11 мил. Обсуждение видео: https://youtu.be/Jk2KSmXawag Подписка на канал: http://bit.ly/2oR3EfT Видео сборник: https://dwstroy.ru/~S126H FAQ - Ответы на Ваши вопросы: http://bit.ly/2rHZvR1 Голосование - https://vk.com/topic-70729755_35667650 *Видео метки*: [00:10] - Задача из предыдущего урока [02:37] - Массивы общее понятие [05:52] - Как создаются массивы [08:43] - Многоуровневый массив [11:50] - Как обращаться к массиву [14:00] - Практическая задача *Другие видео на канале DWSTV*: JavaScript Основы - http://bit.ly/2udeTq3 Сайт с нуля - https://dwstroy.ru/~7KNnM Уроки по #CSS - https://dwstroy.ru/~paoBU 1С Битрикс работа с сайтом - https://dwstroy.ru/~dEG4q Управление системой Битрикс - https://dwstroy.ru/~Zdt4K Настройки сайта 1С Битрикс - https://dwstroy.ru/~t0UVZ Во время урока я использую: Документацию по #CSS3, HTML5, JavaScript Редактор #PhpStorm Добавляйтесь к нам в друзья: Сайт видео-уроков: https://dwstroy.ru/video/ Канал в VK автора уроков: https://vk.com/dwstv Мы очень рады если видео по "JavaScript - #10 МАССИВЫ = [ ] / Понятие и назначение их в JS" вам понравилось, хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и #видео-уроки как по #JS, так и другим #WEB разработкам.
Animation css / Импульсный эффект при помощи Transform Scale
 
14:00
В данном уроке покажу как сделать импульсный, анимированный эффект #кнопку на #CSS с использованием #Transform #Scale. Скачать шаблон - http://bit.ly/2wxauA9 Скачать исходный код - http://bit.ly/2wGuBah Для импульсной #анимации в уроке задействуем #псевдоэлементы #before и #after , воспользуемся #transition для ее плавности проигрывания, поработаем с ключевыми кадрами #@keyframes и а также подключим векторную иконку с сайта fontawesome.io и отобразим ее на странице. Обсуждение видео: https://youtu.be/e_N8QXHweQk Более подробное описание тут - http://bit.ly/2wGuBah Подписка на канал: https://dwstroy.ru/~dwstv Видео сборник: https://dwstroy.ru/~S126H *Видео метки*: [00:47] - Описываем каркас анимированной кнопки [01:32] - Подыскиваем иконку Font Awesome [02:22] - Описываем стили в CSS [05:10] - Анимируем кнопку в CSS [07:19] - Создаем пульсацию [11:21] - Группируем код [12:54] - Дорабатываем анимацию *Другие видео на канале DWSTV*: JavaScript Основы - http://bit.ly/2udeTq3 Сайт с нуля - https://dwstroy.ru/~7KNnM Уроки по #CSS - https://dwstroy.ru/~paoBU 1С Битрикс работа с сайтом - https://dwstroy.ru/~dEG4q Управление системой Битрикс - https://dwstroy.ru/~Zdt4K Настройки сайта 1С Битрикс - https://dwstroy.ru/~t0UVZ Во время урока я использую: Документацию по #CSS3 Редактор #PhpStorm Добавляйтесь к нам в друзья: Сайт видео-уроков: https://dwstroy.ru/video/ Канал в VK автора уроков: https://vk.com/dwstv Канал группы в VK: https://dwstroy.ru/~MJM28 Мы очень рады если видео "#Animation #css" было Вам полезно, хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по CSS, так и другим #WEB разработкам.
ЭКСПОРТ товаров в EXCEL (1С БИТРИКС). Урок 4.8 - основы по управлению сайтом
 
04:48
Импорт в Excel позволяет работать с содержимым таблицы за пределами сайта. В данном видео, пойдет речь, как просто можно выгрузить содержимое таблиц битрикс в формат Excel через административную часть сайта на 1С Битрикс. Из видео Вы узнаете: • Как настроить таблицу под экспорт • Как настроить колонки под выгрузку • Как экспортировать элементы из таблицы в Excel ========================== Немного о нашем канале, в целях повышения продуктивности у специалистов и быстрой обучаемости молодого персонала делимся опытом в сфере управления сайтом на 1С Битрикс. Видео разработано для начинающих контент менеджеров, а так же лиц желающие научится управлять CMS битрикс. Наш сайт - http://dwstroy.ru Группа в контакте - https://vk.com/dwstroy Группа в facebook - https://www.facebook.com/DWstroy-1415456785391372/
JavaScript - #4 Отлов ошибок / Практические уроки по JavaScript
 
10:59
Как только начинаешь #программировать на #JavaScript, наступает неприятный момент, когда #код написан, но по каким-то причинам он отказывается работать. При всем этом #браузер ведет себя нормально, не каких сообщений, что присутствуют #ошибки, не отображает. Как отследить в таком случае банальные #опечатки и #ошибки в #javascript? Часть #1: Введение в JS - https://youtu.be/o8oyT0WJfHE Часть #2: Виды подключений JS - https://youtu.be/Ww189vHSzP4 Часть #3: document.write - https://youtu.be/YkUBHGEVk7s Часть #5: Инструкции и Функции - https://youtu.be/GucI-Q6fdoE Часть #6: Типы данных - https://youtu.be/_k39W_M5Xu8 Часть #7: Переменные - https://youtu.be/VuDbnKpoCyU Часть #8: Математические операции - https://youtu.be/fAlSvFntNxw В данном видео разберем, три метода при помощи которых можно отловить #синтаксические #ошибки #JavaScript. Более детально покажу, как пользоваться #консолью браузера и отслеживать в ней ошибки, покажу как при помощи #функции #alert(); можно проверить работоспособность файлов JavaScript и в некоторых местах отловить ошибки, так же поговорим о сторонних сервисов, которые помогают отловить ошибки в коде #JS. Ссылки с урока: JavaScript валидатор - http://bit.ly/2tiu7Fq Parser JS - http://bit.ly/2umQ23h Обсуждение видео: https://youtu.be/yVepG-wOQ0U Подписка на канал: http://bit.ly/2oR3EfT Видео сборник: https://dwstroy.ru/~S126H FAQ - Ответы на Ваши вопросы: http://bit.ly/2rHZvR1 *Видео метки*: [01:36] - Отлавливаем ошибки через консоль браузера [02:53] - Отслеживания ошибок в Ghrome [04:42] - Отлов ошибок при помощи Explorer [05:07] - Консоль Firefof проверка на ошибки [05:31] - Проверка при помощи функции alert(); [07:36] - Используем сторонние сервисы [07:50] - JavaScript валидатор [08:52] - Проверяем на ошибки при помощи parser JS *Другие видео на канале DWSTV*: JavaScript Уроки с нуля - http://bit.ly/2udeTq3 Сайт с нуля - https://dwstroy.ru/~7KNnM Уроки по #CSS - https://dwstroy.ru/~paoBU 1С Битрикс работа с сайтом - https://dwstroy.ru/~dEG4q Управление системой Битрикс - https://dwstroy.ru/~Zdt4K Настройки сайта 1С Битрикс - https://dwstroy.ru/~t0UVZ Добавляйтесь к нам в друзья: Сайт видео-уроков: https://dwstroy.ru/video/ Страничка в VK автора уроков: https://vk.com/dwstv Канал группы в VK: https://dwstroy.ru/~MJM28 Мы очень рады если видео по "#JavaScript - #4 Отлов ошибок" Вам было полезно, хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по #JS, так и другим #WEB разработкам.
Битрикс для начинающих: Живая Сессия. Урок 5 - Информация на сайте
 
03:08
Данное видео является вводной частью раздела «Информация на сайте» в разделе будем рассматривать вопросы, какие есть инструменты для работы с информацией, какие бывают типы информации и самое главное как с ней можно работать. Из видео Вы узнаете: • Какие есть инструменты для работы с информацией • Что такое «Живая сессия» • Как обезопасить себя от потери данных Схожие запросы по видео: 1. настройка битрикс 2. битрикс управление 3. 1с битрикс управление 4. битрикс сессии 5. битрикс время сессии 6. уроки битрикс 7. битрикс для начинающих 8. 1с битрикс видео 9. работа сайте 1с битрикс 10. битрикс обучение ========================== Немного о нашем канале, в целях повышения продуктивности у специалистов и быстрой обучаемости молодого персонала делимся опытом в сфере управления сайтом на 1С Битрикс. Видео разработано для начинающих контент менеджеров, а так же лиц желающие научится управлять CMS битрикс. Наш сайт - http://dwstroy.ru Группа в контакте - https://vk.com/dwstroy Группа в facebook - https://www.facebook.com/DWstroy-1415456785391372/
JavaScript - #1 Введение / Уроки для начинающих по JS
 
04:56
Мы запускаем серию уроков по #JavaScript, в них освоим фундаментальные концепции #программирования, и вы сможете применять их при написании сценариев на #JS. Часть #2: Виды подключений JS - https://youtu.be/Ww189vHSzP4 Часть #3: document.write - https://youtu.be/YkUBHGEVk7s Часть #4: Отлов ошибок - https://youtu.be/yVepG-wOQ0U Часть #5: Инструкции и Функции - https://youtu.be/GucI-Q6fdoE Часть #6: Типы данных - https://youtu.be/_k39W_M5Xu8 Часть #7: Переменные - https://youtu.be/VuDbnKpoCyU Часть #8: Математические операции - https://youtu.be/fAlSvFntNxw В видео уроках познакомитесь с новыми символами { }, [ ] , ; , , , (), !, узнаете обозначение новых слов (var, null, else if ), разберем правила пунктуации и синтаксис самого языка. Информация представлена в серии уроков, которые желательно проходить по очередности как они идут друг за другом. Чтобы овладеть языком #JavaScript, вы должны иметь базовые знания #HTML, так и #CSS. В данном видео разберем общее представление по JS, что такое JavaScript, для какой цели следует его изучать и какие результаты можно достичь при веб-разработках. Обсуждение видео: https://youtu.be/o8oyT0WJfHE Подписка на канал: http://bit.ly/2oR3EfT Видео сборник: https://dwstroy.ru/~S126H FAQ - Ответы на Ваши вопросы: http://bit.ly/2rHZvR1 *Видео метки*: [01:00] - Что такое #JavaScript [01:45] - JavaScript на примере Гари Поттера [02:30] - Возможности #JS [03:31] - Составляющие JavaScript [03:43] - #HTML язык разметки [03:55] - #CSS (каскадные таблицы стилей) [04:01] - JS оживляет страницы сайтов *Другие видео на канале DWSTV*: Сайт с нуля - https://dwstroy.ru/~7KNnM Уроки по #CSS - https://dwstroy.ru/~paoBU 1С Битрикс работа с сайтом - https://dwstroy.ru/~dEG4q Управление системой Битрикс - https://dwstroy.ru/~Zdt4K Настройки сайта 1С Битрикс - https://dwstroy.ru/~t0UVZ Добавляйтесь к нам в друзья: Сайт видео-уроков: https://dwstroy.ru/video/ Страничка в VK автора уроков: https://vk.com/dwstv Канал группы в VK: https://dwstroy.ru/~MJM28 Мы очень рады если видео по #JavaScript - #1 Введение было Вам полезно, хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по #CSS, так и другим #WEB разработкам.
Что лучше CSS Grid или Bootstrap? | Практика CSS3 / HTML5
 
29:03
Исходный код с урока - http://bit.ly/2mCoc08 Предыдущий урок (1 часть) - http://bit.ly/2AD3Arl Что лучше, использовать готовый Фреймворк Bootstrap или использовать CSS Grid? Этим вопросом задаются многие, но что бы на него ответить нужно разобрать каким образом #Bootstrap строит модульную web-сетку. В данном видео уроке разберемся что такое модульная #сетка в web-дизайне и рассмотрим верстку на bootstrap где сравним ее с CSS Grid. По завершению видео урока, можете проверить себя выполнив домашнее задание. Поддержи канала материально: WMR - R165181087249 WMZ - Z138569415925 PayPal - paypal.me/dwstv Яндекс - 410011610186118 Сбербанк - 4276-3000-2291-1211 Во время урока я использую: Псевдоэлемент nth-child, grid-template-areas, grid-template-columns, grid-template-rows, grid-gap и еще дополнительные стили. Документацию по CSS3, HTML5, Фреймворку Bootstrap, CSS Grid, Flexbox Редактор PhpStorm *Видео метки*: [00:10] - Что такое модульная сетка [02:00] - Рисуем модульную сетку [02:36] - Bootstrap верстка блоков [05:18] - Bootstrap 12 кол. сетка [10:06] - Проблемы при верстке на Bootstrap [14:58] - CSS Grid верстка блоков [19:31] - Разметка сетки на Grid [23:50] - Адаптируем на Grid [28:07] - Задание для практики Обсуждение видео: https://youtu.be/3yaQqlB_EBQ Скачать архив с урока - https://goo.gl/FXWDi4 Шпаргалка по EMMET - http://bit.ly/2zwDk1p Подписка на канал: https://dwstroy.ru/~dwstv Видео сборник: https://dwstroy.ru/~S126H Документация Bootstrap - https://goo.gl/N7bgr6 *Другие видео на канале DWSTV*: JavaScript Основы - http://bit.ly/2udeTq3 Сайт с нуля - https://dwstroy.ru/~7KNnM Уроки по CSS - https://dwstroy.ru/~paoBU 1С Битрикс работа с сайтом - https://dwstroy.ru/~dEG4q Управление системой Битрикс - https://dwstroy.ru/~Zdt4K Настройки сайта 1С Битрикс - https://dwstroy.ru/~t0UVZ Добавляйтесь к нам в друзья: Сайт видео-уроков: http://dwsttv.ru/ Канал в VK автора уроков: https://vk.com/dwstv Канал группы в VK: https://dwstroy.ru/~MJM28 Мы очень рады если видео "Что лучше CSS Grid или Bootstrap" Вам понравилось, хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по #CSS, так и другим #WEB разработкам.
JavaScript - #6 ТИПЫ ДАННЫХ введение / Основы по JavaScript
 
08:10
Приступаем к более серьезной теме по #JavaScript #Типы #Данных. В видео уроке проведем сравнение #JS с реальным миром, освежим предыдущую информацию и рассмотрим новые примеры. Голосование в VK - https://vk.com/topic-70729755_35667650 Более подробно поговорим о таких тапах данных как, #number (#число), #string (#строка), #Boolean (#логический или #булев #тип), разберем что такое логический (булев) который принимает всего два параметра #истину или #ложь. Рассмотрим как правильно использовать кавычки в строковом типе данных. Обо всем этом смотрите подробнее в данном #видео #уроке по #основам #javascript. Часть #1: Введение в JS - https://youtu.be/o8oyT0WJfHE Часть #2: Виды подключений JS - https://youtu.be/Ww189vHSzP4 Часть #3: document.write - https://youtu.be/YkUBHGEVk7s Часть #4: Отлов ошибок - https://youtu.be/yVepG-wOQ0U Часть #5: Инструкции и функции - https://youtu.be/GucI-Q6fdoE Часть #7 ПЕРЕМЕННЫЕ и работа с ними - https://youtu.be/VuDbnKpoCyU Часть #8: Математические операции - https://youtu.be/fAlSvFntNxw Обсуждение видео: https://youtu.be/_k39W_M5Xu8 Подписка на канал: http://bit.ly/2oR3EfT Видео сборник: https://dwstroy.ru/~S126H FAQ - Ответы на Ваши вопросы: http://bit.ly/2rHZvR1 Голосование - https://vk.com/topic-70729755_35667650 *Видео метки*: [00:47] - Что такое типы данных [01:32] - number (числовой тип) [03:07] - string (строковый тип) [05:49] - boolean (логический тип) *Другие видео на канале DWSTV*: JavaScript Основы - http://bit.ly/2udeTq3 Сайт с нуля - https://dwstroy.ru/~7KNnM Уроки по #CSS - https://dwstroy.ru/~paoBU 1С Битрикс работа с сайтом - https://dwstroy.ru/~dEG4q Управление системой Битрикс - https://dwstroy.ru/~Zdt4K Настройки сайта 1С Битрикс - https://dwstroy.ru/~t0UVZ Добавляйтесь к нам в друзья: Сайт видео-уроков: https://dwstroy.ru/video/ Страничка в VK автора уроков: https://vk.com/dwstv Канал группы в VK: https://dwstroy.ru/~MJM28 Мы очень рады если видео по "#JavaScript - #6 ТИПЫ ДАННЫХ введение" Вам понравилось, хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и #видео-уроки как по #JS, так и другим #WEB разработкам.
JavaScript - #3 document.write / Практика на JavaScript
 
08:08
В практическом уроке по javascript, разберем что такое объекты, свойства и методы, какой самый главный объект в #JS и как им пользоваться. Часть #1: Введение в JS - https://youtu.be/o8oyT0WJfHE Часть #2: Виды подключений JS - https://youtu.be/Ww189vHSzP4 Часть #4: Отлов ошибок - https://youtu.be/yVepG-wOQ0U Часть #5: Инструкции и Функции - https://youtu.be/GucI-Q6fdoE Часть #6: Типы данных - https://youtu.be/_k39W_M5Xu8 Часть #7: Переменные - https://youtu.be/VuDbnKpoCyU Часть #8: Математические операции - https://youtu.be/fAlSvFntNxw В #JavaScript самый главный объект называется #document, в нем содержатся все объекты, элементы веб-страницы отображаемые на экране. У этого объекта есть свои свойства и методы при помощи, которых мы можем воздействовать на данный объект. Первый метод с которым познакомимся #write. При помощи данного метода мы можем записывать на страницу новую веб-информацию. Если мы хотим вывести текстовое содержание на странице, нам необходимо открыть в скобках кавычки двойные, либо одинарные и в нутрии их пропишем произвольный текст. #document.write() – это команда #JS, которая буквально отображает то, что вы помещаете между открывающей и закрывающей скобками. И тут вы должны усвоить, что символы помещаете между кавычками, #интерпретатор JS будет выводить как обычный текст. Также при помощи данного метода document.write() мы можем отображать и #HTML код. В следующем видео поговорим как отлавливать ошибки при написания кода в #JS. Обсуждение видео: https://youtu.be/YkUBHGEVk7s Подписка на канал: http://bit.ly/2oR3EfT Видео сборник: https://dwstroy.ru/~S126H FAQ - Ответы на Ваши вопросы: http://bit.ly/2rHZvR1 *Видео метки*: [01:02] - Функция #alert() [02:38] - Объекты, методы, свойства в javaScript [03:00] - #Объект #document [03:32] - #Метод #write [03:46] - Как прописать кавычки [05:28] - Как вывести вторые кавычки [06:38] - Экранирование кавычек *Другие видео на канале DWSTV*: Сайт с нуля - https://dwstroy.ru/~7KNnM Уроки по #CSS - https://dwstroy.ru/~paoBU 1С Битрикс работа с сайтом - https://dwstroy.ru/~dEG4q Управление системой Битрикс - https://dwstroy.ru/~Zdt4K Настройки сайта 1С Битрикс - https://dwstroy.ru/~t0UVZ Добавляйтесь к нам в друзья: Сайт видео-уроков: https://dwstroy.ru/video/ Страничка в VK автора уроков: https://vk.com/dwstv Канал группы в VK: https://dwstroy.ru/~MJM28 Мы очень рады если видео по "#JavaScript - #3 document.write" Вам было полезно, хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по #CSS, так и другим #WEB разработкам.
Страница битрикс: СТРУКТУРА САЙТА. Урок 5.2 - Информация на сайте
 
05:42
В данном видео поговорим о шаблоне, а в частности «Структуре страниц сайта» на 1С Битрикс. Где на ней размещается информация, и как формируется сам шаблон. Из видео Вы узнаете: • Что такое (header, work area, footer) • Что остается не изменчивым от шаблона к шаблону • Какая информация редактируется через визуальный редактор Структура страничку – каждая страница сайта на 1С Битрикс формируется динамически путем подключения трех составляющих (header, work area, footer). 1. страница в битрикс 2. битрикс главная страница 3. битрикс шаблон страницы 4. битрикс заголовок страницы 5. создание страницы битрикс 6. добавить страницу в битрикс 7. новости страницу битрикс 8. битрикс свойства страницы 9. текущая страница битрикс 10. редактирование страниц битриксе 11. как создать страницу в битрикс 12. удалить страницу битриксе 13. битрикс редактируемые страницы 14. битрикс страница найдена 15. битрикс title страницы 16. битрикс пустая страница 17. теги страницы битрикс 18. битрикс название страницы 19. адрес текущей страницы битрикс 20. создание страницы 1с битрикс 21 битрикс детальная страница новости ========================== Немного о нашем канале, купив сайт на готовом движке 1С Битрикс, многие установив его не знают как им управлять и что дальше делать, в целях демонстрации что Ваши вложения были не напрасны мы снимаем эти видео-уроки. Смотрите, учитесь, развивайтесь в месте с нами. Видео разработано для начинающих контент менеджеров, а так же лиц, желающие научится управлять CMS битрикс. Наш сайт - http://dwstroy.ru Группа в контакте - https://vk.com/dwstroy Группа в facebook - https://www.facebook.com/DWstroy-1415456785391372/
JavaScript - #12 МАССИВЫ (дополнительные методы объекта)
 
12:55
Шпаргалка по Массиву - http://bit.ly/2i2BFgi Продолжаем разбирать дополнительные #методы работы с #массивом в языка #JavaScript. В уроке подробно разберем каждый из методов, код с урока весь представлен на сайте - http://bit.ly/2khs71t Методы с которыми познакомимся, это #toString, #join, #sort, #concat, #slice. Реквизиты для поддержки канала: WMR - R165181087249 WMZ - Z138569415925 PayPal - https://paypal.me/dwstv Яндекс - https://money.yandex.ru/to/410011610186118 Сбербанк - 4276-3000-2291-1211 В следующем уроке разберем ассоциативный массив, что он из себя представляет, какой у него строится синтаксис, и как с ним работать, все об этом узнаете там. По завершению видео дано задание: Сделайте простой ежедневник. Создайте форму, которая принимает следующие данные от пользователя, день недели в виде списка и текстовое поле. В низу расположены две кнопки, по нажатию на кнопку «отправить», день недели и текстовое сообщение заносится в массив, по нажатию на кнопку «распечатать», нужно вывести все занесенные сообщения из массива на странице под формой снизу. Во время урока я использую: Документацию по JavaScript Редактор #PhpStorm *Видео метки*: [00:20] - Разбор комментариев [02:21] - Метод toString() [03:15] - Метод join() [04:36] - Метод reverse() [05:08] - Метод sort() [07:01] - Метод concat() [10:03] - Метод slice() [11:28] - Задача. Ежедневник Обсуждение видео: https://youtu.be/2ue048DXQCs Подписка на канал: http://bit.ly/2oR3EfT Видео сборник: https://dwstroy.ru/~S126H FAQ - Ответы на Ваши вопросы: http://bit.ly/2rHZvR1 Голосование - https://vk.com/topic-70729755_35667650 *Другие видео на канале DWSTV*: JavaScript Основы - http://bit.ly/2udeTq3 Сайт с нуля - https://dwstroy.ru/~7KNnM Уроки по #CSS - https://dwstroy.ru/~paoBU 1С Битрикс работа с сайтом - https://dwstroy.ru/~dEG4q Управление системой Битрикс - https://dwstroy.ru/~Zdt4K Настройки сайта 1С Битрикс - https://dwstroy.ru/~t0UVZ Добавляйтесь к нам в друзья: Сайт видео-уроков: https://dwstroy.ru/video/ Канал в VK автора уроков: https://vk.com/dwstv
CSS Анимация картинки при наведении / работаем с  :before и :after
 
18:12
Исходный код - http://bit.ly/2oR536q В данном видео поделюсь как можно красиво #анимировать #изображение при помощи #transform и #transition, а также задействуем #псевдоэлементы #:before и #:after. В се это реализуется на чистом #CSS #HTML. Картинку расположим по центру экрана, при наведении увеличим ее с небольшим поворотом и эффектом размытия, а при помощи псевдоэлементов #before, #after, задаем затемнения с анимацией появления текста. Заголовок появляется с заднего фона, а параграф с переднего. Зададим кнопке блик, и в конечном итоге получится красивая анимация. Все это реализуем на чистом #CSS3, и в уроке задействуем: • Псевдоэлементы :before и :after • Расположим элементы при помощи #position • А для анимации воспользуемся transform и transition Обсуждение видео: https://youtu.be/ofcqdcLP5qM Подписка на канал: http://bit.ly/2oR3EfT Видео сборник: https://dwstroy.ru/~S126H *Видео метки*: [01:51] - html разметка [05:25] - Этапы описания стилей #CSS3 [07:54] - Псевдоэлементы #:before и #:after [12:44] - Анимирование при помощи transform и transition *Другие видео на канале DWSTV*: Сайт с нуля - https://dwstroy.ru/~7KNnM Уроки по #CSS - https://dwstroy.ru/~paoBU 1С Битрикс работа с сайтом - https://dwstroy.ru/~dEG4q Управление системой Битрикс - https://dwstroy.ru/~Zdt4K Настройки сайта 1С Битрикс - https://dwstroy.ru/~t0UVZ Во время урока я использую: Документацию по #CSS3 Редактор #PhpStorm Добавляйтесь к нам в друзья: Сайт видео-уроков: https://dwstroy.ru/video/ Канал в VK автора уроков: https://vk.com/dwstv Канал группы в VK: https://dwstroy.ru/~MJM28 Мы очень рады если видео по #CSS3 #animation было Вам полезно, хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по CSS, так и другим #WEB разработкам.
Разбор ПАНЕЛИ УПРАВЛЕНИЯ (1С-БИТРИКС). Урок 3 - Контент менеджер
 
07:02
Видеокурс по 1С-Битрикс - https://dwstroy.ru/disc01/ Зайдя в публичный раздел сайта 1С-Битрикса как администратор, мы видим панель управления данной системой. В данном видео подробно разбираем элементы панели управления в публичном разделе сайта на CMS 1С-Битриксе, содержание элементов рабочей области таких как кнопки меню и иконок с помощь которых проводится редактирование страницы. Показываем как зафиксировать панель управления на страничке браузера и разбираем какую функцию несут иконки в панели управления. ========================== Немного о нас, наша компания ООО "Дальвебстрой" является сертифицированными партнерами разрабатываем сайты на CMS 1С-Битриксе, берем сайты на сопровождение и продвижение. Наш сайт - http://dwstroy.ru Группа в контакте - https://vk.com/dwstroy Группа в facebook - https://www.facebook.com/DWstroy-1415456785391372/
Установка ЧПУ в каталоге (1С Битрикс). Урок 5.10 - Информация на сайте
 
08:47
Описание видео: В этом уроке вы научитесь настраивать URL разделов, рассмотрим настройку инфоблока каталога товара и с вложенными разделами. Довольно простые настройки помогут с легкостью адаптировать страницу под SEO запрос, вывести именно тот URL который необходим для страницы. Во время урока я использую: CMS 1С-Битрикс платформа "Бизнес"; Смотрите видео курс "1С Битрикс для начинающих": https://www.youtube.com/playlist?list=PL8pp2EAvIK-JyvOtAVyea1ohbV1XJyTkX Наш сайт видеоуроков: https://dwstroy.ru/video/ Новости в мире web разработок: https://vk.com/dwstroy Канал в facebook: https://www.facebook.com/DWstroy-1415456785391372/ Схожие запросы по видео уроку: 1. уроки по битрикс 2. битрикс обучение 3. настройка ЧПУ 4. установка URL 5. управление ЧПУ битрикс 6. не работает ЧПУ битрикс 7. настройка чпу компонента битрикс 8. bitrix настройка чпу ========================== Мы очень рады если видео урок был вам полезным, если хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать видео уроки по 1С битрикс.
Как создать раздел (1С Битрикс). Урок 5.6 - Информация на сайте
 
07:50
Описание видео: В этом видео уроке по 1С Битрикс пойдет речь о разделах, а в частности вы узнаете: - какие есть способы создания раздела; - как при создании раздела добавить ссылку в пункт меню; - особенности при добавлении раздела. Создавая разделы в битрикс мы формируем структуру сайта примерно так же как работаем с папками и файлами у себя за компьютером. В видео разберем методы создания разделов в CMS Битрикс: - Создадим раздел при помощи мастера; - Создадим раздел в административном меню; - Создадим раздел при помощи СТРУКТУРЫ. Во время урока я использую: CMS 1С-Битрикс платформа "Бизнес"; Смотрите видео курс "1С Битрикс для начинающих": https://www.youtube.com/playlist?list=PL8pp2EAvIK-JyvOtAVyea1ohbV1XJyTkX Наш сайт видеоуроков: https://dwstroy.ru/video/ Новости в мире web разработок: https://vk.com/dwstroy Канал в facebook: https://www.facebook.com/DWstroy-1415456785391372/ Схожие запросы по видео уроку: 1. уроки по битрикс 2. битрикс обучение 3. добавление раздела битрикс 4. создание подраздела битрикс 5. битрикс как создать раздел 6. структура страниц и разделов битрикс 7. создание раздела битрикс ========================== Мы очень рады если видео ко муто было полезным, если хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать видео уроки.
JavaScript - #8 Математические ОПЕРАЦИИ / основные операторы в JS
 
10:13
Разберем #математические #операции, такие как #сложение, #умножение, #деление, #вычитание и порядок их выполнения. Рассмотрим как #JavaScript относится к #пробелам, #табуляции и возврату каретки. Расскажу как #объединять #строки между собой, а так же объединять #числа со #строками. В конце будет небольшое задание по пройденному материалу. Из урока по #javaScript вы узнаете: - виды математических #операций; - как #форматировать #код; - порядок выполнения #операторов; - познакомимся с функцией #Number(); - разберем функцию #prompt(); - объединение чисел и строк. По завершению #видео дано задание: Создайте три переменные, в одну положите числовое значение (текущий год), во второй переменной сохраните данные результат функции prompt() при помощи которой вы спрашиваете пользователя «Как Вас зовут?». В третьей переменной сохраните результат арифметических действия, вычислите «год рождения», а результат запишите в переменную. При помощи функции alert() отобразите результат в таком виде, где имя и год подставляется из переменных. «Максим, Ваш год рождения 1989» Предыдущие выпуски: Часть #1: Введение в JS - https://youtu.be/o8oyT0WJfHE Часть #2: Виды подключений JS - https://youtu.be/Ww189vHSzP4 Часть #3: document.write - https://youtu.be/YkUBHGEVk7s Часть #4: Отлов ошибок - https://youtu.be/yVepG-wOQ0U Часть #5: Инструкции и функции - https://youtu.be/GucI-Q6fdoE Часть #6 ТИПЫ ДАННЫХ введение - https://youtu.be/_k39W_M5Xu8 Часть #7 Переменные - https://youtu.be/VuDbnKpoCyU Обсуждение видео: https://youtu.be/fAlSvFntNxw Подписка на канал: http://bit.ly/2oR3EfT Видео сборник: https://dwstroy.ru/~S126H FAQ - Ответы на Ваши вопросы: http://bit.ly/2rHZvR1 Голосование - https://vk.com/topic-70729755_35667650 *Видео метки*: [00:50] - Работа с типами данных и переменными [01:27] - Основные математические операции [02:06] - Как использовать пробелы в JS [03:35] - Порядок операций [04:00] - Объединение строк [05:27] - Объединение чисел и строк [07:50] - Функция Number() [08:17] - Функция prompt() [09:13] - Практическое задание по javaScript *Другие видео на канале DWSTV*: JavaScript Основы - http://bit.ly/2udeTq3 Сайт с нуля - https://dwstroy.ru/~7KNnM Уроки по #CSS - https://dwstroy.ru/~paoBU 1С Битрикс работа с сайтом - https://dwstroy.ru/~dEG4q Управление системой Битрикс - https://dwstroy.ru/~Zdt4K Настройки сайта 1С Битрикс - https://dwstroy.ru/~t0UVZ Добавляйтесь к нам в друзья: Сайт видео-уроков: https://dwstroy.ru/video/ Страничка в VK автора уроков: https://vk.com/dwstv Канал группы в VK: https://dwstroy.ru/~MJM28 Мы очень рады если видео по "#JavaScript - #8 Математические ОПЕРАЦИИ" Вам понравилось, хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и #видео-уроки как по #JS, так и другим #WEB разработкам.
#2 ЧАСТЬ - Выпадающее МЕНЮ на чистом CSS / HTML (АДАПТАЦИЯ под Мобильные устройства)
 
22:13
Исходный код с урока - http://bit.ly/2qXFcxG (#Часть_1) #Выпадающее #МЕНЮ на #чистом #CSS / #HTML - http://bit.ly/2oVnIzd Этот урок продолжение первой части "#Выпадающее #МЕНЮ на чистом #CSS / #HTML". В первой части видео показывал, как можно реализовать горизонтальное меню при помощи #display:flex; а в данном уроке, мы адаптируем его под мобильные устройства. В уроке мы опишем #медиа стили в отдельном файле, задействуем #input и #label для отслеживания щелчка, а при помощи @media запроса будем адаптировать горизонтальное меню под мобильные расширения. Весь код реализован на чистом #CSS3 / #HTML5. Объяснять стараюсь доступным языком, что будет понятно как для начинающих #Веб-разработчиков, так тем кто в данной сфере работает. Обсуждение видео: https://youtu.be/tRoszGUp5Sg В уроке задействуем: • дополним верстку мета тегом (meta name="viewport") • задействуем input с атрибутом #type="checkbox" • используем #label с атрибутом #for="….." для отслеживания клика • воспользуемся медиа запросом #@media all and (max-width: 800px) • и для анимации применим #transition Более подробное описание тут - http://bit.ly/2qXFcxG Подписка на канал: http://bit.ly/2oR3EfT Видео сборник: https://dwstroy.ru/~S126H FAQ - Ответы на Ваши вопросы: http://bit.ly/2rHZvR1 *Видео метки*: [01:47] - Что используем в данном уроке [03:14] - Скачиваем и подготавливаем код [04:49] - Обзор мета тега #viewport [06:10] - CSS стили под мобильное устройство [07:55] - Описываем #input и #label [08:55] - Оформляем медиа стили [12:03] - Описываем вложенные пункты [16:24] - Вложенные подпункты [19:35] - #Анимируем меню #transition *Другие видео на канале DWSTV*: Сайт с нуля - https://dwstroy.ru/~7KNnM Уроки по #CSS - https://dwstroy.ru/~paoBU 1С Битрикс работа с сайтом - https://dwstroy.ru/~dEG4q Управление системой Битрикс - https://dwstroy.ru/~Zdt4K Настройки сайта 1С Битрикс - https://dwstroy.ru/~t0UVZ Во время урока я использую: Документацию по #CSS3 Редактор #PhpStorm Ссылки из урока: Media queries CSS - http://bit.ly/2oQ5JtZ Архив кода на сайте - http://bit.ly/2qXFcxG Шрифтовые иконки - http://bit.ly/2nXKJk3 Добавляйтесь к нам в друзья: Сайт видео-уроков: https://dwstroy.ru/video/ Страничка в VK автора уроков: https://vk.com/dwstv Канал группы в VK: https://dwstroy.ru/~MJM28 Мы очень рады если видео по #CSS3 #адаптация #горизонтального #меню под #мобильные #устройства было Вам полезно, хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по #CSS, так и другим #WEB разработкам.
МНОГОСАЙТОВОСТЬ в 1С Битрикс на одном домене
 
14:52
Многие обладатели лицензии #1С_битрикс знают о #многосайтовости на этой платформе, как она строится и функционирует, но мало кто ее задействует. В данном видео покажу как установить на одной лицензии второй сайт, а также разберем принципы работы данного механизма. Многосайтовость можно реализовать двумя основными способами: 1 - сделать ее на одном #домене; 2 - создать на разных доменах. Каждый способ по своему хорош, имеет свои плюсы и минусы, а вам остается выбирать какой использовать на своем ресурсе. В данном уроке разберем первый вариант, реализуем #мультисайтовости на одном домене. Подписаться на канал и смотреть уроки первым - http://bit.ly/2oR3EfT Обсуждение видео: https://youtu.be/BAkL71LpDZI Другие #Видео по 1С Битрикс- https://dwstroy.ru/~S126H Документация #Битрикс: Описание многосайтовости - https://goo.gl/LxEmM7 Стоимость многосайтовости - https://goo.gl/9seIYz Документация по многосатовости - https://goo.gl/42jQ5i *Видео метки*: [01:20] - Стоимость многосайтовости [02:34] - Детальный разбор многосайтовости [03:26] - Варианты многосайтовости [04:48] - Пример многосайтовости у Яндекса [05:58] - Настраиваем многосайтовость [09:45] - Устанавливаем второй сайт [11:26] - Разбор многосайтовости Во время урока я использую: Платформу с CMS #1С_Битрикс редакция "Бизнес"; Документацию битрикс Редактор PhpStorm *Другие видео на канале DWSTV*: Сайт с нуля - https://dwstroy.ru/~7KNnM Уроки по CSS - https://dwstroy.ru/~paoBU 1С Битрикс работа с сайтом - https://dwstroy.ru/~dEG4q Управление системой Битрикс - https://dwstroy.ru/~Zdt4K Настройки сайта 1С Битрикс - https://dwstroy.ru/~t0UVZ Добавляйтесь к нам в друзья: Сайт видео-уроков: https://dwstroy.ru/video/ Канал в VK автора уроков: https://vk.com/dwstv Канал группы в VK: https://dwstroy.ru/~MJM28 Мы очень рады если видео уроки по Битрикс были Вам полезен, хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать видео-уроки по 1С битрикс.
JavaScript - #2 Виды подключений / Уроки для начинающих по JS
 
07:31
#JavaScript – это настоящий язык программирования. Он работает не так как HTM или CSS и имеет свой собственный синтаксис. Часть #1: Введение в JS - https://youtu.be/o8oyT0WJfHE Часть #3: document.write - https://youtu.be/YkUBHGEVk7s Часть #4: Отлов ошибок - https://youtu.be/yVepG-wOQ0U Часть #5: Инструкции и Функции - https://youtu.be/GucI-Q6fdoE Часть #6: Типы данных - https://youtu.be/_k39W_M5Xu8 Часть #7: Переменные - https://youtu.be/VuDbnKpoCyU Часть #8: Математические операции - https://youtu.be/fAlSvFntNxw В видео уроке расскажу общее понятие что такое программирование, разберем как работает #JavaScript в #браузере, для чего нужен интерпретатор, и в каких случаях удобно подключать #скрипт на отдельной странице, а в других из файла. В следующем видео приступим к написанию не больших программы на #JS. Обсуждение видео: https://youtu.be/Ww189vHSzP4 Подписка на канал: http://bit.ly/2oR3EfT Видео сборник: https://dwstroy.ru/~S126H FAQ - Ответы на Ваши вопросы: http://bit.ly/2rHZvR1 *Видео метки*: [00:08] - Базовый знания #JavaScript [01:58] - Что такое #программа [02:57] - #JavaScript примеры подключения [03:56] - Добавления #JS в #head [04:46] - #script после #body [05:51] - Подключаем #JavaScript отдельным файлом *Другие видео на канале DWSTV*: Сайт с нуля - https://dwstroy.ru/~7KNnM Уроки по #CSS - https://dwstroy.ru/~paoBU 1С Битрикс работа с сайтом - https://dwstroy.ru/~dEG4q Управление системой Битрикс - https://dwstroy.ru/~Zdt4K Настройки сайта 1С Битрикс - https://dwstroy.ru/~t0UVZ Добавляйтесь к нам в друзья: Сайт видео-уроков: https://dwstroy.ru/video/ Страничка в VK автора уроков: https://vk.com/dwstv Канал группы в VK: https://dwstroy.ru/~MJM28 Мы очень рады если видео по "#JavaScript - #2 Виды подключений" Вам было полезно, хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по #CSS, так и другим #WEB разработкам.
ПУЛЬСИРУЮЩИЙ клик / Анимация кнопки на JavaScript
 
13:23
Данное видео это продолжение к уроку "Кнопка на CSS / Button animation CSS3" где мы создавали кнопку, а тут реализуем #эффект #пульсирующего #клика, который будет начинаться из центра курсора. Исходный код с урока - http://bit.ly/2wwTmpc Ссылка на предыдущий архив - http://bit.ly/2xYPPRL В уроке продолжаем работать с #DOM #элементами, покажу как добавлять на страницу свои отдельные элементы, формировать у них стили для позиционирования, поработаем с #анимацией и ключевым кадром. Для реализации данного эффекта используем: Отберем класс кнопки - #getElementsByClassName(); Отлавливаем клик - #addEventListener('click'); Создаем новый элемент - #createElement('div'); Добавляем свой класс - #classList.add('pulse'); Делаем анимацию - #@keyframes; Достаем максимальное значение - #Math.max(); Узнаем размеры элемента - #getBoundingClientRect(); Обсуждение видео: https://youtu.be/JqLi3e5CC8A Подписка на канал: http://bit.ly/2oR3EfT Видео сборник: https://dwstroy.ru/~S126H FAQ - Ответы на Ваши вопросы: http://bit.ly/2rHZvR1 *Видео метки*: [01:25] - Скачиваем код из предыдущего урока [01:52] - Общая концепция волнового эффекта [02:32] - Создаем JS и подключаем к странице [03:18] - Отлавливаем клик по кнопке [03:54] - Создаем блок div [04:24] - Добавляем для блока класс [05:00] - Отображаем блок в теле страницы [05:24] - Описываем стили пульсирующего круга [07:55] - Находим максимальное значение [09:14] - Задаем ширину и высоту при помощи JS [10:06] - центруем пульсирующий круг *Другие видео на канале DWSTV*: JavaScript Основы - http://bit.ly/2udeTq3 Сайт с нуля - https://dwstroy.ru/~7KNnM Уроки по #CSS - https://dwstroy.ru/~paoBU 1С Битрикс работа с сайтом - https://dwstroy.ru/~dEG4q Управление системой Битрикс - https://dwstroy.ru/~Zdt4K Настройки сайта 1С Битрикс - https://dwstroy.ru/~t0UVZ Добавляйтесь к нам в друзья: Сайт видео-уроков: https://dwstroy.ru/video/ Страничка в VK автора уроков: https://vk.com/dwstv Канал группы в VK: https://dwstroy.ru/~MJM28 Мы очень рады если видео "#ПУЛЬСИРУЮЩИЙ #клик / #Анимация #кнопки на #JavaScript" Вам понравилось, хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и #видео-уроки как по #JS, так и другим #WEB разработкам.
Страница битрикс: СОЗДАНИЕ. Урок 5.3 - Информация на сайте
 
09:19
в данном видео подробно разберем, как создавать страницы на сайте. Из видео Вы узнаете: • Как создать статическую страницу • Как создать Динамическую страницу • Какие свойства при этом задаются Если смотрели предыдущие уроки, Вы знаете, что на сайте могут быть представлены несколько видов информации эта статическая и динамическая, как страничка создается в рамках этой информации смотрите в видео-уроке "Создание новых страниц". Схожие запросы по теме: 1. страница в битрикс 2. битрикс новая страница 3. создание страницы 1с битрикс 4. битрикс заголовок страницы 5. создание страницы битрикс 6. добавить страницу в битрикс 7. битрикс свойства страницы 8. текущая страница битрикс 9. редактирование страниц битриксе 10. как создать страницу в битрикс 11. битрикс редактируемые страницы 12. битрикс title страницы 13. битрикс пустая страница 14. теги страницы битрикс 15. битрикс название страницы 16. адрес текущей страницы битрикс 17. уроки битрикс ========================== Немного о нашем канале, купив сайт на 1С Битрикс, многие установив его не знают как им управлять и что дальше делать, в целях демонстрации что Ваши вложения были не напрасны мы снимаем эти видео-уроки. Смотрите, учитесь, развивайтесь в месте с нами. Видео разработано для начинающих контент менеджеров, а так же лиц, желающие научится управлять CMS битрикс. Наш сайт - http://dwstroy.ru Группа в контакте - https://vk.com/dwstroy Группа в facebook - https://www.facebook.com/DWstroy-1415456785391372/
Flexbox CSS #1 - практика выравнивания элементов
 
24:18
Из данного урока вы узнаете, что такое #Flexbox #CSS и как при помощи его выравнивать элементы по горизонтали и вертикали. Описание свойств - http://bit.ly/2AuXmNJ Практический пример - http://bit.ly/2B8C1sx В дальнейшем закрепляем знания на практическом примере где сделаем простенькую анимацию. Flexbox CSS, свойства с которыми познакомимся #display, #justify-content, #align-items. Реквизиты для поддержки канала: WMR - R165181087249 WMZ - Z138569415925 PayPal - https://paypal.me/dwstv Яндекс - https://money.yandex.ru/to/410011610186118 Сбербанк - 4276-3000-2291-1211 Во время урока я использую: Документацию по css и flexbox Редактор #PhpStorm *Видео метки*: [00:22] - Делаем плацдарм по flexbox [03:22] - Свойство display [06:18] - Свойство justify-content [07:23] - Свойство align-items [09:20] - Практика по flexbox Обсуждение видео: https://youtu.be/WM1fzRm152g Подписка на канал: http://bit.ly/2oR3EfT Видео сборник: https://dwstroy.ru/~S126H FAQ - Ответы на Ваши вопросы: http://bit.ly/2rHZvR1 Голосование - https://vk.com/topic-70729755_35667650 *Другие видео на канале DWSTV*: JavaScript Основы - http://bit.ly/2udeTq3 Сайт с нуля - https://dwstroy.ru/~7KNnM Уроки по #CSS - https://dwstroy.ru/~paoBU 1С Битрикс работа с сайтом - https://dwstroy.ru/~dEG4q Управление системой Битрикс - https://dwstroy.ru/~Zdt4K Настройки сайта 1С Битрикс - https://dwstroy.ru/~t0UVZ Добавляйтесь к нам в друзья: Сайт видео-уроков: https://dwstroy.ru/video/ Канал в VK автора уроков: https://vk.com/dwstv
Media queries (Адаптация страниц) / Responsive Web Design Tutorial
 
23:39
Создавая уникальные страницы с #HTML и #CSS, приходится задумываться об #адаптации их под разные #разрешения #экранов. Есть множество способов сделать #Responsive #Web #Design, я на практике покажу вариант адаптации при помощи #медиа_запросов (#media #queries). Responsive design with media queries помогает подстроить элементы странички под разные разрешения экранов, а как это сделать смотрите в данном уроке. Ссылка на верстку - http://bit.ly/2v69KPZ Архив с адаптивным кодом - http://bit.ly/2utIDuH Из видео урока по Media queries (Адаптация страниц) вы узнаете: • Как адаптировать горизонтальное меню; • Каким образом сделать меню по центру и растянуть его по ширине блока; • Каким адаптировать элементы страницы под разные разрешения; • Как скрыть не нужные блоки при маленьких разрешения. Ссылки на предыдущие выпуски: Media queries CSS (теория) - https://youtu.be/x843xbMXkfc Адаптивное меню на чистом CSS - https://youtu.be/tRoszGUp5Sg Обсуждение видео: https://youtu.be/gM_liA4H9lI Подписка на канал: http://bit.ly/2oR3EfT Видео сборник: https://dwstroy.ru/~S126H FAQ - Ответы на Ваши вопросы: http://bit.ly/2rHZvR1 *Видео метки*: [01:43] - Переносим верстку [02:25] - подключаем media файл [02:50] - устанавливаем цвет при разрешения в 900 пик. [03:49] - мета тег #viewport [04:49] - медиа-запрос на 768 пик. [05:21] - адаптируем блоки новостей [09:32] - адаптируем горизонтальное меню [10:07] - центруем горизонтальное меню [10:36] - растягиваем горизонтальное меню [11:30] - добавляем иконку в меню [15:06] - выстраиваем меню вертикально [16:17] - описываем шелчок по иконки в меню [18:55] - скрываем блоки на маленьких разрешения [19:50] - медиа запрос на 500 пик. *Другие видео на канале DWSTV*: JavaScript Основы - http://bit.ly/2udeTq3 Сайт с нуля - https://dwstroy.ru/~7KNnM Уроки по #CSS - https://dwstroy.ru/~paoBU 1С Битрикс работа с сайтом - https://dwstroy.ru/~dEG4q Управление системой Битрикс - https://dwstroy.ru/~Zdt4K Настройки сайта 1С Битрикс - https://dwstroy.ru/~t0UVZ Добавляйтесь к нам в друзья: Сайт видео-уроков: https://dwstroy.ru/video/ Страничка в VK автора уроков: https://vk.com/dwstv Канал группы в VK: https://dwstroy.ru/~MJM28 Мы очень рады если видео по "Responsive Web Design" Вам понравилось, хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и #видео-уроки как по #CSS, так и другим #WEB разработкам.
ВНЕДРЯЕМ включаемую область 1С-битрикс Урок 5.14 - Информация на сайте
 
10:35
Разбираем функционал внедрение #включаемой #области в Битрикс. В каких случаях ее удобно применять, как подключать на страничке через визуальный редактор, а также смотрите как ее установить в шаблон сайт. Разберем основные настройки #компонента включаемой области и за что они отвечают, обо всем этом смотрите в видео уроке по установке включаемой области (ВО). Подписаться на канал и смотреть уроки первым - https://dwstroy.ru/~dwstv Обсуждение видео: https://youtu.be/Ex638TB3ULM Другие #Видео по Битрикс- https://dwstroy.ru/~S126H Ссылки с урока: Документация Битрикс: Контент-менеджер - https://dwstroy.ru/~ZUJb8 Управление ВО - https://dwstroy.ru/~wHGMm Вставка ВО API Битрикс - https://dwstroy.ru/~594hq Видео метки: [00:47] - Для чего нужна включаемая область [01:34] - Настройки компонента включаемой области [04:43] - Устанавливаем в шаблон включаемую область [06:45] - Устанавливаем включаемую область в разделе Во время урока я использую: Платформу с CMS #1С_Битрикс редакция "Бизнес"; Документацию битрикс Редактор PhpStorm Использую музыку: Paul Flint - Sock It To Them [NCS Release] Alan Cortes & Matz - Don't Stop To Dance https://www.youtube.com/watch?v=8-ljaTacFL0&t=2s https://soundcloud.com/search?q=Paul%20Flint%20-%20Sock%20It%20To%20Them%20%5BNCS%20Release%5D https://www.youtube.com/watch?v=RE8657dlsXc https://soundcloud.com/search?q=Alan%20Cortes%20%26%20Matz%20-%20Don%27t%20Stop%20To%20Dance Смотреть другие видео на канале DWSTV: Сайт с нуля - https://dwstroy.ru/~7KNnM 1С Битрикс работа с сайтом - https://dwstroy.ru/~dEG4q Управление системой Битрикс - https://dwstroy.ru/~Zdt4K Настройки сайта 1С Битрикс - https://dwstroy.ru/~t0UVZ Добавляйтесь к нам в друзья: Сайт видео-уроков: https://dwstroy.ru/video/ Канал в VK автора уроков: https://vk.com/dwstv Канал группы в VK: https://dwstroy.ru/~MJM28 Мы очень рады если видео уроки по Битрикс были Вам полезен, хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать видео-уроки по #1С битрикс.
JavaScript ПРАКТИКА - Задача и решение к 11 уроку
 
05:59
Код с урока - http://bit.ly/2oJRecT Шпаргалка по Массиву - http://bit.ly/2i2BFgi урок #11 МАССИВЫ (свойства и методы объекта) - https://youtu.be/2ue048DXQCs урок #12 МАССИВЫ (дополнительные методы объекта) - https://youtu.be/2ue048DXQCs Разбор домашнего задания из 11 урока. Нам нужно было сделать ежедневник, то есть это некая форма, состоящая их двух полей, где выбираем день недели, а ниже прописываем сам текст заметки. Далее идут две кнопки, по нажатию на «Отправить», данные сохраняем в #массив, а по нажатию «Распечатать» выводим весь список заметок на странице. Как ее решить смотрите далее... В следующем уроке по разберем #ассоциативный #массив, что он из себя представляет, какой у него строится синтаксис, и как с ним работать, все об этом скоро узнаете. Обсуждение видео: https://youtu.be/S_-ly1HyXzY Подписка на канал: http://bit.ly/2oR3EfT Видео сборник: https://dwstroy.ru/~S126H FAQ - Ответы на Ваши вопросы: http://bit.ly/2rHZvR1 Голосование - https://vk.com/topic-70729755_35667650 *Другие видео на канале DWSTV*: JavaScript Основы - http://bit.ly/2udeTq3 Сайт с нуля - https://dwstroy.ru/~7KNnM Уроки по #CSS - https://dwstroy.ru/~paoBU 1С Битрикс работа с сайтом - https://dwstroy.ru/~dEG4q Управление системой Битрикс - https://dwstroy.ru/~Zdt4K Настройки сайта 1С Битрикс - https://dwstroy.ru/~t0UVZ Добавляйтесь к нам в друзья: Сайт видео-уроков: https://dwstroy.ru/video/ Канал в VK автора уроков: https://vk.com/dwstv
JavaScript - #11 МАССИВЫ (свойства и методы объекта)
 
17:58
Шпаргалка по Массиву - http://bit.ly/2i2BFgi Код с урока - http://bit.ly/2i163aD Продолжаем работать с #Массив в #языке #JavaScript, и в данном уроке поговорим о свойстваx и методах у данного #объекта. Да именно объекта, так как массив в JS является объектом и у него есть свои свойства и метода работы с ним. В уроке разберем #методы #изменения #массива #push / #pop, #unshift / #shift, #splace и так же свойство #length. Реквизиты для поддержки канала: WMR - R165181087249 WMZ - Z138569415925 PayPal - paypal.me/dwstv Яндекс - https://money.yandex.ru/to/410011610186118 Сбербанк - 4276-3000-2291-1211 В принципе все что ван нужно усвоить из данного урока, то что массив это объект и он обладает своими свойствами и методами. Свойством объекта в JavaScript является его часть, а метод эта некая функция которая характерна для определенного объекта. При помощи точечного синтаксиса как в принципе с document.write(), мы обращаемся к методу текущего объекта. Пример: Название_объекта.свойство_объекта Название_объекта.метод_объекта (параметры) В следующем уроке продолжим тему по Массивам, познакомимся с другими его методами как #сортировка, #реверс, #объединение массива в строку Из урока МАССИВЫ (свойства и методы объекта) вы узнаете: - что такое свойство и метод массива; - для чего нужно свойство length; - методы добавления push / unshift; - методы удаления pop / shift; - поговорим о методе splace(); По завершению #видео дано задание: Сделайте простой ежедневник. Создайте форму, которая принимает следующие данные от пользователя, день недели в виде списка и текстовое поле. В низу расположены две кнопки, по нажатию на кнопку «отправить», день недели и текстовое сообщение заносится в массив, по нажатию на кнопку «распечатать», нужно вывести все занесенные сообщения из массива на странице под формой снизу. Обсуждение видео: https://youtu.be/HxK2Tm1s0bo Подписка на канал: http://bit.ly/2oR3EfT Видео сборник: https://dwstroy.ru/~S126H FAQ - Ответы на Ваши вопросы: http://bit.ly/2rHZvR1 Голосование - https://vk.com/topic-70729755_35667650 *Видео метки*: [00:10] - Задача из предыдущего урока [03:02] - Массив как объект (понятие) [05:05] - Доступ к методу объекта [06:23] - Свойство length [09:49] - Методы добавления push / unshift [11:41] - Методы удаления pop / shift [12:51] - Метод splace [16:20] - Задача. Ежедневник *Другие видео на канале DWSTV*: JavaScript Основы - http://bit.ly/2udeTq3 Сайт с нуля - https://dwstroy.ru/~7KNnM Уроки по #CSS - https://dwstroy.ru/~paoBU 1С Битрикс работа с сайтом - https://dwstroy.ru/~dEG4q Управление системой Битрикс - https://dwstroy.ru/~Zdt4K Настройки сайта 1С Битрикс - https://dwstroy.ru/~t0UVZ Во время урока я использую: Документацию по #CSS3, HTML5, JavaScript Редактор #PhpStorm Добавляйтесь к нам в друзья: Сайт видео-уроков: https://dwstroy.ru/video/ Канал в VK автора уроков: https://vk.com/dwstv Мы очень рады если видео по "JavaScript - #11 #МАССИВЫ (#свойства и #методы #объекта)" вам понравилось, хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и #видео-уроки как по #JS, так и другим #WEB разработкам.
#1 FORM in CSS / Предварительная разметка
 
17:07
Исходный код с урока - http://bit.ly/2FowlsY Продолжение уроков: ►#2 FORMA / Вкладки на CSS и JS - https://youtu.be/q3129D45cMs ►#3 FORMA / Переключение tabs на CSS и JS - https://youtu.be/h0hkCEoS0R4 ►#4 FORM / Эффект плавающего текста на CSS - https://youtu.be/hYxFldmhDJc ►#5 FORM / ::before ::after (Практика) - https://youtu.be/qseYeMj5824 ►#6 FORM / Чекбокс (АНИМАЦИЯ) - https://youtu.be/-JHHSbfpFsI ►#7 FORM / Анимация ::before и ::after на transform - https://youtu.be/R7yB2ganPho Это первое видео из серии уроков по созданию привлекательной #формы на CSS. За несколько уроков создадим #форму #авторизации и #регистрации с переключателями в виде табов и различными эффектами. В данных уроках разберем рад фишки как на #CSS так и на #JS, к тому же, вы сами сможете эти два инструмента сравнить, и выбрать оптимальный вариант который вам по душе. Вкратце что будем в уроках: - Верстку сделаем с использованием FlexBox. - Пробежимся, как вставлять шрифтовые иконки - Научимся делать вкладки, к тому же не просто научимся, а по этап но разберем, как этот механизм работает на CSS и на JS. - Реализуем с вами плавающий текст. До этого в одном из уроков я показывал, как это делать при помощи JS, а тут рассмотрим как это сделать при помощи CSS. - Познакомимся по ближе с псевдоэелемтами ::before и ::after, и на базе этих знаний сделаем анимацию у кнопки, далее создадим свой анимированный чекбокс. - В заключительном уроке создадим круговую анимированную обводку у социальных иконок. По истечению этих уроков вы определенно приобретете знания, которые в дальнейшем вам пригодятся. Обязательно практикуйтесь и внедряйте то что узнали, ведь теория это просто слова, подкрепляйте это все своими действиями и вы научитесь понимать как CSS так и JS. Поддержи канала материально: WMR - R165181087249 WMZ - Z138569415925 PayPal - paypal.me/dwstv Яндекс - 410011610186118 Сбербанк - 4276-3000-2291-1211 Во время урока я использую: Документацию по #CSS3, HTML5 Редактор #PhpStorm *Видео метки*: [02:17] - Предварительная подготовка файлов [04:16] - Выравнивание элементов на странице [04:48] - Описываем общую структуру форм [07:00] - Отбираем и вставляем иконки [11:06] - Оформление в CSS [16:30] - Логика переключателей (Таб) Обсуждение видео: https://youtu.be/vsHgq4vzjr8 Скачать изображение - https://goo.gl/K4FmGc Скачать архив с урока - https://goo.gl/LMNkAq Шпаргалка по #EMMET - http://bit.ly/2zwDk1p Шпаргалка по #Иконкам - http://bit.ly/2nHR4lt Подписка на канал: https://dwstroy.ru/~dwstv Видео сборник: https://dwstroy.ru/~S126H *Другие видео на канале DWSTV*: JavaScript Основы - http://bit.ly/2udeTq3 Сайт с нуля - https://dwstroy.ru/~7KNnM Уроки по #CSS - https://dwstroy.ru/~paoBU 1С Битрикс работа с сайтом - https://dwstroy.ru/~dEG4q Управление системой Битрикс - https://dwstroy.ru/~Zdt4K Настройки сайта 1С Битрикс - https://dwstroy.ru/~t0UVZ Добавляйтесь к нам в друзья: Сайт видео-уроков: http://dwstv.ru/ Канал в VK автора уроков: https://vk.com/dwstv Канал группы в VK: https://dwstroy.ru/~MJM28 Мы очень рады если видео "#1 FORMA на CSS / Предварительная разметка" Вам понравилось, хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по #CSS, так и другим #WEB разработкам.
Удаление страниц и разделов (1С Битрикс) Урок 5.7 - Информация на сайте
 
07:27
Описание видео: В этом уроке вы научитесь , как удалять страницы в битрикс, удалять разделы и пункты меню, а также разберем основные моменты при их удалении. К удалению страниц можно отнести рад операций, приводящие к удалению соответствующего файла из структуры сайта. Более подробно об этом смотрите видео где разбираем основные моменты удаление страниц через административный раздел, через структуру сайта, и при помощи мастера создания страниц. Во время урока я использую: CMS 1С-Битрикс платформа "Бизнес"; Смотрите видео курс "1С Битрикс для начинающих": https://www.youtube.com/playlist?list=PL8pp2EAvIK-JyvOtAVyea1ohbV1XJyTkX Наш сайт видеоуроков: https://dwstroy.ru/video/ Новости в мире web разработок: https://vk.com/dwstroy Канал в facebook: https://www.facebook.com/DWstroy-1415456785391372/ Схожие запросы по видео уроку: 1. уроки по битрикс 2. битрикс обучение 3. удалить страницу 4. удалить раздел 5. управление битрикс ========================== Мы очень рады если видео ко муто было полезным, если хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать видео уроки.
JavaScript - #13 Ассоциативный МАССИВ
 
11:07
Описание и код с урока - http://bit.ly/2I7aGYP В данном уроке рассмотрим в JavaScript #Объект как #Ассоциативный #массив. Разберем его понятие, как он объявляется, его синтаксис, и главное как с ним работать. По окончанию урока будет предложено практическое задание. #Метод с которым познакомимся это Object.keys(), возвращает все ключи с ассоциативного массива. Реквизиты для поддержки канала: WMR - R165181087249 WMZ - Z138569415925 PayPal - https://paypal.me/dwstv Яндекс - https://money.yandex.ru/to/410011610186118 Сбербанк - 4276-3000-2291-1211 Задача: Добавить в массив «myObject» фразу «С праздником », заменить значение «Март» на « Марта!». Вывести в консоли фразу «С праздником 8 Марта!» использую данные только с массива. var myObject = { "name": "Поздравление", "month": ["Январь", "Февраль", "Март", "Апрель", "Май", "Июнь", "Июль", "Август"], "random array": [5, true, { year: 2018, number: 8 }, 12, 25.4], "year array": [2017, 2018] }; Во время урока я использую: Документацию по JavaScript Редактор #PhpStorm *Видео метки*: [00:30] - Отличие различных массивов [01:42] - Объявляем ассоциативный массив [03:20] - Синтаксис и тонкости работы с массивом [06:15] - Как распечатать значение массива [08:15] - Как изменить и добавить элемент в массив [09:01] - Подведем итоги по массивам [10:03] - Задача (практика работы с массивом) Обсуждение видео: https://youtu.be/4rdVV_X-PEo Подписка на канал: http://bit.ly/2oR3EfT Видео сборник: https://dwstroy.ru/~S126H FAQ - Ответы на Ваши вопросы: http://bit.ly/2rHZvR1 Голосование - https://vk.com/topic-70729755_35667650 Другие видео на канале DWSTV: JavaScript Основы - http://bit.ly/2udeTq3 Сайт с нуля - https://dwstroy.ru/~7KNnM Уроки по #CSS - https://dwstroy.ru/~paoBU 1С Битрикс работа с сайтом - https://dwstroy.ru/~dEG4q Управление системой Битрикс - https://dwstroy.ru/~Zdt4K Настройки сайта 1С Битрикс - https://dwstroy.ru/~t0UVZ Добавляйтесь к нам в друзья: Сайт видео-уроков: https://dwstroy.ru/video/ Канал в VK автора уроков: https://vk.com/dwstv
АВТОРИЗАЦИЯ на САЙТЕ (1C-БИТРИКС). Урок 1 - как авторизоваться в админке
 
01:39
Другие уроки по битрикс- http://bit.ly/2BnDlVh Авторизация на сайте это простая задача но не каждый пользователь знает как можно авторизоваться в административной части сайта 1С-Битрикс, смотрите и все станет понятно. Группа в контакте - https://vk.com/dwstroy
#7 FORM / Анимация ::before и ::after на transform
 
11:11
Исходный код с урока - http://bit.ly/2LTJEFA Это заключительный седьмой урок из серии уроков по #Форме на #CSS. В нем закрепляем работу с #before и #after, которые проходили в предыдущих уроках и при помощи #transform, реализуем #эффект #анимированной обводки у социальных иконок. Продолжение: ►#1 FORM на CSS / Предварительная разметка - https://youtu.be/vsHgq4vzjr8 ►#2 FORM / Вкладки на CSS и JS - https://youtu.be/q3129D45cMs ►#3 FORM / Переключение tabs на CSS и JS - https://youtu.be/h0hkCEoS0R4 ►#4 FORM / Эффект плавающего текста на CSS - https://youtu.be/hYxFldmhDJc ►#5 FORM / ::before ::after (Практика) - https://youtu.be/qseYeMj5824 ►#6 FORM / Чекбокс (АНИМАЦИЯ) - https://youtu.be/-JHHSbfpFsI *Видео метки*: [00:40] - Введение [02:02] - Добавляем блок div [02:55] - Добавляем псевдоэлементы [05:18] - Создаем анимацию по наведению ------------------------------------------------------------------------------------------------------- Поддержи канала материально: WMR - R165181087249 WMZ - Z138569415925 PayPal - paypal.me/dwstv Яндекс - 410011610186118 Сбербанк - 4276-3000-2291-1211 Во время урока я использую: Документацию по #CSS3, #HTML5 Редактор #PhpStorm Обсуждение видео: https://youtu.be/R7yB2ganPho Скачать архив с урока - http://bit.ly/2JRybFY ⭐ Шпаргалка по #EMMET - http://bit.ly/2zwDk1p ⭐ Шпаргалка по #Иконкам - http://bit.ly/2nHR4lt Подписка на канал: https://dwstroy.ru/~dwstv Видео сборник: https://dwstroy.ru/~S126H ------------------------------------------------------------------------------------------------------- *Другие видео на канале DWSTV*: 👍 JavaScript Основы - http://bit.ly/2udeTq3 👍 Сайт с нуля - https://dwstroy.ru/~7KNnM 👍 Уроки по #CSS - https://dwstroy.ru/~paoBU 👍 1С Битрикс работа с сайтом - https://dwstroy.ru/~dEG4q 👍 Управление системой Битрикс - https://dwstroy.ru/~Zdt4K 👍 Настройки сайта 1С Битрикс - https://dwstroy.ru/~t0UVZ Добавляйтесь к нам в друзья: ►►► Сайт видео-уроков: http://dwstv.ru/ ►►► Канал в VK автора уроков: https://vk.com/dwstv ►►► Канал группы в VK: https://dwstroy.ru/~MJM28 ------------------------------------------------------------------------------------------------------- Мы очень рады если видео "7 FORM / Анимация ::before и ::after на transform" Вам понравилось, хотите "поблагодарить" жмите кнопку "нравится" 👍 и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по #CSS, так и другим #WEB разработкам.
Анимированная КНОПКА на CSS / Button animation CSS3
 
20:14
Исходный код - http://bit.ly/2pFcDBG В данном уроке создадим прикольную #кнопку на #CSS с плавной анимацией раздвоения. Для этого я накидал чертеж что бы проще понимать ее структуру и в данном видео поэтапно разберем создания #анимированной #кнопки с эффектом плавного раздвоения. Идея тут в следующем, сделать кнопку как бы из двух частей, она должна быть анимированной, при наведении раскрываться вторая часть, вытягивая за собой внутренний блок, где находится надпись, а в момент убирания курсора все должно вернуться в исходное положение. Обсуждение видео: https://youtu.be/tWNprz17CK0 В уроке задействуем: • псевдоэлементы :before, :after; • при помощи position с позиционируем блоки; • псевдоклассами :hover, :activ определим стили при наведении и клику мышки; • и сделаем плавную анимацию при помощи transition, transform. Более подробное описание тут - http://bit.ly/2pFcDBG Подписка на канал: https://dwstroy.ru/~dwstv Видео сборник: https://dwstroy.ru/~S126H *Видео метки*: [02:30] - Пишем #html структуру кнопки [05:10] - Описываем #стили кнопки в #CSS [11:37] - :hover, :activ - динамика при наведении [15:32] - Оформляем кнопку *Другие видео на канале DWSTV*: Сайт с нуля - https://dwstroy.ru/~7KNnM Уроки по #CSS - https://dwstroy.ru/~paoBU 1С Битрикс работа с сайтом - https://dwstroy.ru/~dEG4q Управление системой Битрикс - https://dwstroy.ru/~Zdt4K Настройки сайта 1С Битрикс - https://dwstroy.ru/~t0UVZ Во время урока я использую: Документацию по #CSS3 Редактор #PhpStorm Ссылки из урока: Архив кода на сайте - http://bit.ly/2pFcDBG Шрифт Cuprum - http://bit.ly/2nulfPh Генератор Градиентов - http://bit.ly/2omhCtB Использую музыку Автора: We Don't Talk Anymore (Piano & Violin Orchestral Version) by David Solis https://www.youtube.com/watch?v=6xdMg9d2pQE https://www.patreon.com/DavidSolis Добавляйтесь к нам в друзья: Сайт видео-уроков: https://dwstroy.ru/video/ Канал в VK автора уроков: https://vk.com/dwstv Канал группы в VK: https://dwstroy.ru/~MJM28 Мы очень рады если видео по #Анимированная #КНОПКА на #CSS3 было Вам полезно, хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по CSS, так и другим #WEB разработкам.
(УРОК-2) Размещение и подключение компонента
 
06:46
Второй урок из #видеокурса "#Программирование: Новый взгляд на #1С_Битрикс". Ссылка на курс: https://dwstroy.ru/disc01/ ► (УРОК-1) Введение. Что такое компоненты? https://youtu.be/xfBk3DTgheI ► (УРОК-2) Размещение и подключение компонента https://youtu.be/vo1ZK91V7gA ► (УРОК-3) Файловая структура простого компонента https://youtu.be/MSWp6DjTe9A Вкратце о том, где #компоненты размещаются в 1С-Битрикс. Как строится их #наименование и что такое #пространство #имен. Как устанавливать компонент на странице, а также познакомимся с его кодом вызова.
#5 FORM / ::before ::after (Практика)
 
10:22
Исходный код с урока - http://bit.ly/2s00drd Это пятый урок по #Form, в данном видео разберем #псевдоэлементы #before и #after, рассмотрим как с ними можно работать, для чего они нужны, а затем при помощи их реализуем эффект по наведению у кнопки. Продолжение: ►#1 FORM на CSS / Предварительная разметка - https://youtu.be/vsHgq4vzjr8 ►#2 FORM / Вкладки на CSS и JS - https://youtu.be/q3129D45cMs ►#3 FORM / Переключение tabs на CSS и JS - https://youtu.be/h0hkCEoS0R4 ►#4 FORM / Эффект плавающего текста на CSS - https://youtu.be/hYxFldmhDJc ►#6 FORM / Чекбокс (АНИМАЦИЯ) - https://youtu.be/-JHHSbfpFsI ►#7 FORM / Анимация ::before и ::after на transform - https://youtu.be/R7yB2ganPho *Видео метки*: [00:24] - Понятие псевдоэлементов [04:28] - Выводит before и after [07:10] - Эффект на псевдоэлементах ------------------------------------------------------------------------------------------------------- Поддержи канала материально: WMR - R165181087249 WMZ - Z138569415925 PayPal - paypal.me/dwstv Яндекс - 410011610186118 Сбербанк - 4276-3000-2291-1211 Во время урока я использую: Документацию по #CSS3, #HTML5, #JS Редактор #PhpStorm Обсуждение видео: https://youtu.be/qseYeMj5824 Скачать архив с урока - http://bit.ly/2x2mgmT ⭐ Шпаргалка по #EMMET - http://bit.ly/2zwDk1p ⭐ Шпаргалка по #Иконкам - http://bit.ly/2nHR4lt Подписка на канал: https://dwstroy.ru/~dwstv Видео сборник: https://dwstroy.ru/~S126H ------------------------------------------------------------------------------------------------------- *Другие видео на канале DWSTV*: 👍 JavaScript Основы - http://bit.ly/2udeTq3 👍 Сайт с нуля - https://dwstroy.ru/~7KNnM 👍 Уроки по #CSS - https://dwstroy.ru/~paoBU 👍 1С Битрикс работа с сайтом - https://dwstroy.ru/~dEG4q 👍 Управление системой Битрикс - https://dwstroy.ru/~Zdt4K 👍 Настройки сайта 1С Битрикс - https://dwstroy.ru/~t0UVZ Добавляйтесь к нам в друзья: ►►► Сайт видео-уроков: http://dwstv.ru/ ►►► Канал в VK автора уроков: https://vk.com/dwstv ►►► Канал группы в VK: https://dwstroy.ru/~MJM28 ------------------------------------------------------------------------------------------------------- Мы очень рады если видео "#5 FORM / ::before ::after (Практика)" Вам понравилось, хотите "поблагодарить" жмите кнопку "нравится" 👍 и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по #CSS, так и другим #WEB разработкам.
init.php в БИТРИКС как с ним работать
 
10:39
В CMS #битрикс есть классный функционал, при помощи одного файла #init.php который не обязательный, можем подключать разные скрипты необходимые для работы сайта. Сам файл автоматически подключается в прологе что дает возможность постоянного запуска скриптов. В видео уроке рассмотрим пример подключения скрипта "Распечатки массива" покажу, как правильно формировать код, как предостеречь себя от ошибки при работе с init.php через сайт. Подписаться на канал и смотреть уроки первым - https://dwstroy.ru/~dwstv Обсуждение видео: https://youtu.be/Xosvf7lJMCg Другие #Видео по Битрикс- https://dwstroy.ru/~S126H Ссылки с урока: Архив файлов - https://dwstroy.ru/download/initphp.php Документация Битрикс: Страница и порядок ее выполнения - https://dwstroy.ru/~iLSsw Документация - https://dwstroy.ru/~fHMah Видео метки: [00:58] - Порядок выполнения init.php [01:17] - Расположение init в структуре сайта [01:35] - Создание init.php на сайте [02:30] - Пишим свою функцию в инит [03:34] - Метод IsAdmin [05:23] - Формируем провильно код в init [07:02] - Ошибки, как себя защитить Во время урока я использую: Платформу с CMS #1С_Битрикс редакция "Бизнес"; Документацию битрикс Редактор PhpStorm Использую музыку: LFZ - Echoes [NCS Release] https://www.youtube.com/watch?v=Q_ojhcx-wrk https://soundcloud.com/nocopyrightsounds https://www.facebook.com/NoCopyrightSounds Valence - Infinite [NCS Release] https://www.youtube.com/watch?v=QHoqD47gQG8 https://soundcloud.com/nocopyrightsounds https://www.facebook.com/NoCopyrightSounds Смотреть другие видео на канале DWSTV: Сайт с нуля - https://dwstroy.ru/~7KNnM 1С Битрикс работа с сайтом - https://dwstroy.ru/~dEG4q Управление системой Битрикс - https://dwstroy.ru/~Zdt4K Настройки сайта 1С Битрикс - https://dwstroy.ru/~t0UVZ Добавляйтесь к нам в друзья: Сайт видео-уроков: https://dwstroy.ru/video/ Канал в VK автора уроков: https://vk.com/dwstv Канал группы в VK: https://dwstroy.ru/~MJM28 Мы очень рады если видео уроки по Битрикс были Вам полезен, хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать видео-уроки по 1С битрикс.
Обзор CMS. ТОП-5 лучших движков рунета 2017г.
 
18:48
Видеокурс по программированию - https://dwstroy.ru/disc01/ Видео уроки по 1С Битрикс - https://dwstroy.ru/~Zdt4K В видео проведем #обзор лучших #CMS движков за 2017г. Эти системы управление контентом входят в #ТОП_5 по всему миру, на них разрабатывают огромное количество сайтов от визиток до огромных порталов и сервисов. Мы проведем сравнительные характеристики их функционала, определим сильные и слабые стороны каждой CMS и подведем общий их рейтинг. Видео по обзору CMS #движков затронет следующие системы управление контентом - #wordpress, #joomla, #modx, #1с_битрикс, #drupal. Данный обзор движков поможет определиться начинающему программисту или заказчику, какая система идеально подходит именно под его задачи, а также понимать их отличия будет не лишним. Вы себе сможете ответить на следующие вопросы, какая cms лучше, какая cms лучше для интернет магазина, какая cms лучше для seo, обо всем этом смотрите в видео по ТОП-5 лучших CMS движков. Подписка на канал - https://dwstroy.ru/~dwstv Обсуждение видео: https://youtu.be/2dR_3uY47DY #Видео сборник- https://dwstroy.ru/~S126H *Видео метки*: [01:20] - Рейтинг CMSmagazine [02:20] - Рейтинг Рунета [02:27] - Рейтинг iTracl [03:59] - Рейтинг SEO Auditor [04:19] - Обзор MODx [07:25] - Обзор Drupal [09:30] - Обзор Joomla [11:52] - Обзор 1С-Битрикс [14:34] - Обзор WordPress [17:42] - Характеристики ТОП-5 CMS *Другие видео на канале DWSTV*: Сайт с нуля - https://dwstroy.ru/~7KNnM Уроки по CSS - https://dwstroy.ru/~paoBU 1С Битрикс работа с сайтом - https://dwstroy.ru/~dEG4q Управление системой Битрикс - https://dwstroy.ru/~Zdt4K Настройки сайта 1С Битрикс - https://dwstroy.ru/~t0UVZ *Рейтинг CMS (систем управления сайтами)*: http://www.gs.seo-auditor.com.ru/cms/pie https://www.itrack.ru/research/cmsrate/ http://www.cmsmagazine.ru/catalogue/ *Хостинг* - https://dwstroy.ru/~GR2Un Использую музыку: Aero Chord - Time Leap [NCS Release] Laszlo - Imaginary Friends [NCS Release] Tobu - Seven [NCS Release] Elektronomia - Sky High [NCS Release] https://www.youtube.com/channel/UC_aEa8K-EOJ3D6gOs7HcyNg https://soundcloud.com/nocopyrightsounds Добавляйтесь к нам в друзья: Сайт видео-уроков: https://dwstroy.ru/video/ Канал в VK автора: https://vk.com/dwstv Канал группы в VK: https://dwstroy.ru/~MJM28 Мы очень рады если видео было Вам полезно, хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки по #1С битрикс.
Настройка SEO свойств в 1С Битрикс / Урок 8.2 - инфоблоки
 
16:29
#1 часть: Настройка SEO полей - https://youtu.be/EEsK1XNnYEU В данном уроке разберем #SEO настройки #свойств #инфоблока #битрикс. Покажу как формирование свои (маркеры) для #сео #шаблонов, а так же поговорим про типичные ошибки при выводе #мета #тегов на страницу сайта из #динамической #информации. Бывают случаи когда по каким-то причинам данные SEO полей не выводятся, то есть мы их не видим в визуальной части сайта. Вероятней всего не задан вывод SEO полей в шаблоне сайта 1С битрикс. В данном случае не рекомендую проводить правки самостоятельно, обратитесь к разработчику шаблона или напишите мне в VK - https://vk.com/dwstroy Поддержки канала: WMR - R165181087249 WMZ - Z138569415925 PayPal - paypal.me/dwstv Яндекс - 410011610186118 Сбербанк - 4276-3000-2291-121 Сборник уроков по 1С Битрикс - http://bit.ly/2nyY8Tr Обсуждение видео: https://youtu.be/a_xEDOyPHYc Подписка на канал: http://bit.ly/2oR3EfT Видео сборник: https://dwstroy.ru/~S126H FAQ - Ответы на Ваши вопросы: http://bit.ly/2rHZvR1 Голосование - https://vk.com/topic-70729755_35667650 *Видео метки*: [05:20] - SEO настройка минимальной цены [07:24] - Создаем свое свойство для SEO [08:36] - Настраиваем шаблон элемента [10:29] - SEO настройка разделов [12:00] - Типичные ошибки настройки мета данных *Другие видео на канале DWSTV*: JavaScript Основы - http://bit.ly/2udeTq3 Сайт с нуля - https://dwstroy.ru/~7KNnM Уроки по #CSS - https://dwstroy.ru/~paoBU 1С Битрикс работа с сайтом - https://dwstroy.ru/~dEG4q Управление системой Битрикс - https://dwstroy.ru/~Zdt4K Настройки сайта 1С Битрикс - https://dwstroy.ru/~t0UVZ Во время урока я использую: Платформу с CMS #1С_Битрикс редакция "Бизнес"; Документацию битрикс - https://goo.gl/EqwUnr Добавляйтесь к нам в друзья: Сайт видео-уроков: https://dwstroy.ru/video/ Канал в VK автора уроков: https://vk.com/dwstv Мы очень рады если видео по "#Настройка #SEO #свойств в #1С #Битрикс" вам понравилось, хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры по #битрикс, #видео-уроки как по #JS, так и другим #WEB разработкам.

Purpose of a cover letter in a business plan
Country club cover letters
What is a good essay writing service
Uk passport cover letter
Resume cover letter example australian