Home
Videos uploaded by user “ITDoctor”
Плагин LiveReload Синхронизация с браузером без обновления, Видео курс по Sublime Text 3, Урок №5
 
03:03
Плагин LiveReload Синхронизация с браузером без обновления, Видео курс по Sublime Text 3, Урок №5. Плагин LiveReload это автоматическое обновление страницы сайта, т.е. верстка в реальном времени. LiveReload значительно ускорит вашу верстку так как вам не придется каждый раз обновлять страницу браузера чтобы увидеть результаты вашей работы, а страница сама будет обновляться после сохранения файла html или css. ITDoctor - канал, направленный на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое на канале it doctor. ✔Советую посмотреть: LivePreview в Brackets: https://youtu.be/gWv_qN482Jg LiveReload в Brackets: https://youtu.be/lx8or38iOg4 Как установить Emmet в Sublime Text 3: https://youtu.be/C36ZbY6sq5U ✔Наши группы в Социальных сетях: Сайт ITDoctor: http://itdoctor.info/ Группа в ВК: https://vk.com/itdoctorstudio Мой Twitter: https://twitter.com/ITDoctor_morph Подписывайтесь на канал ITDoctor и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1 ◄ Предыдущее видео: https://youtu.be/R3jgr8osVGM ► Следующее видео: https://youtu.be/o5W8EFHxhK8 Если вы хотите поддержать развитие канала: Сбербанк VISA: 4276 5200 1409 4318 Яндекс Кошелек: 410011260821995 QIWI: 4890 4943 0383 5581 WMR: R444308690108 WMZ: Z608507028676
Views: 2637 ITDoctor
Учимcя программировать для ВЕБ, Что такое Java Script? Видео курс по Java Script, Урок 1
 
13:19
Учимcя программировать для ВЕБ, Что такое Java Script? Видео курс по Java Script, Урок 1. Как правильно изучить JavaScript чтобы не пришлось переучиваться и как выучить JavaScript уроки для начинающих с нуля. В этом видео курсе я расскажу вам как правильно изучить javascript и буду демонстрировать код JavaScript на реальных примерах. ITDoctor - канал, направленный на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое на канале it doctor. ✔Советую посмотреть: Учим HTML за 30 минут: https://youtu.be/ORPOQLSKWRA Подробный курс по CSS: https://youtu.be/KKdjIY4crY0 Flexbox верстка из макета PSD: https://youtu.be/r7v2meIhiCs ✔Наши группы в Социальных сетях: Сайт ITDoctor: http://itdoctor.info/ Группа в ВК: https://vk.com/itdoctorstudio Мой Twitter: https://twitter.com/ITDoctor_morph Подписывайтесь на канал Айтидоктор и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1 ◄ Предыдущее видео: https://youtu.be/X3fwcl_qx50 ► Следующее видео: https://youtu.be/Q1F8_13iweQ Если вы хотите поддержать развитие канала: Сбербанк VISA: 4276 5200 1409 4318 Яндекс Кошелек: 410011260821995 QIWI: 4890 4943 0383 5581 WMR: R444308690108 WMZ: Z608507028676
Views: 1971 ITDoctor
Sublime Text 3 Русификатор, Как русифицировать Sublime Text 3, Видео курс по Sublime Text 3, Урок №2
 
02:58
Sublime Text 3 Русификатор, Как русифицировать Sublime Text 3. Sublime Text 3 на русском языке это возможно, нужно просто скачать плагин LocalizedMenu - русификатор sublime text 3. Это русификатор меню в sublime text 3, но тем не менее переводится на русский язык почти все, некоторые элементы остаются на английском языке, но там и так все понятно. ITDoctor - канал, направленный на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое на канале it doctor. ✔Советую посмотреть: Полезные фишки и приёмы Sublime Text 3: https://youtu.be/R3jgr8osVGM LiveReload в Sublime Text 3: https://youtu.be/2sIthDrdcDY Сниппеты в Sublime Text 3: https://youtu.be/o5W8EFHxhK8 ✔Наши группы в Социальных сетях: Сайт ITDoctor: http://itdoctor.info/ Группа в ВК: https://vk.com/itdoctorstudio Мой Twitter: https://twitter.com/ITDoctor_morph Подписывайтесь на канал ITDoctor и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1 ◄ Предыдущее видео: https://youtu.be/MhvhSjsTvjo ► Следующее видео: https://youtu.be/C36ZbY6sq5U Спасибо авторам плагина LocalizedMenu!!! Если вы хотите поддержать развитие канала: Сбербанк VISA: 4276 5200 1409 4318 Яндекс Кошелек: 410011260821995 QIWI: 4890 4943 0383 5581 WMR: R444308690108 WMZ: Z608507028676
Views: 4722 ITDoctor
Разделение экрана Split в Sublime Text 3, Видео курс по Sublime Text 3, Урок №11
 
03:04
Разделение экрана Split в Sublime Text 3, Видео курс по Sublime Text 3, Урок №11. В этом видео уроке я покажу вам как разделить экран в редакторе sublime text на 2 части, на 3 и 4. Так же вертикальное разделение окна в sublime text 3, горизонтальное разделение окна в sublime text 3 и разделение окна в редакторе sublime text 3 в виде сетки. И узнаете как разделить экран или сделать Split screen для ускорения работы. ITDoctor - канал, направленный на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое на канале it doctor. Ссылки на другие наши ресурсы: ♦https://youtu.be/BbKeWZUTJ_M - Sublime Text 3 Русификатор ♦https://youtu.be/C36ZbY6sq5U - Как установить Emmet ♦https://youtu.be/4q_1YJqW3Go - 65 Сокращений Emmet ♦http://itdoctor.xyz/ - Сайт ITDoctor ♦https://vk.com/itdoctorstudio - Группа в ВК ♦https://twitter.com/ITDoctor_morph - Мой Twitter Подписывайтесь на канал Айтидоктор и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1 ◄ Предыдущее видео: https://youtu.be/g_aZ7KfBvBE ► Следующее видео: https://youtu.be/aJORzaA38AA ✔✔Для тех кто хочет поддержать развитие канала: Сбербанк VISA: 4276 5200 1409 4318 Яндекс Кошелек: 410011260821995 QIWI: 4890 4943 0383 5581 WMR: R444308690108 WMZ: Z608507028676
Views: 3606 ITDoctor
Visual Studio Code обзор редактора, Функции и плагины в VS Code
 
21:32
В этом видео я сделаю полный обзор на редактор кода Visual Studio Code и покажу вам его функции и возможности. Этот подробный обзор на редактор VS Code нацелен на то чтобы продемонстрировать вам на реальном примере всё на что способен редактор VS Code. Так же я покажу свой набор плагинов для Visual Studio Code и вкратце расскажу про эти плагины. ✔Мои плагины: Beautify Bootstrap v4 Snippets Live Sass Compiler Live Server Russian Language Pack for Visual Studio Code Sass ✔Для поддержки развития канала: Сбербанк VISA: 4276 5200 1409 4318 Yandex: 410011260821995 - https://yasobe.ru/na/itdoctor QIWI: 4890 4943 0383 5581 WMR: R444308690108 WMZ: Z608507028676 ✔Советую посмотреть: Обзор редактора Brackets: https://youtu.be/X6hRuYBvLmw Видео уроки по Sublime Text 3: https://youtu.be/MhvhSjsTvjo Подробный обзор плагина Emmet: https://youtu.be/4q_1YJqW3Go ✔Наши группы в Социальных сетях: Сайт ITDoctor: http://itdoctor.info/ Группа в ВК: https://vk.com/itdoctorstudio Мой Twitter: https://twitter.com/ITDoctor_morph Подписывайтесь на канал ITDoctor и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1
Views: 4719 ITDoctor
#2 Препроцессор Sass, В чем разница между Sass и SCSS, Синтаксис препроцессора Sass
 
09:20
Препроцессор Sass, В чем разница между Sass и SCSS, Синтаксис препроцессора Sass. В этом видео уроке я расскажу вам про синтаксис препроцессора Sass и в чем разница между Sass и SCSS, а так же вы узнает что Sass и SCSS это два синтаксиса одного и того же препроцессора и файлы с расширениями Sass и SCSS компилируются одним и тем же пакетом Sass. ITDoctor канал, направленный на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое на канале it doctor. ✔Советую посмотреть: Учим CSS за 30 минут: https://youtu.be/X3fwcl_qx50 Препроцессор Less: https://youtu.be/0KUf3UHuheE Flexbox: https://youtu.be/NddTNohooIs ✔Наши группы в Социальных сетях: Сайт ITDoctor: http://itdoctor.info/ Группа в ВК: https://vk.com/itdoctorstudio Мой Twitter: https://twitter.com/ITDoctor_morph ◄ Предыдущее видео: https://youtu.be/FXCjlGmEEFU ► Следующее видео: https://youtu.be/UcSsIeKuNhQ Подписывайтесь на канал ITDoctor и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1 Если вы хотите поддержать развитие канала: Сбербанк VISA: 4276 5200 1409 4318 Яндекс Кошелек: 410011260821995 QIWI: 4890 4943 0383 5581 WMR: R444308690108 WMZ: Z608507028676
Views: 1365 ITDoctor
Какой редактор кода выбрать в 2018 году для веб-разработчика
 
