Исходный код с урока - Продолжение уроков: ► 2 FORMA / Вкладки на CSS и JS - ► 3 FORMA / Переключение tabs на CSS и JS - ► 4 FORM / Эффект плавающего текста на CSS - ► 5 FORM / ::before ::after (Практика) - ► 6 FORM / Чекбокс (АНИМАЦИЯ) - ► 7 FORM / Анимация ::before и ::after на transform - Это первое видео из серии уроков по созданию привлекательной формы на 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] - Логика переключателей (Таб) Обсуждение видео: Скачать изображение - Скачать архив с урока - Шпаргалка по EMMET - Шпаргалка по Иконкам - Подписка на канал: Видео сборник: *Другие видео на канале DWSTV*: JavaScript Основы - Сайт с нуля - Уроки по CSS - 1С Битрикс работа с сайтом - Управление системой Битрикс - Настройки сайта 1С Битрикс - Добавляйтесь к нам в друзья: Сайт видео-уроков: Канал в VK автора уроков: Канал группы в VK: Мы очень рады если видео 1 FORMA на CSS / Предварительная разметка Вам понравилось, хотите поблагодарить жмите кнопку нравится и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по CSS, так и другим WEB разработкам.


Исходный код с урока - Это заключительный седьмой урок из серии уроков по Форме на CSS. В нем закрепляем работу с before и after, которые проходили в предыдущих уроках и при помощи transform, реализуем эффект анимированной обводки у социальных иконок. Продолжение: ► 1 FORM на CSS / Предварительная разметка - ► 2 FORM / Вкладки на CSS и JS - ► 3 FORM / Переключение tabs на CSS и JS - ► 4 FORM / Эффект плавающего текста на CSS - ► 5 FORM / ::before ::after (Практика) - ► 6 FORM / Чекбокс (АНИМАЦИЯ) - *Видео метки*: [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 Обсуждение видео: Скачать архив с урока - ⭐ Шпаргалка по EMMET - ⭐ Шпаргалка по Иконкам - Подписка на канал: Видео сборник: ------------------------------------------------------------------------------------------------------- *Другие видео на канале DWSTV*: 👍 JavaScript Основы - 👍 Сайт с нуля - 👍 Уроки по CSS - 👍 1С Битрикс работа с сайтом - 👍 Управление системой Битрикс - 👍 Настройки сайта 1С Битрикс - Добавляйтесь к нам в друзья: ►►► Сайт видео-уроков: ►►► Канал в VK автора уроков: ►►► Канал группы в VK: ------------------------------------------------------------------------------------------------------- Мы очень рады если видео 7 FORM / Анимация ::before и ::after на transform Вам понравилось, хотите поблагодарить жмите кнопку нравится 👍 и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по CSS, так и другим WEB разработкам.


Исходный код с урока - Это пятый урок по Form, в данном видео разберем псевдоэлементы before и after, рассмотрим как с ними можно работать, для чего они нужны, а затем при помощи их реализуем эффект по наведению у кнопки. Продолжение: ► 1 FORM на CSS / Предварительная разметка - ► 2 FORM / Вкладки на CSS и JS - ► 3 FORM / Переключение tabs на CSS и JS - ► 4 FORM / Эффект плавающего текста на CSS - ► 6 FORM / Чекбокс (АНИМАЦИЯ) - ► 7 FORM / Анимация ::before и ::after на transform - *Видео метки*: [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 Обсуждение видео: Скачать архив с урока - ⭐ Шпаргалка по EMMET - ⭐ Шпаргалка по Иконкам - Подписка на канал: Видео сборник: ------------------------------------------------------------------------------------------------------- *Другие видео на канале DWSTV*: 👍 JavaScript Основы - 👍 Сайт с нуля - 👍 Уроки по CSS - 👍 1С Битрикс работа с сайтом - 👍 Управление системой Битрикс - 👍 Настройки сайта 1С Битрикс - Добавляйтесь к нам в друзья: ►►► Сайт видео-уроков: ►►► Канал в VK автора уроков: ►►► Канал группы в VK: ------------------------------------------------------------------------------------------------------- Мы очень рады если видео 5 FORM / ::before ::after (Практика) Вам понравилось, хотите поблагодарить жмите кнопку нравится 👍 и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по CSS, так и другим WEB разработкам.


Описание и код с урока - В данном уроке рассмотрим в JavaScript Объект как Ассоциативный массив. Разберем его понятие, как он объявляется, его синтаксис, и главное как с ним работать. По окончанию урока будет предложено практическое задание. Метод с которым познакомимся это Object.keys(), возвращает все ключи с ассоциативного массива. Реквизиты для поддержки канала: WMR - R165181087249 WMZ - Z138569415925 PayPal - Яндекс - Сбербанк - 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] - Задача (практика работы с массивом) Обсуждение видео: Подписка на канал: Видео сборник: FAQ - Ответы на Ваши вопросы: Голосование - Другие видео на канале DWSTV: JavaScript Основы - Сайт с нуля - Уроки по CSS - 1С Битрикс работа с сайтом - Управление системой Битрикс - Настройки сайта 1С Битрикс - Добавляйтесь к нам в друзья: Сайт видео-уроков: Канал в VK автора уроков:


Код с урока - Шпаргалка по Массиву - урок 11 МАССИВЫ (свойства и методы объекта) - урок 12 МАССИВЫ (дополнительные методы объекта) - Разбор домашнего задания из 11 урока. Нам нужно было сделать ежедневник, то есть это некая форма, состоящая их двух полей, где выбираем день недели, а ниже прописываем сам текст заметки. Далее идут две кнопки, по нажатию на «Отправить», данные сохраняем в массив, а по нажатию «Распечатать» выводим весь список заметок на странице. Как ее решить смотрите далее. В следующем уроке по разберем ассоциативный массив, что он из себя представляет, какой у него строится синтаксис, и как с ним работать, все об этом скоро узнаете. Обсуждение видео: Подписка на канал: Видео сборник: FAQ - Ответы на Ваши вопросы: Голосование - *Другие видео на канале DWSTV*: JavaScript Основы - Сайт с нуля - Уроки по CSS - 1С Битрикс работа с сайтом - Управление системой Битрикс - Настройки сайта 1С Битрикс - Добавляйтесь к нам в друзья: Сайт видео-уроков: Канал в VK автора уроков:


Исходный код с урока - Это второе видео из серии уроков где мы делаем форму. В данном видео реализуем логику переключения вкладок между собой как на JS так и на CSS. Продолжение: ► 1 FORMA на CSS / Предварительная разметка - ► 3 FORMA / Переключение tabs на CSS и JS - ► 4 FORM / Эффект плавающего текста на CSS - ► 5 FORM / ::before ::after (Практика) - ► 6 FORM / Чекбокс (АНИМАЦИЯ) - ► 7 FORM / Анимация ::before и ::after на transform - Поддержи канала материально: WMR - R165181087249 WMZ - Z138569415925 PayPal - paypal.me/dwstv Яндекс - 410011610186118 Сбербанк - 4276-3000-2291-1211 Во время урока я использую: Документацию по CSS3, HTML5, JS Редактор PhpStorm *Видео метки*: [00:52] - Вкладки при помощи JS [01:20] - Проверка подключения jquery [03:54] - Вкладки при помощи HTML и CSS Обсуждение видео: Скачать архив с урока - Шпаргалка по EMMET - Шпаргалка по Иконкам - Подписка на канал: Видео сборник: *Другие видео на канале DWSTV*: JavaScript Основы - Сайт с нуля - Уроки по CSS - 1С Битрикс работа с сайтом - Управление системой Битрикс - Настройки сайта 1С Битрикс - Добавляйтесь к нам в друзья: Сайт видео-уроков: Канал в VK автора уроков: Канал группы в VK: Мы очень рады если видео 2 FORMA / Вкладки на CSS и JS Вам понравилось, хотите поблагодарить жмите кнопку нравится и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по CSS, так и другим WEB разработкам.


Исходный код с урока - Это четвертое видео из серии уроков по форме. В данном уроке разбираем эффект плавающего текста на CSS. Эффект сделаем на форме авторизации, откажемся от placeholder, а подсказку отобразим в label. Как это сделать смотрите в самом уроке. Продолжение: ► 1 FORM на CSS / Предварительная разметка - ► 2 FORM / Вкладки на CSS и JS - ► 3 FORM / Переключение tabs на CSS и JS - ► 5 FORM / ::before ::after (Практика) - ► 6 FORM / Чекбокс (АНИМАЦИЯ) - ► 7 FORM / Анимация ::before и ::after на transform - *Видео метки*: [00:42] - Разбор эффекта на CSS [01:35] - Разметка на HTML [02:19] - Оформление form в CSS [03:21] - Анимация на CSS [04:10] - Текущие проблемы ------------------------------------------------------------------------------------------------------- Поддержи канала материально: WMR - R165181087249 WMZ - Z138569415925 PayPal - paypal.me/dwstv Яндекс - 410011610186118 Сбербанк - 4276-3000-2291-1211 Во время урока я использую: Документацию по CSS3, HTML5, JS Редактор PhpStorm Обсуждение видео: Скачать архив с урока - ⭐ Шпаргалка по EMMET - ⭐ Шпаргалка по Иконкам - Подписка на канал: Видео сборник: ------------------------------------------------------------------------------------------------------- *Другие видео на канале DWSTV*: 👍 JavaScript Основы - 👍 Сайт с нуля - 👍 Уроки по CSS - 👍 1С Битрикс работа с сайтом - 👍 Управление системой Битрикс - 👍 Настройки сайта 1С Битрикс - Добавляйтесь к нам в друзья: ►►► Сайт видео-уроков: ►►► Канал в VK автора уроков: ►►► Канал группы в VK: ------------------------------------------------------------------------------------------------------- Мы очень рады если видео 4 FORM / Эффект плавающего текста на CSS Вам понравилось, хотите поблагодарить жмите кнопку нравится 👍 и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по CSS, так и другим WEB разработкам.


Второй урок из видеокурса Программирование: Новый взгляд на 1С_Битрикс. Ссылка на курс: ► (УРОК-1) Введение. Что такое компоненты? ► (УРОК-2) Размещение и подключение компонента ► (УРОК-3) Файловая структура простого компонента Вкратце о том, где компоненты размещаются в 1С-Битрикс. Как строится их наименование и что такое пространство имен. Как устанавливать компонент на странице, а также познакомимся с его кодом вызова.


Исходный код с урока - Шпаргалка по Иконкам - EMMET молниеносная верстка - В данном уроке сделаем Аккордеон вкладки (табы) на jQuery. Тут мы разберем несколько моментов, задействуем иконки font Awesome, покажу как делать у второй иконки анимированный поворот на CSS при нажатии на вкладку, немного все это разбавим flexbox и рассмотрим простой способ создания выпадающего блока на jQueru. Поддержи канала материально: WMR - R165181087249 WMZ - Z138569415925 PayPal - paypal.me/dwstv Яндекс - 410011610186118 Сбербанк - 4276-3000-2291-1211 Во время урока я использую: Псевдоэлемент before, transition, transform, flexbox, hover, FontAwesome и еще дополнительные стили. Документацию по CSS3, HTML5, jQueru Редактор PhpStorm *Видео метки*: [00:17] - Обзор урока Аккордеон вкладкам [01:36] - Описываем HTML структуру [03:46] - Font Awesome шпаргалка [06:06] - Описываем CSS [10:39] - Анимированный поворот иконки [13:28] - Оформляем блоки UL [19:00] - Описываем Аккордеон скрипт Обсуждение видео: Скачать архив с урока - Шпаргалка по EMMET - Шпаргалка по Иконкам - Подписка на канал: Видео сборник: *Другие видео на канале DWSTV*: JavaScript Основы - Сайт с нуля - Уроки по CSS - 1С Битрикс работа с сайтом - Управление системой Битрикс - Настройки сайта 1С Битрикс - Добавляйтесь к нам в друзья: Сайт видео-уроков: Канал в VK автора уроков: Канал группы в VK: Мы очень рады если видео Аккордеон вкладки (табы) на jQuery Вам понравилось, хотите поблагодарить жмите кнопку нравится и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по CSS, так и другим WEB разработкам.


Исходный код с урока - Это третье видео из серии уроков где мы делаем форму. В данном видео реализуем логику переключение форм по нажатию на определенную вкладку. Рассмотрим вариант переключение как на CSS так и на JS, а в завершении визуально оформим formy. Продолжение: ► 1 FORMA на CSS / Предварительная разметка - ► 2 FORMA / Вкладки на CSS и JS - ► 4 FORM / Эффект плавающего текста на CSS - ► 5 FORM / ::before ::after (Практика) - ► 6 FORM / Чекбокс (АНИМАЦИЯ) - ► 7 FORM / Анимация ::before и ::after на transform - *Видео метки*: [00:32] - Переключение форм на JavaScript [04:30] - Переключение форм на CSS [07:05] - ВИзуальное оформление form ------------------------------------------------------------------------------------------------------- Поддержи канала материально: WMR - R165181087249 WMZ - Z138569415925 PayPal - paypal.me/dwstv Яндекс - 410011610186118 Сбербанк - 4276-3000-2291-1211 Во время урока я использую: Документацию по CSS3, HTML5, JS Редактор PhpStorm Обсуждение видео: Скачать архив с урока - ⭐ Шпаргалка по EMMET - ⭐ Шпаргалка по Иконкам - Подписка на канал: Видео сборник: ------------------------------------------------------------------------------------------------------- *Другие видео на канале DWSTV*: 👍 JavaScript Основы - 👍 Сайт с нуля - 👍 Уроки по CSS - 👍 1С Битрикс работа с сайтом - 👍 Управление системой Битрикс - 👍 Настройки сайта 1С Битрикс - Добавляйтесь к нам в друзья: ►►► Сайт видео-уроков: ►►► Канал в VK автора уроков: ►►► Канал группы в VK: ------------------------------------------------------------------------------------------------------- Мы очень рады если видео 3 FORMA / Переключение tabs на CSS и JS Вам понравилось, хотите поблагодарить жмите кнопку нравится 👍 и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по CSS, так и другим WEB разработкам.


Три месяца работы, все лето за компьютером, и готов мой курс по 1С-Битрикс. После этого видеокурса вы посмотрите на CMS 1С-Битрикс другими глазами! ► (УРОК-1) Введение. Что такое компоненты? ► (УРОК-2) Размещение и подключение компонента ► (УРОК-3) Файловая структура простого компонента ------------------------------------------------------------------------------------------------------- Поддержи канала материально: WMR - R165181087249 WMZ - Z138569415925 PayPal - paypal.me/dwstv Яндекс - 410011610186118 Сбербанк - 4276-3000-2291-1211 Обсуждение видео: Подписка на канал: Видео сборник: ------------------------------------------------------------------------------------------------------- *Другие видео на канале DWSTV*: 👍 JavaScript Основы - 👍 Сайт с нуля - 👍 Уроки по CSS - 👍 1С Битрикс работа с сайтом - 👍 Управление системой Битрикс - 👍 Настройки сайта 1С Битрикс - Добавляйтесь к нам в друзья: ►►► Сайт видео-уроков: ►►► Канал в VK автора уроков: ►►► Канал группы в VK:


Видеокурс по 1С-Битрикс - Данный выпуск посвящен CMS 1С-Битрикс. В нем разберем, как добавлять свои свойства к инфоблоку, и выводить их на страницу сайта. Текстовое описание - Уроки по 1С Битрикс:: ►init.php в БИТРИКС как с ним работать - ►Настройка СТИЛЕЙ визуального редактора - ►Настройка SEO полей - ►Установка HTML шаблона - *Видео метки*: [00:10] - Введение [01:22] - Добавляем свойство в инфоблок [02:19] - Заполняем свойство в элементе [03:05] - Настраиваем компонент в 1С-Битрикс ------------------------------------------------------------------------------------------------------- Поддержи канала материально: WMR - R165181087249 WMZ - Z138569415925 PayPal - paypal.me/dwstv Яндекс - 410011610186118 Сбербанк - 4276-3000-2291-1211 Во время урока я использую: Документацию по CMS 1С-Битрикс Обсуждение видео: Подписка на канал: Видео сборник: ------------------------------------------------------------------------------------------------------- *Другие видео на канале DWSTV*: 👍 JavaScript Основы - 👍 Сайт с нуля - 👍 Уроки по CSS - 👍 1С Битрикс работа с сайтом - 👍 Управление системой Битрикс - 👍 Настройки сайта 1С Битрикс - Добавляйтесь к нам в друзья: ►►► Сайт видео-уроков: ►►► Канал в VK автора уроков: ►►► Канал группы в VK: ------------------------------------------------------------------------------------------------------- Мы очень рады если видео Вывод СВОЙСТВ из инфоблока в 1С-БИТРИКС Вам понравилось, хотите поблагодарить жмите кнопку нравится 👍 и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по CSS, так и другим WEB разработкам.


Исходный код с урока - Это шестой урок по Form, в данном видео разбираем эффект анимирующего чекбокса, который сделаем на псевдоэлементе before и далее при помощи свойства transform зададим динамику перехода. Продолжение: ► 1 FORM на CSS / Предварительная разметка - ► 2 FORM / Вкладки на CSS и JS - ► 3 FORM / Переключение tabs на CSS и JS - ► 4 FORM / Эффект плавающего текста на CSS - ► 5 FORM / ::before ::after (Практика) - ► 7 FORM / Анимация ::before и ::after на transform - *Видео метки*: [00:40] - Выводим иконки во вкладках (задача) [02:10] - Чекбокс, оформляем ссылку [05:26] - Добавляем псевдоэлемент before [06:26] - Связываем before с checkbox [07:20] - Рисуем и анимируем галочку [08:25] - Скрываем стандартный checkbox ------------------------------------------------------------------------------------------------------- Поддержи канала материально: WMR - R165181087249 WMZ - Z138569415925 PayPal - paypal.me/dwstv Яндекс - 410011610186118 Сбербанк - 4276-3000-2291-1211 Во время урока я использую: Документацию по CSS3, HTML5 Редактор PhpStorm Обсуждение видео: Скачать архив с урока - ⭐ Шпаргалка по EMMET - ⭐ Шпаргалка по Иконкам - Подписка на канал: Видео сборник: ------------------------------------------------------------------------------------------------------- *Другие видео на канале DWSTV*: 👍 JavaScript Основы - 👍 Сайт с нуля - 👍 Уроки по CSS - 👍 1С Битрикс работа с сайтом - 👍 Управление системой Битрикс - 👍 Настройки сайта 1С Битрикс - Добавляйтесь к нам в друзья: ►►► Сайт видео-уроков: ►►► Канал в VK автора уроков: ►►► Канал группы в VK: ------------------------------------------------------------------------------------------------------- Мы очень рады если видео 6 FORM / Чекбокс (АНИМАЦИЯ) Вам понравилось, хотите поблагодарить жмите кнопку нравится 👍 и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по CSS, так и другим WEB разработкам.


Продолжаем уроки по Flexbox CSS, тут мы узнаем что такое Оси и как с ними работать, а также разберем многострочность и многоколоночность flex-элементов. Описание свойств - Практический пример - Заготовка к уроку - Всю теорию закрепляем на практическом примере где сделаем простенькую верстку одной страницы. В уроке познакомимся со свойством flex-direction, flex-wrap. Реквизиты для поддержки канала: WMR - R165181087249 WMZ - Z138569415925 PayPal - Яндекс - Сбербанк - 4276-3000-2291-1211 Во время урока я использую: Документацию по css и flexbox Редактор PhpStorm *Видео метки*: [01:11] - Свойство flex-direction [03:22] - Свойство display [03:43] - Свойство flex-wrap [05:49] - Практический пример по flexbox [07:08] - Каркас и оформление блоков [20:11] - Адаптируем страницу media Обсуждение видео: Подписка на канал: Видео сборник: FAQ - Ответы на Ваши вопросы: Голосование - *Другие видео на канале DWSTV*: JavaScript Основы - Сайт с нуля - Уроки по CSS - 1С Битрикс работа с сайтом - Управление системой Битрикс - Настройки сайта 1С Битрикс - Добавляйтесь к нам в друзья: Сайт видео-уроков: Канал в VK автора уроков:


После того как установили 1С_Битрикс, внедрили в него HTML шаблон верстку сайта которую писали сами или скачали с сети. Что делать дальше? Ведь сайт у нас отображается и перед нами стоит вопрос какой дальнейший план работ нужно провести. Так вот, в данном уроке разберем этапы которые сделаем в дальнейшем. Ссылка на урок - Предыдущие уроки по 1С Битрикс: ► 1_урок: Регистрация хостинга - ► 2_урок: УСТАНОВКА 1С Битрикс - ► 3_урок: 1С БИТРИКС примеры внедрения HTML шаблона - ► 4_урок: Установка HTML шаблона в Битрикс - ► 5_урок: Устанавливаем наш ШАБЛОН в 1С-Битрикс - ► 6_урок: План разработки компонента в CMS 1С-Битрикс - ------------------------------------------------------------------------------------------------------- Донат: WMR - R165181087249 WMZ - Z138569415925 PayPal - paypal.me/dwstv Яндекс - 410011610186118 Сбербанк - 4276-3000-2291-1211 Во время урока я использую: Документацию по CMS 1С-Битрикс Обсуждение видео: Подписка на канал: Видео сборник: ------------------------------------------------------------------------------------------------------- *Другие видео на канале DWSTV*: 👍 JavaScript Основы - 👍 Сайт с нуля - 👍 Уроки по CSS - 👍 1С Битрикс работа с сайтом - 👍 Управление системой Битрикс - 👍 Настройки сайта 1С Битрикс - Добавляйтесь к нам в друзья: ►►► Сайт видео-уроков: ►►► Канал в VK автора уроков: ►►► Канал группы в VK: ------------------------------------------------------------------------------------------------------- Мы очень рады если видео План разработки компонента в CMS 1С-Битрикс Вам понравилось, хотите поблагодарить жмите кнопку нравится 👍 и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по CSS, так и другим WEB разработкам.


Первый урок из видеокурса Программирование: Новый взгляд на 1С-Битрикс. Ссылка на курс: Текстовое описание: ► Урок 1 - ► Урок 2 - ► Урок 3 - В данном уроке познакомимся с компонентами и их видами. Рассмотрим принцип работы системы 1С-Битрикс, какие задачи компоненты выполняют в ней. Какие виды компонентов есть в самой системе.


Мы с вами написали общий план и далее с чего начать разработать компонент в 1С-Битрикс? Первым делом рекомендую отобразить компонент в виртуальном дереве редактора. Это вам поможет легко его разместить на странице сайта и не нужно будет вызов компонента прописывать вручную. Как это сделать? Вы узнаете из моего урока, перейдя на сайт по ссылке в описании. Ссылка на урок - Предыдущие уроки по 1С Битрикс: ► 1_урок: Регистрация хостинга - ► 2_урок: УСТАНОВКА 1С Битрикс - ► 3_урок: 1С БИТРИКС примеры внедрения HTML шаблона - ► 4_урок: Установка HTML шаблона в Битрикс - ► 5_урок: Устанавливаем наш ШАБЛОН в 1С-Битрикс - ► 6_урок: План разработки компонента в CMS 1С-Битрикс - ► 7_урок: Отображаем компонент в редакторе 1C Bitrix - ------------------------------------------------------------------------------------------------------- Донат: WMR - R165181087249 WMZ - Z138569415925 PayPal - paypal.me/dwstv Яндекс - 410011610186118 Сбербанк - 4276-3000-2291-1211 Во время урока я использую: Документацию по CMS 1С-Битрикс Обсуждение видео: Подписка на канал: Видео сборник: ------------------------------------------------------------------------------------------------------- *Другие видео на канале DWSTV*: 👍 JavaScript Основы - 👍 Сайт с нуля - 👍 Уроки по CSS - 👍 1С Битрикс работа с сайтом - 👍 Управление системой Битрикс - 👍 Настройки сайта 1С Битрикс - Добавляйтесь к нам в друзья: ►►► Сайт видео-уроков: ►►► Канал в VK автора уроков: ►►► Канал группы в VK: ------------------------------------------------------------------------------------------------------- Мы очень рады если обучающее видео по 1С Битрикс Отображаем компонент в редакторе 1C Bitrix - (.description.php) Вам понравилось, хотите поблагодарить жмите кнопку нравится 👍 и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по CSS, так и другим WEB разработкам.


В данном выпуске зарегистрируем Хостинг на три месяца, настроем его под 1С-Битрикс. Установим CMS и перенесем в него шаблон из предыдущего урока. Ссылка на урок - Предыдущие уроки по 1С Битрикс: ► 1_урок: Регистрация хостинга - ► 2_урок: УСТАНОВКА 1С Битрикс - ► 3_урок: 1С БИТРИКС примеры внедрения HTML шаблона - ► 4_урок: Установка HTML шаблона в Битрикс - ► 5_урок: Устанавливаем наш ШАБЛОН в 1С-Битрикс - Хостинг Макхост - ------------------------------------------------------------------------------------------------------- Донат: WMR - R165181087249 WMZ - Z138569415925 PayPal - paypal.me/dwstv Яндекс - 410011610186118 Сбербанк - 4276-3000-2291-1211 Во время урока я использую: Документацию по CMS 1С-Битрикс Обсуждение видео: Подписка на канал: Видео сборник: ------------------------------------------------------------------------------------------------------- *Другие видео на канале DWSTV*: 👍 JavaScript Основы - 👍 Сайт с нуля - 👍 Уроки по CSS - 👍 1С Битрикс работа с сайтом - 👍 Управление системой Битрикс - 👍 Настройки сайта 1С Битрикс - Добавляйтесь к нам в друзья: ►►► Сайт видео-уроков: ►►► Канал в VK автора уроков: ►►► Канал группы в VK: ------------------------------------------------------------------------------------------------------- Мы очень рады если видео Как установить наш ШАБЛОН в 1С-Битрикс Вам понравилось, хотите поблагодарить жмите кнопку нравится 👍 и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по CSS, так и другим WEB разработкам.


Третий урок из видеокурса Программирование: Новый взгляд на 1С_Битрикс. Ссылка на курс: ► (УРОК-1) Введение. Что такое компоненты? ► (УРОК-2) Размещение и подключение компонента ► (УРОК-3) Файловая структура простого компонента Разбираем более подробно файловую структуру компонентов. Познакомимся с содержанием таких файлов, как component, parameters, description и разберем структуру файлов шаблона.