13:56
Какой редактор кода выбрать в 2018 году для веб-разработчика? Если вы задаете такой вопрос то в этом видео я постараюсь помочь вам сделать выбор. В этом видео я сделаю обзор на самые популярные и лучшие современные редакторы кода для веб-разработки и верстки. Мы рассмотри редакторы кода Brackets, Atom, Sublime Text, Notepad++, WebStorm, Visual Studio Code для веб-разработчика. Топ 6 редакторов кода для веб-разработчика и для верстки. Я надеюсь после просмотра этого видео у вас больше не осталось вопроса "Какой редактор кода выбрать в 2018 году для веб-разработчика?". ✔Для поддержки развития канала: Сбербанк VISA: 4276 5200 1409 4318 Yandex: 410011260821995 - https://yasobe.ru/na/itdoctor QIWI: 4890 4943 0383 5581 WMR: R444308690108 WMZ: Z608507028676 ITDoctor канал, направленный на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое на канале it doctor. ✔Советую посмотреть: Полный курс по редактору Brackets: https://youtu.be/5MffOezDNBc Видео уроки по Sublime Text 3: https://youtu.be/MhvhSjsTvjo Обзор браузера для веб-разработчика: https://youtu.be/U95R_NqurDQ Браузер для веб-разработчика (все фишки): https://youtu.be/mwOe87v_KOI Изучаем язык JavaScript: https://youtu.be/uvefDh0LpNY ✔Наши группы в Социальных сетях: Сайт ITDoctor: http://itdoctor.info/ Группа в ВК: https://vk.com/itdoctorstudio Мой Twitter: https://twitter.com/ITDoctor_morph Подписывайтесь на канал ITDoctor и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1
Views: 12034 ITDoctor
Карта изображения, теги map и area, Видео курс по HTML, Урок 15
 
10:40
Карта изображения, теги map и area, Видео курс по HTML, Урок 15. В этом видео уроке я расскажу вам о том как создать карту изображения на html и делать ссылки прямо на изображении. Теги для создания карты изображения html это теги map и area. Карта изображения html примеры на практике как создать карту изображения html. ITDoctor канал, направленный на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое на канале it doctor. ✔Советую посмотреть: Материалы к уроку: https://yadi.sk/d/0TFee9dy3T3DwW Тег source для мультимедиа: https://youtu.be/eUdzu9Nobno Тег изображения img: https://youtu.be/0mTaXAvuXcQ Тег canvas: https://youtu.be/t4skZ4y13Sc ✔Наши группы в Социальных сетях: Сайт ITDoctor: http://itdoctor.info/ Группа в ВК: https://vk.com/itdoctorstudio Мой Twitter: https://twitter.com/ITDoctor_morph ◄ Предыдущее видео: https://youtu.be/t4skZ4y13Sc ► Следующее видео: https://youtu.be/AgmQyyPVSPs Подписывайтесь на канал ITDoctor и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1 Если вы хотите поддержать развитие канала: Сбербанк VISA: 4276 5200 1409 4318 Яндекс Кошелек: 410011260821995 QIWI: 4890 4943 0383 5581 WMR: R444308690108 WMZ: Z608507028676
Views: 1556 ITDoctor
#2 Bootstrap 4 - Адаптивная сетка container row col, Уроки по Bootstrap 4
 
07:55
Адаптивная сетка Bootstrap 4 на практике Как создать container row col. В этом видео уроке по фрэймворку Bootstrap 4 я расскажу вам про сетку Bootstrap, что такое сетка и как пользоваться сеткой Bootstrap. Так же расскажу зачем нужны элементы container, row, col и в какой последовательности их использовать. ITDoctor канал, направленный на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое на канале it doctor. ✔Советую посмотреть: Bootstrap 4 - Таблицы: https://youtu.be/c-xqkK_4bKM Bootstrap 4 - Алерты: https://youtu.be/WxuYk8A1tGA Bootstrap 4 - Кнопки: https://youtu.be/-wuNE6amvq4 ✔Наши группы в Социальных сетях: Сайт ITDoctor: http://itdoctor.info/ Группа в ВК: https://vk.com/itdoctorstudio Мой Twitter: https://twitter.com/ITDoctor_morph ◄ Предыдущее видео: https://youtu.be/xkxjvbGriyY ► Следующее видео: https://youtu.be/JMlfg6BPrzM Подписывайтесь на канал ITDoctor и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1 Если вы хотите поддержать развитие канала: Сбербанк VISA: 4276 5200 1409 4318 Яндекс Кошелек: 410011260821995 QIWI: 4890 4943 0383 5581 WMR: R444308690108 WMZ: Z608507028676
Views: 863 ITDoctor
Почему не работает background-image и Не отображается фон страницы, Видео курс по CSS, Урок 25
 
04:16
Почему не работает background-image и Не отображается фон страницы? Вы задавали себе вопрос Почему не работают CSS-стили? Почему не появляется фоновая картинка через CSS? и Почему не работает background-image? Background-image не работает если у вас недопонимание того что такое Абсолютные и относительные ссылки. Свойство background-image не работает в файле css если вы неправильно указали путь к фоновому изображению в таком случае у вас Не отображается фон страницы. Видео курс по CSS, Урок 25. ITDoctor канал, направленный на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое на канале it doctor. ✔Советую посмотреть: Блочная модель HTML+CSS: https://youtu.be/V5_lepUTQh8 Красивое горизонтальное меню HTML+CSS: https://youtu.be/EXo9MjGOI44 Красивое вертикальное меню HTML+CSS: https://youtu.be/wLkEZJHQYlY ✔Наши группы в Социальных сетях: Сайт ITDoctor: http://itdoctor.info/ Группа в ВК: https://vk.com/itdoctorstudio Мой Twitter: https://twitter.com/ITDoctor_morph ◄ Предыдущее видео: https://youtu.be/NddTNohooIs ► Следующее видео: https://youtu.be/Sg3tTvP_IjM Подписывайтесь на канал ITDoctor и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1 Если вы хотите поддержать развитие канала: Сбербанк VISA: 4276 5200 1409 4318 Яндекс Кошелек: 410011260821995 QIWI: 4890 4943 0383 5581 WMR: R444308690108 WMZ: Z608507028676
Views: 1849 ITDoctor
Обзор Avocode и Zeplin для верстки, Что лучше Avocode или Zeplin при верстке из макета
 
16:31
В этом видео вас ждет сравнение Avocode и Zeplin, мы ознакомимся с основными возможностями этих программ, узнаем зачем они нужны и как помогут на при верстке сайтов. Avodoe и Zeplin нужны для прототипирования интерфейса и упрощают процесс верстки из макета. ✔Для поддержки развития канала: Сбербанк VISA: 4276 5200 1409 4318 Yandex: 410011260821995 - https://yasobe.ru/na/itdoctor QIWI: 4890 4943 0383 5581 WMR: R444308690108 WMZ: Z608507028676 ✔Советую посмотреть: Быстрый старт в CSS: https://youtu.be/X3fwcl_qx50 Не отображается фон страницы: https://youtu.be/l_KWIR0FjO8 Обзор плагина Emmet: https://youtu.be/4q_1YJqW3Go ✔Наши группы в Социальных сетях: Сайт ITDoctor: http://itdoctor.info/ Группа в ВК: https://vk.com/itdoctorstudio Мой Twitter: https://twitter.com/ITDoctor_morph ◄ Предыдущее видео: https://youtu.be/xr1bfpKggL8 ► Следующее видео: https://youtu.be/KV4dCnTMV7o Подписывайтесь на канал ITDoctor и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1
Views: 1214 ITDoctor
Самый подробный обзор редактора Brackets, обзор всех функция и возможностей Brackets
 
15:10
Самый подробный обзор редактора Brackets, обзор всех функция и возможностей Brackets. Это видео обзор редактора Brackets, в данном уроке вы узнаете про все возможности и особенности редактора Brackets я покажу и расскажу как пользоваться редактором Brackets и рассмотрим все на примерах. Вы узнаете как установить Brackets и начать пользоваться редактором с нуля. ✔Для поддержки развития канала: Сбербанк VISA: 4276 5200 1409 4318 Yandex: 410011260821995 - https://yasobe.ru/na/itdoctor QIWI: 4890 4943 0383 5581 WMR: R444308690108 WMZ: Z608507028676 ✔Советую посмотреть: 65 Лучших Сокращений Emmet: https://youtu.be/4q_1YJqW3Go Установка Brackets: https://youtu.be/sGdhIwb-1F8 Первое знакомство: https://youtu.be/67q7MJvLLc4 Меню Вид: https://youtu.be/wnR6-o-C150 ✔Наши группы в Социальных сетях: Сайт ITDoctor: http://itdoctor.info/ Группа в ВК: https://vk.com/itdoctorstudio Мой Twitter: https://twitter.com/ITDoctor_morph ◄ Предыдущее видео: https://www.youtube.com/watch?v=5MffOezDNBc&t=0s&list=PLuY6eeDuleINjpdYGtf2podRhv6DdrvKn&index=2 ► Следующее видео: https://www.youtube.com/playlist?list=PLuY6eeDuleINjpdYGtf2podRhv6DdrvKn Подписывайтесь на канал ITDoctor и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1
Views: 1596 ITDoctor
#1 Как установить Препроцессор Sass и скомпилировать Sass и SCSS файлы стилей в CSS
 
08:59
Как установить Препроцессор Sass и скомпилировать Sass и SCSS файлы стилей в CSS. В этом видео уроке я расскажу вам как установить препроцессор Sass и как скомпилировать файл Sass в CSS. Чтобы компилировать Sass мы установим пакет Sass через nmp (менеджер пакетов, входящий в состав Node.js) и рассмотрим способы компилировать Sass в обычный CSS. ITDoctor канал, направленный на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое на канале it doctor. ✔Советую посмотреть: Препроцессор Less: https://youtu.be/0KUf3UHuheE Подготовка к верстке с Less: https://youtu.be/r7v2meIhiCs Оформляем стили шапки на Flexbox и Less: https://youtu.be/7Cg8SyjDSp4 ✔Наши группы в Социальных сетях: Сайт ITDoctor: http://itdoctor.info/ Группа в ВК: https://vk.com/itdoctorstudio Мой Twitter: https://twitter.com/ITDoctor_morph ◄ Предыдущее видео: https://youtu.be/l_KWIR0FjO8 ► Следующее видео: https://youtu.be/4Pyb3lggFZ8 Подписывайтесь на канал ITDoctor и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1 Если вы хотите поддержать развитие канала: Сбербанк VISA: 4276 5200 1409 4318 Яндекс Кошелек: 410011260821995 QIWI: 4890 4943 0383 5581 WMR: R444308690108 WMZ: Z608507028676
Views: 1621 ITDoctor
#1 Bootstrap 4 - Загрузка и установка, Уроки по Bootstrap 4
 
06:22
В этом видео курсе мы будем изучать фрэймворк Bootstrap 4 для того чтобы начать создавать красивые, адаптивные сайты. В данном уроке я покажу вам как скачать Bootstrap 4 и установить его в свой проект и начать работу с ним. Мы будем устанавливать локальную версию, но можно просто подключить Bootstrap 4 через CDN если у вас есть постоянный доступ в интернет. ITDoctor канал, направленный на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое на канале it doctor. ✔Советую посмотреть: Bootstrap 4 - Типографика: https://youtu.be/JMlfg6BPrzM Bootstrap 4 - Таблицы: https://youtu.be/c-xqkK_4bKM Bootstrap 4 - Алерты: https://youtu.be/WxuYk8A1tGA ✔Наши группы в Социальных сетях: Сайт ITDoctor: http://itdoctor.info/ Группа в ВК: https://vk.com/itdoctorstudio Мой Twitter: https://twitter.com/ITDoctor_morph ► Следующее видео: https://youtu.be/yt3aaoylrOc Подписывайтесь на канал ITDoctor и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1 Если вы хотите поддержать развитие канала: Сбербанк VISA: 4276 5200 1409 4318 Яндекс Кошелек: 410011260821995 QIWI: 4890 4943 0383 5581 WMR: R444308690108 WMZ: Z608507028676
Views: 1310 ITDoctor
#11 Bootstrap 4 - Как сделать меню на сайте, Уроки по Bootstrap 4
 
10:48
В этом видео уроке я покажу вам как создать меню на Bootstrap 4. Меню на bootstrap это navbar с логотипом и элементами (ссылками меню). Меню на bootstrap получается адаптивным и на мобильных устройствах сжимается автоматически, чтобы скрыть и показать меню нужно нажать на специальную кнопку которая появляется только на мобильных устройствах. ITDoctor канал, направленный на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое на канале it doctor. ✔Советую посмотреть: Как создать красивое меню: https://youtu.be/6jbkQ3kA2KA Горизонтальное меню: https://youtu.be/EXo9MjGOI44 Вертикальное меню: https://youtu.be/wLkEZJHQYlY ✔Наши группы в Социальных сетях: Сайт ITDoctor: http://itdoctor.info/ Группа в ВК: https://vk.com/itdoctorstudio Мой Twitter: https://twitter.com/ITDoctor_morph ◄ Предыдущее видео: https://youtu.be/ciPvjYczvb8 ► Следующее видео: Подписывайтесь на канал ITDoctor и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1 Если вы хотите поддержать развитие канала: Сбербанк VISA: 4276 5200 1409 4318 Яндекс Кошелек: 410011260821995 QIWI: 4890 4943 0383 5581 WMR: R444308690108 WMZ: Z608507028676
Views: 1336 ITDoctor
#1 Flexbox и Less верстка адаптивного сайта из макета PSD
 
09:27
В этом видео курсе мы изучаем Flexbox и Less, а также по плану верстка адаптивного сайта из макета PSD. В этом курсе вы найдете уроки по Flexbox и Less верстка адаптивного сайта из макета PSD. Верстка адаптивного сайта и flexbox практика позволят вам создавать современные сайты. Что такое flexbox, flexbox верстка и как создать сайт на flexbox вы узнаете в курсе Flexbox верстка сайта из макета PSD. В этом уроке: Верстка сайта из psd с нуля по макету. Вы узнаете почему верстка из psd так важна в веб разработке. Верстка flexbox это Адаптивная верстка сайта, для всех типов устройств. Верстка сайта адаптивно и уроки flexbox практика в цикле видео уроков по Flexbox и Less. Макет PSD: https://yadi.sk/i/x7LfRmXH3VEDXe Файлы проекта: https://yadi.sk/d/unH109pC3VEDxM Все Изображения: https://yadi.sk/d/zwknNJdKLWPEuQ ITDoctor - канал, направленный на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое на канале it doctor. ✔Советую посмотреть: Учим html за 30 минут: https://youtu.be/ORPOQLSKWRA Изучаем препроцессор Less: https://youtu.be/0KUf3UHuheE Что такое Flexbox: https://youtu.be/NddTNohooIs ✔Наши группы в Социальных сетях: Сайт ITDoctor: http://itdoctor.info/ Группа в ВК: https://vk.com/itdoctorstudio Мой Twitter: https://twitter.com/ITDoctor_morph Подписывайтесь на канал Айтидоктор и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1 ◄ Предыдущее видео: https://www.youtube.com/playlist?list=PLuY6eeDuleIOn8NTkZVsUn9jDCkdoJH9Z ► Следующее видео: https://youtu.be/7Cg8SyjDSp4 Если вы хотите поддержать развитие канала: Сбербанк VISA: 4276 5200 1409 4318 Яндекс Кошелек: 410011260821995 QIWI: 4890 4943 0383 5581 WMR: R444308690108 WMZ: Z608507028676
Views: 3154 ITDoctor
#8 Bootstrap 4 - Как сделать Слайдер или Карусель, Уроки по Bootstrap 4
 
09:26
В этом видео уроке по Bootstrap 4 я расскажу и покажу на примере как создать слайдер или карусель используя стандартные возможности Bootstrap 4. Мы сделаем слайдер из 3 слайдов на Bootsrap и добавим элементы управления слайдами на Bootstrap 4. ITDoctor канал, направленный на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое на канале it doctor. ✔Советую посмотреть: Материалы к уроку: https://yadi.sk/d/N3xcs-SwXLz86Q Bootstrap 4 - Типографика: https://youtu.be/JMlfg6BPrzM Bootstrap 4 - Таблицы: https://youtu.be/c-xqkK_4bKM ✔Наши группы в Социальных сетях: Сайт ITDoctor: http://itdoctor.info/ Группа в ВК: https://vk.com/itdoctorstudio Мой Twitter: https://twitter.com/ITDoctor_morph ◄ Предыдущее видео: https://youtu.be/xNC37dUmEng ► Следующее видео: https://youtu.be/cWMFH9gLco8 Подписывайтесь на канал ITDoctor и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1 Если вы хотите поддержать развитие канала: Сбербанк VISA: 4276 5200 1409 4318 Яндекс Кошелек: 410011260821995 QIWI: 4890 4943 0383 5581 WMR: R444308690108 WMZ: Z608507028676
Views: 943 ITDoctor
Что такое локальный сервер и зачем нужен Open Server, Видео курс по Open Server, Урок №1
 
03:28
Что такое локальный сервер и зачем нужен Open Server, Видео курс по Open Server, Урок №1. Это видео урок по Open Serveer где я расскажу вам, что такое локальный сервер Open Server и зачем он нужен. Покажу вам как скачать open server и установить локальный сервер на свой компьютер. Open Server - установка, настройка и первый запуск локального сервера. Канал ITDoctor направлен на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое. ✔Советую посмотреть: Установка Open Server: https://youtu.be/fwZl8owFdYU Архитектура Open Server: https://youtu.be/YBMHa_AEREE Первый проект на Open Server: https://youtu.be/_wL0imwl-zU Знакомство с MySQL: https://youtu.be/VMyUeHXrjmI Подключение по FTP: https://youtu.be/CMl1ywNIq90 Сайт Open Server: https://ospanel.io/ ✔Наши группы в Социальных сетях: Сайт ITDoctor: http://itdoctor.info/ Группа в ВК: https://vk.com/itdoctorstudio Мой Twitter: https://twitter.com/ITDoctor_morph Подписывайтесь на канал Айтидоктор и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1 ◄ Предыдущее видео: https://www.youtube.com/playlist?list=PLuY6eeDuleINwXopVMV34_gWKV0yESNwJ ► Следующее видео: https://www.youtube.com/watch?v=fwZl8owFdYU&t=1s&list=PLuY6eeDuleINU_F29Ijq_MgeUwjrKaVqW&index=2 Если вы хотите поддержать развитие канала: Сбербанк VISA: 4276 5200 1409 4318 Яндекс Кошелек: 410011260821995 QIWI: 4890 4943 0383 5581 WMR: R444308690108 WMZ: Z608507028676
Views: 807 ITDoctor
Мета тег Meta, мета теги сайта, служебные мета теги в документе html, Видео курс по HTML, Урок 4
 
05:31
Мета тег Meta, мета теги сайта, служебные мета теги в документе html, Видео курс по HTML, Урок 4. В этом видео уроке мы рассмотрим как использовать мета тег Meta для добавления служебной информации. Зачем нужны мета теги в HTML? Теги meta нужны для браузеров и поисковых систем чтобы они лучше находили ваш сайта. Зачем нужны мета теги в html и как правильно применять и использовать тег meta html вы узнаете в этом видео уроке по HTML meta тегам. ITDoctor канал, направленный на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое на канале it doctor. ✔Советую посмотреть: Про тег link (подключение css файла): https://youtu.be/--XMXjGCmi8 Про тег style (писать стили в html): https://youtu.be/yVANo07ciVg Про тег nav (создать меню): https://youtu.be/S5YhuE25x_s ✔Наши группы в Социальных сетях: Сайт ITDoctor: http://itdoctor.info/ Группа в ВК: https://vk.com/itdoctorstudio Мой Twitter: https://twitter.com/ITDoctor_morph ◄ Предыдущее видео: https://youtu.be/EMfArfuevDU ► Следующее видео: https://youtu.be/--XMXjGCmi8 Подписывайтесь на канал ITDoctor и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1 Если вы хотите поддержать развитие канала: Сбербанк VISA: 4276 5200 1409 4318 Яндекс Кошелек: 410011260821995 QIWI: 4890 4943 0383 5581 WMR: R444308690108 WMZ: Z608507028676
Views: 482 ITDoctor
#1 Уроки Git+GitHub - Что такое система управления версиями
 
08:58
В этом видео курсе я расскажу вам что такое система управления версиями и научу пользоваться системой Git и GitHub. Мы будем работать с Git в командной строке и в терминале редактора Visual Studio Code. Система управления версиями - это программное обеспечение для облегчения работы с изменяющейся информацией. Все уроки из этого курса: https://www.youtube.com/playlist?list=PLuY6eeDuleIOMB2R_Kky05ZfiAx2_pbAH ITDoctor канал, направленный на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое на канале it doctor. ✔Советую посмотреть: Обзор редактора Visual Studio Code: https://youtu.be/8qXIe7m8tLU Всё про плагин Emmet: https://youtu.be/4q_1YJqW3Go Учим HTML за 30 минут: https://youtu.be/ORPOQLSKWRA ✔Наши группы в Социальных сетях: Сайт ITDoctor: http://itdoctor.info/ Группа в ВК: https://vk.com/itdoctorstudio Мой Twitter: https://twitter.com/ITDoctor_morph ► Следующее видео: https://youtu.be/WicjZfW29ls Подписывайтесь на канал ITDoctor и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1 Если вы хотите поддержать развитие канала: Сбербанк VISA: 4276 5200 1409 4318 Яндекс Кошелек: 410011260821995 QIWI: 4890 4943 0383 5581 WMR: R444308690108 WMZ: Z608507028676
Views: 1189 ITDoctor
Учимся создавать сайты Frontend и Backend, ITDoctor канал для веб-разработчиков
 
04:43
На этом канале вы найдете обучающие видео на тему как создать сайт самому, без вложений средств. В каждом уроке я стараюсь максимально понятно и простым языком объяснять материал, чтобы даже самые начинающие разработчики смогли все понять и сделать свой собственный сайт. ITDoctor - канал, направленный на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое на канале it doctor. Ссылки на другие наши ресурсы: ♦https://youtu.be/MhvhSjsTvjo - Установка редактора Sublime Text 3 ♦https://youtu.be/fwZl8owFdYU - Установка локального сервера Open Server ♦https://youtu.be/K7J-XqNVf3g - Полный видео курс по HTML ♦http://itdoctor.xyz/ - Сайт ITDoctor ♦https://vk.com/itdoctorstudio - Группа в ВК ♦https://twitter.com/ITDoctor_morph - Мой Twitter Подписывайтесь на канал Айтидоктор и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1 ► Следующее видео: https://youtu.be/ORPOQLSKWRA ✔✔Для тех кто хочет поддержать развитие канала: Сбербанк VISA: 4276 5200 1409 4318 Яндекс Кошелек: 410011260821995 QIWI: 4890 4943 0383 5581 WMR: R444308690108 WMZ: Z608507028676
Views: 1485 ITDoctor
65 Лучших сокращений Emmet, Полный видео урок по Emmet, Видео курс по Sublime Text 3, Урок №8
 
21:18
65 Лучших сокращений Emmet, Полный видео урок по Emmet. Инструкция по Плагину Emmet и обзор плагина Emmet. Как скачать и установить плагин Emmet мы рассматривали ранее, а сейчас я покажу вам самые лучшие конструкции и сокращения. Я выбрал 65 лучших сокращений Emmet и это самые популярные сокращения в Emmet. ✔Для поддержки развития канала: Сбербанк VISA: 4276 5200 1409 4318 Yandex: 410011260821995 - https://yasobe.ru/na/itdoctor QIWI: 4890 4943 0383 5581 WMR: R444308690108 WMZ: Z608507028676 ✔Советую посмотреть: Emmet для Brackets: https://youtu.be/iFqBgI71SM4 Быстрая верстка с Emmet: https://youtu.be/218q_V-7xuA Как установить Emmet в Sublime Text 3: https://youtu.be/C36ZbY6sq5U Документация Emmet: https://yadi.sk/i/W2YC6n8k3SRSYH ✔Наши группы в Социальных сетях: Сайт ITDoctor: http://itdoctor.info/ Группа в ВК: https://vk.com/itdoctorstudio Мой Twitter: https://twitter.com/ITDoctor_morph Подписывайтесь на канал Айтидоктор и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1 ◄ Предыдущее видео: https://youtu.be/TyZu9psiyco ► Следующее видео: https://youtu.be/p38y8yscWaY
Views: 1225 ITDoctor
Первое знакомство с Brackets, Первый запуск, Видео курс по работе с редактором Brackets, Урок №4
 
02:59
Первое знакомство с Brackets, Первый запуск редактора Brackets, Видео курс по работе с редактором Brackets, Урок №4 по Brackets. В этом видео уроке по Brackets мы познакомимся с окном программы Brackets и рассмотрим основные действия, которые можно выполнять в редакторе Brackets. Первый запуск и первое знакомство с редактором Brackets это ваш первый шаг к написанию своего сайта. Канал ITDoctor направлен на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое. Ссылки на другие наши ресурсы: ♦https://youtu.be/wnR6-o-C150 - Меню Вид (первое знакомство с Brackets) ♦https://youtu.be/HE5uRibEyD4 - Плагины в Brackets (запускаем редактор Brackets в первый раз) ♦https://youtu.be/iFqBgI71SM4 - Ставим плагин Emmet (урок по Brackets) ♦http://itdoctor.xyz/ - Сайт ITDoctor ♦https://vk.com/itdoctorstudio - Группа в ВК ♦https://twitter.com/ITDoctor_morph - Мой Twitter Подписывайтесь на канал Айтидоктор и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1 ◄ Предыдущее видео: https://www.youtube.com/watch?v=sGdhIwb-1F8&list=PLuY6eeDuleINjpdYGtf2podRhv6DdrvKn&index=3 ► Следующее видео: https://www.youtube.com/watch?v=wnR6-o-C150&list=PLuY6eeDuleINjpdYGtf2podRhv6DdrvKn&index=5 ✔✔Для тех кто хочет поддержать развитие канала: Сбербанк VISA: 4276 5200 1409 4318 Яндекс Кошелек: 410011260821995 QIWI: 4890 4943 0383 5581 WMR: R444308690108 WMZ: Z608507028676
Views: 345 ITDoctor
#3 Bootstrap 4 - Типографика и Изображения, Уроки по Bootstrap 4
 
06:32
Типографика в Bootstrap 4 Текст и Изображения. В этом видео уроке я расскажу вам про стили и классы в Bootstrap 4 для изменения шрифта, размера текста, и создания адаптивных изображений. Типографика в Bootstrap 4 это специальные классы для управления текстом. ITDoctor канал, направленный на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое на канале it doctor. ✔Советую посмотреть: Bootstrap 4 - Алерты: https://youtu.be/WxuYk8A1tGA Bootstrap 4 - Кнопки: https://youtu.be/-wuNE6amvq4 Bootstrap 4 - Карточки: https://youtu.be/xNC37dUmEng ✔Наши группы в Социальных сетях: Сайт ITDoctor: http://itdoctor.info/ Группа в ВК: https://vk.com/itdoctorstudio Мой Twitter: https://twitter.com/ITDoctor_morph ◄ Предыдущее видео: https://youtu.be/yt3aaoylrOc ► Следующее видео: https://youtu.be/c-xqkK_4bKM Подписывайтесь на канал ITDoctor и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1 Если вы хотите поддержать развитие канала: Сбербанк VISA: 4276 5200 1409 4318 Яндекс Кошелек: 410011260821995 QIWI: 4890 4943 0383 5581 WMR: R444308690108 WMZ: Z608507028676
Views: 644 ITDoctor
Sublime Text 3 Уроки, Установка и запуск sublime text 3, Видео курс по Sublime Text 3, Урок №1
 
03:59
Sublime Text 3 Уроки, Установка и запуск sublime text 3, Видео курс по Sublime Text 3, Урок №1. В этом видео рассмотрены такие темы как: sublime text 3 установка, sublime text 3 настройка, sublime text 3 плагины, обучение редактору sublime text 3. Так же в этом видео Установка и первый запуск sublime text 3. Как установить и пользоваться редактором sublime text 3. ITDoctor - канал, направленный на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Sublime Text 3, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое на канале it doctor. Ссылки на другие наши ресурсы: ♦https://youtu.be/sGdhIwb-1F8 - Установка Brackets ♦https://youtu.be/fwZl8owFdYU - Установка Open Server ♦https://youtu.be/K7J-XqNVf3g - Видео уроки по HTML ♦http://itdoctor.info/ - Сайт ITDoctor ♦https://vk.com/itdoctorstudio - Группа в ВК ♦https://twitter.com/ITDoctor_morph - Мой Twitter Подписывайтесь на канал ITDoctor и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1 ►Следующее видео: https://youtu.be/MhvhSjsTvjo Если вы хотите поддержать развитие канала: Сбербанк VISA: 4276 5200 1409 4318 Яндекс Кошелек: 410011260821995 QIWI: 4890 4943 0383 5581 WMR: R444308690108 WMZ: Z608507028676
Views: 1956 ITDoctor
Пишем игру змейка на JavaScript своими силами, Видео курс по JavaScript, Урок 21
 
15:59
Пишем игру змейка на JavaScript своими силами, Видео курс по JavaScript, Урок 21. В этом видео уроке мы начнем писать игру Змейка на JS. Мы будем создавать игру змейка с нуля своими силами. Мы будем продвигаться по шагам и в конце у нас получится рабочая игра Змейка которую мы сами написали на JavaScript. ITDoctor канал, направленный на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое на канале it doctor. ✔Советую посмотреть: Основы ООП на JS: https://youtu.be/4rkj2CUpzpE Как работать с Canvas: https://youtu.be/StHedc14LLw Анимация Canvas: https://youtu.be/F-voOd60IMQ ✔Наши группы в Социальных сетях: Сайт ITDoctor: http://itdoctor.xyz/ Группа в ВК: https://vk.com/itdoctorstudio Мой Twitter: https://twitter.com/ITDoctor_morph ◄ Предыдущее видео: https://youtu.be/WkAK5tZdcVw ► Следующее видео: https://youtu.be/TIerPCyTwQw Подписывайтесь на канал ITDoctor и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1
Views: 2703 ITDoctor
Добавление аббревиатуры в html5, тег abbr, Видео курс по HTML, Урок 26
 
02:31
Добавление аббревиатуры в html5, тег abbr, Видео курс по HTML, Урок 26. В этом видео уроке я расскажу вам, как вставить на ваш сайт аббревиатуру html и сделать для неё расшифровку. Аббревиатура на html5 это стандартный тег abbr, использовав который мы достигнем желаемого результата. ITDoctor канал, направленный на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое на канале it doctor. ✔Советую посмотреть: Форматирование b em i tt u del: https://youtu.be/3s5HZn65_AA Lorem Ipsum: https://youtu.be/3pqaEvOsN8A Цитата и сноска: https://youtu.be/GrCLN6sBZI8 ✔Наши группы в Социальных сетях: Сайт ITDoctor: http://itdoctor.info/ Группа в ВК: https://vk.com/itdoctorstudio Мой Twitter: https://twitter.com/ITDoctor_morph ◄ Предыдущее видео: https://youtu.be/Dqm1mCGTQBs ► Следующее видео: https://youtu.be/SrTcK5MOa-8 Подписывайтесь на канал ITDoctor и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1 Если вы хотите поддержать развитие канала: Сбербанк VISA: 4276 5200 1409 4318 Яндекс Кошелек: 410011260821995 QIWI: 4890 4943 0383 5581 WMR: R444308690108 WMZ: Z608507028676
Views: 195 ITDoctor
#2 Уроки Git+GitHub - Установка на Windows
 
13:41
В этом видео курсе я расскажу вам что такое система управления версиями и научу пользоваться системой Git и GitHub. В этом уроке я покажу как установить Git на Windows и покажу основы работы в командной строке Windows и в терминале редактора Visual Studio Code. Система управления версиями Git - это программное обеспечение для облегчения работы с изменяющейся информацией. Все уроки из этого курса: https://www.youtube.com/playlist?list=PLuY6eeDuleIOMB2R_Kky05ZfiAx2_pbAH ITDoctor канал, направленный на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое на канале it doctor. ✔Советую посмотреть: Обзор редактора VS Code: https://youtu.be/8qXIe7m8tLU 65 Лучших Сокращений Emmet: https://youtu.be/4q_1YJqW3Go Уроки по Bootstrap 4: https://youtu.be/xkxjvbGriyY ✔Наши группы в Социальных сетях: Сайт ITDoctor: http://itdoctor.info/ Группа в ВК: https://vk.com/itdoctorstudio Мой Twitter: https://twitter.com/ITDoctor_morph ◄ Предыдущее видео: https://youtu.be/JdUzxh8miQw ► Следующее видео: Подписывайтесь на канал ITDoctor и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1 Если вы хотите поддержать развитие канала: Сбербанк VISA: 4276 5200 1409 4318 Яндекс Кошелек: 410011260821995 QIWI: 4890 4943 0383 5581 WMR: R444308690108 WMZ: Z608507028676
Views: 996 ITDoctor
Позиционирование в языке CSS, Свойство position примеры и его значения, Видео курс по CSS, Урок 9
 
09:05
Позиционирование в языке CSS, Свойство position и его значения, Видео курс по CSS, Урок 9. В этом видео я покажу вам как правильно позиционировать элементы в CSS. Рассмотрим такие значения свойства position, как position absolute css, relative, fixed и static. Что такое position: absolute, relative и fixed мы рассмотрим на примере CSS. ITDoctor канал, направленный на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое на канале it doctor. ✔Советую посмотреть: Блочная верстка часть 1: https://youtu.be/s_dvlzrIzbs Блочная верстка на примере: https://youtu.be/Q1F8_13iweQ Границы в CSS: https://youtu.be/ATh5OvvlbOc ✔Наши группы в Социальных сетях: Сайт ITDoctor: http://itdoctor.xyz/ Группа в ВК: https://vk.com/itdoctorstudio Мой Twitter: https://twitter.com/ITDoctor_morph ◄ Предыдущее видео: https://youtu.be/vffkkJFOQ-g ► Следующее видео: https://youtu.be/2KgT0vRmbqw Подписывайтесь на канал ITDoctor и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1
Views: 406 ITDoctor
Как создать красивую форму регистрации на сайт HTML+CSS, Урок 1
 
11:40
Как создать красивую форму регистрации на сайт HTML+CSS, Красивая форма, Урок 1. Наша первая красивая форма на HTML+CSS была создана ранее, а сейчас я покажу вам как создать красивую форму регистрации на HTML+CSS. Красивая форма на сайте играет очень важную роль так как позволяет взаимодействовать с пользователями. Красивое оформление формы на CSS достигается путем добавления довольно простых свойств. ITDoctor канал, направленный на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое на канале it doctor. ✔Советую посмотреть: Начинаем изучать формы на HTML: https://youtu.be/c9Lx7pyIJhw Псевдоклассы для оформления форм на CSS: https://youtu.be/daE3IdHrsh0 Наша первая красивая форма на HTML+CSS: https://youtu.be/JRIlTnhlKC8 Коды данного проекта: https://yadi.sk/d/FKHQnuwX3TxV3K ✔Наши группы в Социальных сетях: Сайт ITDoctor: http://itdoctor.info/ Группа в ВК: https://vk.com/itdoctorstudio Мой Twitter: https://twitter.com/ITDoctor_morph ◄ Предыдущее видео: https://youtu.be/daE3IdHrsh0 ► Следующее видео: https://youtu.be/PVTADvo_BHw Подписывайтесь на канал ITDoctor и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1 ✔✔Для тех кто хочет поддержать развитие канала: Сбербанк VISA: 4276 5200 1409 4318 Яндекс Кошелек: 410011260821995 QIWI: 4890 4943 0383 5581 WMR: R444308690108 WMZ: Z608507028676
Views: 1954 ITDoctor
Стили CSS Тег STYLE, Видео курс по HTML, Урок 6
 
04:02
В этом видео уроке я расскажу вам про тег STYLE. Тег STYLE нужен для оформления стилей CSS в файле HTML. Вы узнаете как писать стили CSS в файле HTML для того чтобы не создавать отдельный файл. Тег STYLE может быть полезен в некоторых ситуациях. ITDoctor канал, направленный на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое на канале it doctor. ✔Советую посмотреть: Быстрый старт в CSS: https://youtu.be/X3fwcl_qx50 Верстка по макету на Flexbox: https://youtu.be/r7v2meIhiCs Красивое оформление меню: https://youtu.be/6jbkQ3kA2KA ✔Наши группы в Социальных сетях: Сайт ITDoctor: http://itdoctor.xyz/ Группа в ВК: https://vk.com/itdoctorstudio Мой Twitter: https://twitter.com/ITDoctor_morph ◄ Предыдущее видео: https://www.youtube.com/watch?v=--XMXjGCmi8&list=PLuY6eeDuleIMjV7Kff8yf8RA-XwjXVGgl&index=5 ► Следующее видео: https://www.youtube.com/watch?v=Jk1SDi75PwU&index=7&list=PLuY6eeDuleIMjV7Kff8yf8RA-XwjXVGgl Подписывайтесь на канал ITDoctor и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1
Views: 406 ITDoctor
Обзор всех инструментов браузера Firefox DE, Урок№16
 
05:14
Обзор всех инструментов браузера Firefox DE. В этом видео уроке мы продолжим рассматривать браузер Firefox Developer Edition и рассмотрим более подробно его функции. Обзор браузера для веб-разработчика Firefox, Полезные инструменты для веб-разработчика. В этом видео уроке я сделаю полный обзор инструментов для веб-разработчика. Firefox Developer Edition браузер для веб-разработчиков. ITDoctor - канал, направленный на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое на канале it doctor. Ссылки на другие наши ресурсы: ♦https://www.mozilla.org/ru/firefox/developer/ - Firefox Developer Edition ♦https://youtu.be/mAKYIGWLS1Q1 - Что нужно веб-разработчику? ♦https://youtu.be/eiXQljx6aTw - Как подключить шрифты Google Fonts ♦http://itdoctor.xyz/ - Сайт ITDoctor ♦https://vk.com/itdoctorstudio - Группа в ВК ♦https://twitter.com/ITDoctor_morph - Мой Twitter Подписывайтесь на канал Айтидоктор и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1 ◄ Предыдущее видео: https://www.youtube.com/watch?v=U95R_NqurDQ&index=15&list=PLuY6eeDuleINwXopVMV34_gWKV0yESNwJ ► Следующее видео: https://www.youtube.com/watch?v=-XucMEtcXkw&index=17&list=PLuY6eeDuleINwXopVMV34_gWKV0yESNwJ
Views: 497 ITDoctor
Верстка сайта DIV блоками, Блочная верстка слоями DIV, Видео курс по HTML, Урок №42
 
17:27
Что такое блочная верстка сайта на практике? Верстка сайта DIV блоками или же блочная верстка слоями DIV это современная верстка сайта то есть способ создать сайт по макету. В этом видео мы начинаем верстку сайта DIV блоками на практике. Что такое блочная верстка сайта и как верстать сайт блоками DIV вы узнаете из этого урока по HTML верстке слоями с помощью DIV. В этом видео уроке я расскажу вам про тег div. Мы будем делать верстку страницы с помощью блока div на html и оформлять стили css. Рассмотрим пример того, как позиционировать элементы. Блочная верстка одна из самых популярных на данный момент и основной элемент в такой верстке это блок div. Верстка div блоками и верстка сайта на html+css тегом div, Видео курс по HTML, Урок №42. Канал ITDoctor направлен на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое на канале it doctor. Навигация по видео: [00:03] - Введение в блочную верстку DIV [00:40] - Переходим к html [05:40] - Переходим к css [16:20] - Завершение ✔Советую посмотреть: Файлы проекта: https://yadi.sk/d/uj1f6ewR3TMYFX Как верстать сайт блоками DIV: https://youtu.be/s_dvlzrIzbs Структура сайта: https://youtu.be/Jk1SDi75PwU Как создать красивое меню: https://youtu.be/6jbkQ3kA2KA ✔Наши группы в Социальных сетях: Сайт ITDoctor: http://itdoctor.info/ Группа в ВК: https://vk.com/itdoctorstudio Мой Twitter: https://twitter.com/ITDoctor_morph Подписывайтесь на канал Айтидоктор и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1 ◄ Предыдущее видео: https://youtu.be/dSUblex7O0g ► Следующее видео: https://youtu.be/c9Lx7pyIJhw Если вы хотите поддержать развитие канала: Сбербанк VISA: 4276 5200 1409 4318 Яндекс Кошелек: 410011260821995 QIWI: 4890 4943 0383 5581 WMR: R444308690108 WMZ: Z608507028676
Views: 2845 ITDoctor
Установка Open Server Локальный сервер Настройка и первый запуск, Видео курс по Open Server, Урок №2
 
04:56
Установка Open Server Локальный сервер Настройка и первый запуск, Видео курс по Open Server, Урок №2. Это видео урок по Open Server, где я покажу вам как загрузить и установить локальный сервер Open Server на свой компьютер. Так же настройка и первый запуск локального сервера open server. Канал ITDoctor направлен на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое. Ссылки на другие наши ресурсы: ♦https://youtu.be/JyUKJKPSM2k - Введение ♦https://youtu.be/YBMHa_AEREE - Архитектура Open Server ♦https://youtu.be/_wL0imwl-zU - Первый проект на Open Server ♦https://youtu.be/VMyUeHXrjmI - Знакомство с MySQL ♦https://youtu.be/CMl1ywNIq90 - Подключение по FTP ♦http://itdoctor.xyz/ - Сайт ITDoctor ♦https://vk.com/itdoctorstudio - Группа в ВК ♦https://twitter.com/ITDoctor_morph - Мой Twitter ♦https://ospanel.io/download/ - скачать Open Server Подписывайтесь на канал Айтидоктор и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1 ◄ Предыдущее видео: https://www.youtube.com/watch?v=JyUKJKPSM2k&t=1s&index=1&list=PLuY6eeDuleINU_F29Ijq_MgeUwjrKaVqW ► Следующее видео: https://www.youtube.com/watch?v=YBMHa_AEREE&list=PLuY6eeDuleINU_F29Ijq_MgeUwjrKaVqW&index=3 ✔✔Для тех кто хочет поддержать развитие канала: Сбербанк VISA: 4276 5200 1409 4318 Яндекс Кошелек: 410011260821995 QIWI: 4890 4943 0383 5581 WMR: R444308690108 WMZ: Z608507028676
Views: 632 ITDoctor
Boolean Логический тип данных в JavaScript, Видео курс по JavaScript, Урок 4
 
10:35
Boolean Логический тип данных в JavaScript, Видео курс по JavaScript, Урок 4. Тип данных boolean javascript и как применять значения true и false на javascript на примерах. Булева алгебра на javascript позволит использовать логические операторы javascript и булевы значения в JavaScript. javascript логические операторы и javascript логические операции это разные понятия и отличия вы узнаете в этом уроке по JavaScript для начинающих. ITDoctor канал, направленный на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое на канале it doctor. ✔Советую посмотреть: Что такое Java Script: https://youtu.be/uvefDh0LpNY Типы данных и переменные: https://youtu.be/ao9tsr-ocL4 Строковый тип данных: https://youtu.be/wdCN_uhS_Ks ✔Наши группы в Социальных сетях: Сайт ITDoctor: http://itdoctor.info/ Группа в ВК: https://vk.com/itdoctorstudio Мой Twitter: https://twitter.com/ITDoctor_morph ◄ Предыдущее видео: https://youtu.be/wdCN_uhS_Ks ► Следующее видео: https://youtu.be/vKvK_btc6dE Подписывайтесь на канал ITDoctor и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1 Если вы хотите поддержать развитие канала: Сбербанк VISA: 4276 5200 1409 4318 Яндекс Кошелек: 410011260821995 QIWI: 4890 4943 0383 5581 WMR: R444308690108 WMZ: Z608507028676
Views: 321 ITDoctor
Шрифты Google Fonts, Как подключить шрифты на сайт, Урок №2
 
05:20
Шрифты Google Fonts Как скачать и подключить шрифты на сайт, Полезные инструменты для веб-разработчика. В этом видео уроке мы поговорим про сервис Google Fonts. Я расскажу вам как скачать и подключить Google Fonts шрифты на сайт. Мы установим несколько шрифтов и попробуем с ними поработать. Как скачать шрифты с Google Fonts и подключить их к себе на сайт я покажу на примере. ITDoctor - канал, направленный на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое на канале it doctor. Ссылки на другие наши ресурсы: ♦https://youtu.be/bRMt2tU1YrM - Шрифты Google Fonts на css ♦https://youtu.be/iwGQoT_JBf0 - Тег font на языке html ♦https://fonts.google.com/ - Сервис Google Fonts ♦http://itdoctor.xyz/ - Сайт ITDoctor ♦https://vk.com/itdoctorstudio - Группа в ВК ♦https://twitter.com/ITDoctor_morph - Мой Twitter Подписывайтесь на канал Айтидоктор и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1 ◄ Предыдущее видео: https://www.youtube.com/watch?v=mAKYIGWLS1Q&index=1&list=PLuY6eeDuleINwXopVMV34_gWKV0yESNwJ ► Следующее видео: https://www.youtube.com/watch?v=r-zuzs1Llyk&list=PLuY6eeDuleINwXopVMV34_gWKV0yESNwJ&index=3
Views: 413 ITDoctor
Sublime Text 3 Полезные фишки, функции и приёмы редактора, Видео курс по Sublime Text 3, Урок №4
 
05:24
Sublime Text 3 Полезные фишки, функции и приёмы редактора, Видео курс по Sublime Text 3, Урок №4. В данном видео уроке я расскажу про полезные фишки редактора, так же покажу некоторые удобные приемы и функции в Sublime Text 3. Такие приемы как множественное выделение или миникарта документа очень помогают нам в разработке. Комментирование в sublime text 3 выполняется с помощью горячих клавиш. ITDoctor - канал, направленный на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое на канале it doctor. Ссылки на другие наши ресурсы: ♦https://youtu.be/MhvhSjsTvjo - Установка Sublime Text 3 ♦https://youtu.be/BbKeWZUTJ_M - Sublime Text 3 Русификатор ♦https://youtu.be/C36ZbY6sq5U - Как установить Emmet в Sublime Text ♦http://itdoctor.xyz/ - Сайт ITDoctor ♦https://vk.com/itdoctorstudio - Группа в ВК ♦https://twitter.com/ITDoctor_morph - Мой Twitter Подписывайтесь на канал Айтидоктор и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ●https://www.youtube.com/c/ITDoctor?sub_confirmation=1 ▲Предыдущее видео: https://youtu.be/C36ZbY6sq5U ▲Следующее видео: https://youtu.be/2sIthDrdcDY
Views: 814 ITDoctor
Случайные числа в JavaScript и округление чисел, Видео курс по JavaScript, Урок 6
 
06:43
В этом видео уроке я расскажу вам про метод Math.random() генерация случайных чисел в JavaScript и метод Math.floor() округление чисел на JavaScript. Мы научимся генерировать случайное число и округлять его на языке JavaScript на реальных примерах. ITDoctor канал, направленный на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое на канале it doctor. ✔Советую посмотреть: Типы данных и переменные: https://youtu.be/ao9tsr-ocL4 Строковый тип данных: https://youtu.be/wdCN_uhS_Ks Логический тип данных: https://youtu.be/Fn6CTzDuUdw ✔Наши группы в Социальных сетях: Сайт ITDoctor: http://itdoctor.info/ Группа в ВК: https://vk.com/itdoctorstudio Мой Twitter: https://twitter.com/ITDoctor_morph ◄ Предыдущее видео: https://youtu.be/vKvK_btc6dE ► Следующее видео: https://youtu.be/kVKfu-7aeNI Подписывайтесь на канал ITDoctor и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1 Если вы хотите поддержать развитие канала: Сбербанк VISA: 4276 5200 1409 4318 Яндекс Кошелек: 410011260821995 QIWI: 4890 4943 0383 5581 WMR: R444308690108 WMZ: Z608507028676
Views: 379 ITDoctor
Autoprefixer плагин для редактора Sublime Text 3, Видео курс по Sublime Text 3, Урок №14
 
03:38
В этом видео уроке вы узнаете как установить плагин Autoprefixer. Плагин автопрефиксер позволяет автоматически создавать префиксы для css свойств. Если вы задавались вопросом как делать авто префиксы в CSS для разных браузеров, то автопрефиксер это решение вашего вопроса. Autoprefixer плагин для редактора Sublime Text 3 делает авто префиксы в CSS. Autoprefixer плагин для редактора Sublime Text 3. В этом уроке я покажу вам как установить плагин Autoprefixer, который позволит нам автоматически создавать префиксы для CSS свойств для разных браузеров. Как делать авто префиксы в CSS? Плагин автопрефиксер позволит делать это автоматически. Autoprefixer плагин для редактора Sublime Text 3, Видео курс по Sublime Text 3, Урок №14. ITDoctor - канал, направленный на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое на канале it doctor. Ссылки на другие наши ресурсы: ♦https://youtu.be/rAhunBnBLtE - Плагин Autoprefixer для Brackets ♦https://youtu.be/ORPOQLSKWRA - Учим html за 30 минут ♦https://youtu.be/KKdjIY4crY0 - Изучаем основы CSS ♦http://itdoctor.xyz/ - Сайт ITDoctor ♦https://vk.com/itdoctorstudio - Группа в ВК ♦https://twitter.com/ITDoctor_morph - Мой Twitter Подписывайтесь на канал Айтидоктор и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1 ◄ Предыдущее видео: https://youtu.be/GPyELowCcUA ► Следующее видео: https://youtu.be/O7YggRRS0s8
Views: 422 ITDoctor
HTML, Основы HTML, Введение в HTML, Что такое HTML, Видео курс по HTML, Урок 1
 
04:29
В этом видео курсе мы будем изучать язык HTML - язык гипертекстовой разметки. С помощью языка HTML мы будем создавать сайты и узнаем основы HTML. Я расскажу вам про самые главные теги в html5 и что это такое. Это видео курс по языку html 5, который призван помочь вам выучить html. Выучить html очень быстро это не сложно. Я уверен что данное обучение html ответит на вопрос как выучить html. HTML язык гипертекстовой разметки, Введение в HTML, что такое HTML, Видео курс по HTML, Урок №1. Канал ITDoctor направлен на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое на канале it doctor. ✔Советую посмотреть: Все про цвет RGB в HTML: https://youtu.be/HZr7xrJIbi8 Установка Open Server: https://youtu.be/fwZl8owFdYU Изучаем редактор Brackets: https://youtu.be/5MffOezDNBc ✔Наши группы в Социальных сетях: Сайт ITDoctor: http://itdoctor.info/ Группа в ВК: https://vk.com/itdoctorstudio Мой Twitter: https://twitter.com/ITDoctor_morph Подписывайтесь на канал Айтидоктор и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1 ◄ Предыдущее видео: https://www.youtube.com/playlist?list=PLuY6eeDuleINU_F29Ijq_MgeUwjrKaVqW ► Следующее видео: https://www.youtube.com/watch?v=Y07olNpPti0&index=2&t=0s&list=PLuY6eeDuleIMjV7Kff8yf8RA-XwjXVGgl Если вы хотите поддержать развитие канала: Сбербанк VISA: 4276 5200 1409 4318 Яндекс Кошелек: 410011260821995 QIWI: 4890 4943 0383 5581 WMR: R444308690108 WMZ: Z608507028676
Views: 1105 ITDoctor
#8 Слайдер с отзыва, Изменение цвета стрелок слайдера на Bootstrap 4, Cайт с нуля на BS4+SCSS
 
09:41
В этом видео мы будем создавать слайдер с отзывами на Bootstrap 4. Так же я покажу как изменить цвет стрелок слайдера на Bootstrap 4 и SCSS. $pr-color: '3f51b5'; .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23#{$pr-color}' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23#{$pr-color}' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } ITDoctor канал, направленный на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое на канале it doctor. ✔Советую посмотреть: Все изображения сайта: https://yadi.sk/d/YYFNxSLJeevK1Q Обзор редактора Visual Studio Code: https://youtu.be/8qXIe7m8tLU 65 Лучших Сокращений Emmet: https://youtu.be/4q_1YJqW3Go Сервис Material Palette: https://youtu.be/hGijz_lJBxo ✔Наши группы в Социальных сетях: Сайт ITDoctor: http://itdoctor.info/ Группа в ВК: https://vk.com/itdoctorstudio Мой Twitter: https://twitter.com/ITDoctor_morph ◄ Предыдущее видео: https://youtu.be/S_p_kgFPH6s ► Следующее видео: https://youtu.be/S3UG6pJRduo Подписывайтесь на канал ITDoctor и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1 Если вы хотите поддержать развитие канала: Сбербанк VISA: 4276 5200 1409 4318 Яндекс Кошелек: 410011260821995 QIWI: 4890 4943 0383 5581 WMR: R444308690108 WMZ: Z608507028676
Views: 234 ITDoctor
Архитектура Open Server Как устроен локальный сервер, Видео курс по Open Server, Урок №3
 
05:14
Архитектура Open Server как устроен локальный сервер, Видео курс по Open Server, Урок №3. В этом видео уроке по Open Server я расскажу вам об архитектуре локального сервера open server. И мы рассмотрим основные действия которые можно выполнять в openserver. Канал ITDoctor направлен на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое. Ссылки на другие наши ресурсы: ♦https://youtu.be/JyUKJKPSM2k - Введение ♦https://youtu.be/fwZl8owFdYU - Установка Open Server ♦https://youtu.be/_wL0imwl-zU - Первый проект на Open Server ♦https://youtu.be/VMyUeHXrjmI - Знакомство с MySQL ♦https://youtu.be/CMl1ywNIq90 - Подключение по FTP ♦http://itdoctor.xyz/ - Сайт ITDoctor ♦https://vk.com/itdoctorstudio - Группа в ВК ♦https://twitter.com/ITDoctor_morph - Мой Twitter Подписывайтесь на канал Айтидоктор и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1 ◄ Предыдущее видео: https://www.youtube.com/watch?v=fwZl8owFdYU&t=1s&list=PLuY6eeDuleINU_F29Ijq_MgeUwjrKaVqW&index=2 ► Следующее видео: https://www.youtube.com/watch?v=_wL0imwl-zU&list=PLuY6eeDuleINU_F29Ijq_MgeUwjrKaVqW&index=4
Views: 410 ITDoctor
#5 Уроки Git+GitHub - Учим аналогичные команды в редакторе Visual Studio Code
 
06:47
В этом уроке я расскажу вам как использовать команды git в редакторе Visual Studio Code с помощью удобного интерфейса, все команды такие как: git add, git commit, git push, git status и некоторые другие команды для работы с git мы рассмотрели в командной строке, а теперь научимся делать то же самое но используя специальное меню в редакторе Visual Studio Code для работы с системой управления версиями. Все уроки из этого курса: https://www.youtube.com/playlist?list=PLuY6eeDuleIOMB2R_Kky05ZfiAx2_pbAH ITDoctor канал, направленный на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое на канале it doctor. ✔Советую посмотреть: Обзор редактора VS Code: https://youtu.be/8qXIe7m8tLU 65 Лучших Сокращений Emmet: https://youtu.be/4q_1YJqW3Go Уроки по Bootstrap 4: https://youtu.be/xkxjvbGriyY ✔Наши группы в Социальных сетях: Сайт ITDoctor: http://itdoctor.info/ Группа в ВК: https://vk.com/itdoctorstudio Мой Twitter: https://twitter.com/ITDoctor_morph ◄ Предыдущее видео: https://youtu.be/Pl0xwUicJDc ► Следующее видео: https://youtu.be/__GVBVv9Erg Подписывайтесь на канал ITDoctor и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1 Если вы хотите поддержать развитие канала: Сбербанк VISA: 4276 5200 1409 4318 Яндекс Кошелек: 410011260821995 QIWI: 4890 4943 0383 5581 WMR: R444308690108 WMZ: Z608507028676
Views: 651 ITDoctor
Медиа запросы в языке CSS, media css адаптивный дизайн, @media screen css Видео курс по CSS, Урок 5
 
12:34
Медиа запросы в языке CSS, media css адаптивный дизайн, Видео курс по CSS, Урок 5. В этом видео я расскажу про то как создавать медиа запросы на CSS, а так же что такое медиа запросы и зачем нужны медиа запросы на CSS. В дальнейшем медиа запросы помогут нам делать адаптивный дизайн сайта. Медиа запросы создаются так: @media и дальше указываются дополнительные параметры. ITDoctor канал, направленный на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое на канале it doctor. ✔Советую посмотреть: @-правила в CSS: https://youtu.be/30PiWyhFVos Создаем меню на HTML+CSS: https://youtu.be/6jbkQ3kA2KA Создаем форму регистрации: https://youtu.be/JRIlTnhlKC8 ✔Наши группы в Социальных сетях: Сайт ITDoctor: http://itdoctor.xyz/ Группа в ВК: https://vk.com/itdoctorstudio Мой Twitter: https://twitter.com/ITDoctor_morph ◄ Предыдущее видео: https://youtu.be/qJslpgIA_Bs ► Следующее видео: https://youtu.be/f72V5rxHLds Подписывайтесь на канал ITDoctor и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1
Views: 347 ITDoctor
#7 Уроки Git+GitHub - Отмена изменений и возврат к другому коммиту
 
09:10
В этом видео уроке я расскажу вам про то как отменить все изменения которые вы внесли в ваш проект Git и вернуться к его первоначальному состоянию. Есть три вида изменения которые вы можете сделать: Сделать изменения и сохранить файл, сохранить файл и применить команду git add и добавить все файлы в stage area и самый сложный случай когда вы сделали git commit. Я покажу вам как отменить любое из этих действий и восстановить прежнюю версию вашего проекта. Все уроки из этого курса: https://www.youtube.com/playlist?list=PLuY6eeDuleIOMB2R_Kky05ZfiAx2_pbAH ITDoctor канал, направленный на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое на канале it doctor. ✔Советую посмотреть: Обзор редактора VS Code: https://youtu.be/8qXIe7m8tLU 65 Лучших Сокращений Emmet: https://youtu.be/4q_1YJqW3Go Уроки по Bootstrap 4: https://youtu.be/xkxjvbGriyY ✔Наши группы в Социальных сетях: Сайт ITDoctor: http://itdoctor.info/ Группа в ВК: https://vk.com/itdoctorstudio Мой Twitter: https://twitter.com/ITDoctor_morph ◄ Предыдущее видео: https://youtu.be/__GVBVv9Erg ► Следующее видео: https://youtu.be/Lf8arzsq__U Подписывайтесь на канал ITDoctor и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1 Если вы хотите поддержать развитие канала: Сбербанк VISA: 4276 5200 1409 4318 Яндекс Кошелек: 410011260821995 QIWI: 4890 4943 0383 5581 WMR: R444308690108 WMZ: Z608507028676
Views: 373 ITDoctor
Условные конструкции на JavaScript, Условия if else на JavaScript, Видео курс по JavaScript, Урок 8
 
09:53
Условные конструкции на JavaScript, Условия if else на JavaScript, Видео курс по JavaScript, Урок 8. Это урок javascript по условным конструкциям if else javascript. Конструкция if else в javascript нужна чтобы писать условия в javascript. Что такое условные конструкции в javascript, как применять условные операторы javascript и зачем нужны условия в javascript, вы узнаете в этом урок как писать и создать условия в javascript. ITDoctor канал, направленный на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое на канале it doctor. ✔Советую посмотреть: Логический тип данных: https://youtu.be/Fn6CTzDuUdw Массивы на JS: https://youtu.be/vKvK_btc6dE Случайные числа и округление чисел: https://youtu.be/5Hq463bAjCo ✔Наши группы в Социальных сетях: Сайт ITDoctor: http://itdoctor.xyz/ Группа в ВК: https://vk.com/itdoctorstudio Мой Twitter: https://twitter.com/ITDoctor_morph ◄ Предыдущее видео: https://youtu.be/kVKfu-7aeNI ► Следующее видео: https://youtu.be/QhQrm-HEot8 Подписывайтесь на канал ITDoctor и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1
Views: 301 ITDoctor
Структура сайта. Элементы Header, Body и Footer, Видео курс по HTML, Урок 7
 
03:11
Структура сайта. Элементы Header, Body и Footer, Видео курс по HTML, Урок 7. В этом видео уроке я расскажу вам про логическое деление сайта на блоки и из каких элементов состоит структура сайта html. Теги header для создания шапки сайта, section и тег body для создания тела сайта и footer для создания подвала позволяют нам создавать структуру сайта и документа html. ITDoctor канал, направленный на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое на канале it doctor. ✔Советую посмотреть: Теги Header Section Footer: https://youtu.be/J5TP3kqlEk8 Тег nav для меню: https://youtu.be/S5YhuE25x_s Тег audio: https://youtu.be/0fYXP5eliM8 ✔Наши группы в Социальных сетях: Сайт ITDoctor: http://itdoctor.xyz/ Группа в ВК: https://vk.com/itdoctorstudio Мой Twitter: https://twitter.com/ITDoctor_morph ◄ Предыдущее видео: https://www.youtube.com/watch?v=yVANo07ciVg&index=6&list=PLuY6eeDuleIMjV7Kff8yf8RA-XwjXVGgl ► Следующее видео: https://www.youtube.com/watch?v=J5TP3kqlEk8&index=8&list=PLuY6eeDuleIMjV7Kff8yf8RA-XwjXVGgl Подписывайтесь на канал ITDoctor и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1
Views: 379 ITDoctor
Работа с таблицами, тег Tbody, Tfoot и Thead, Видео курс по HTML, Урок 24
 
07:49
Работа с таблицами, тег Tbody, Tfoot и Thead, Видео курс по HTML, Урок 24. В этом видео уроке я расскажу вам про теги thead, tbody и tfoot. Эти теги нужны нам для работы с таблицами. Тег thead, tbody и tfoot позволяют разделить таблицу на логические блоки, такие как заголовок таблицы, тело таблицы, футер таблицы. ITDoctor канал, направленный на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое на канале it doctor. ✔Советую посмотреть: Таблицы в CSS: https://youtu.be/3GDqDbSNVvY Работа с таблицами table tr td: https://youtu.be/4CYZKtSXHko Работа с таблицами th tr td: https://youtu.be/PcTSdseYrgM ✔Наши группы в Социальных сетях: Сайт ITDoctor: http://itdoctor.info/ Группа в ВК: https://vk.com/itdoctorstudio Мой Twitter: https://twitter.com/ITDoctor_morph ◄ Предыдущее видео: https://youtu.be/PcTSdseYrgM ► Следующее видео: https://youtu.be/Dqm1mCGTQBs Подписывайтесь на канал ITDoctor и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1 Если вы хотите поддержать развитие канала: Сбербанк VISA: 4276 5200 1409 4318 Яндекс Кошелек: 410011260821995 QIWI: 4890 4943 0383 5581 WMR: R444308690108 WMZ: Z608507028676
Views: 169 ITDoctor
#9 Уроки Git+GitHub - Сохраняем фрагменты кода, создаем свои Gist
 
07:22
В этом видео уроке я расскажу вам что такое github Gist и как работать с Gist. Gist позволяет нам сохранять любые фрагменты кода и использовать их повторно в своей работе. Вам больше не нужно хранить все наработки, фрагменты кода и скрипты у себя на диске в текстовых документах. Вы можете просто создать новый Gist и в дальнейшем очень быстрой и удобно подгрузить Gist с github в своем редакторе и использовать этот код. ITDoctor канал, направленный на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое на канале it doctor. ✔Советую посмотреть: Обзор редактора VS Code: https://youtu.be/8qXIe7m8tLU 65 Лучших Сокращений Emmet: https://youtu.be/4q_1YJqW3Go Уроки по Bootstrap 4: https://youtu.be/xkxjvbGriyY ✔Наши группы в Социальных сетях: Сайт ITDoctor: http://itdoctor.info/ Группа в ВК: https://vk.com/itdoctorstudio Мой Twitter: https://twitter.com/ITDoctor_morph ◄ Предыдущее видео: https://youtu.be/Lf8arzsq__U ► Следующее видео: https://youtu.be/z5gOy8cBle0 Подписывайтесь на канал ITDoctor и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1 Если вы хотите поддержать развитие канала: Сбербанк VISA: 4276 5200 1409 4318 Яндекс Кошелек: 410011260821995 QIWI: 4890 4943 0383 5581 WMR: R444308690108 WMZ: Z608507028676
Views: 267 ITDoctor
Sublime Text 3 Emmet, как установить Emmet в Sublime Text 3, Видео курс по Sublime Text 3, Урок №3
 
06:12
Sublime Text 3 Emmet, как установить Emmet в Sublime Text 3, Видео курс по Sublime Text 3, Урок №3. Плагин Emmet создан специально для быстрой верстки и его можно установить в Sublime Text 3. Установить Emmet в sublime text можно с помощью инструмента package control. С помощью Emmet вы можете увеличить скорость вашей верстки в несколько раз. В этом видео я покажу вам как работать с Emmet на примерах. ITDoctor - канал, направленный на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое на канале it doctor. ✔Советую посмотреть: Как установить Emmet в Brackets: https://youtu.be/iFqBgI71SM4 Все о Emmet на примерах: https://youtu.be/218q_V-7xuA 65 Сокращений Emmet: https://youtu.be/4q_1YJqW3Go ✔Наши группы в Социальных сетях: Сайт ITDoctor: http://itdoctor.info/ Группа в ВК: https://vk.com/itdoctorstudio Мой Twitter: https://twitter.com/ITDoctor_morph Подписывайтесь на канал ITDoctor и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1 ◄ Предыдущее видео: https://youtu.be/BbKeWZUTJ_M ► Следующее видео: https://youtu.be/R3jgr8osVGM Если вы хотите поддержать развитие канала: Сбербанк VISA: 4276 5200 1409 4318 Яндекс Кошелек: 410011260821995 QIWI: 4890 4943 0383 5581 WMR: R444308690108 WMZ: Z608507028676
Views: 1223 ITDoctor

Side effects of lexapro after stopping progesterone
Tadacip Tadalafil 20mgX32 Mužské zdraví
How many mg of bupropion to get high
Adderall 30 mg brand name
Presentadora de univision embarazada 2014 gmc