Введение в веб-разработку и создание сайтов. Курс для начинающих. Создание первого сайта с нуля. HTML, CSS, github, VScode

Если Вы давно хотели начать изучение веб-разработки 🖥️, но не знали с чего начать, то данный курс будет для Вас идеальным решением✔️

Так же если Вы начинали изучение, но по каким-то причинам забросили, курс поможет освежить знания и двигаться дальше.

Если Вы собственник бизнеса, то после просмотра курса - Вы заложите первый кирпичик понимания из чего состоит Ваш сайт.

По времени курс длиться (один час : пятнадцать минут). Было непросто сократить время, изначально он был длиннее. Информация без воды - только польза


⏱ ТАЙМИНГ: ⏱

00:37 - Вступление;
00:38 - Обзор основных компонентов;
00:52 - Первое знакомство с HTML;
01:01 - Первое знакомство с CSS;
01:11 - Первое знакомство с Javascript;
01:20 - Структура HTML-документа;
02:31 - HTML-теги;
05:33 - Тег, атрибут, значение;
06:11 - Работа с кодом. Создание рабочей области;
06:20 - Установка редактора VScode;
07:31 - Установка расширений VScode;
08:35 - Создание первого html-документа;
09:09 - Создание первого html-файла. Добавляем код;
09:55 - Обзор структуры html-документа;
10:50 - Первый запуск;
11:55 - Обзор Live Server;
12:54 - Обзор IP-адреса;
13:15 - Знакомство с инспектором кода;
13:50 - Знакомство с тегом H1;
14:39 - Добавляем изображение. Знакомство с тегом img;
16:18 - Знакомство с bootstrap. Подключение внешних стилей;
17:45 - Знакомство с bootstrap. Компоненты;
18:33 - Перенос строки. Тег br;
18:55 - Знакомство с классом container. Блоки;
21:00 - Знакомство с тегом p. Работа с текстом;
24:43 - Знакомство с сеткой bootstrap;
28:05 - Продолжаем работу с классами;
29:04 - Ссылки. Тег a;
33:02 - Работа со стилями;
38:11 - Добавление навигации;
41:50 - Подключение Javascript;
42:43 - Добавление логотип;
45:20 - Добавление новых разделов;
48:07 - Добавление карточки;
56:05 - Добавление таблицы;
1:03:22 - Форма обратной связи;
1:05:11 - Яндекс карта проезда;
1:08:29 - Выкладываем сайт в интернет. github.com;
1:09:31 - Создание репозитория;
1:09:57 - Загрузка файлов;
1:10:58 - Редактирование файлов;
1:12:27 - Заключительное слово.


⛓️ Ссылки:
https://developer.mozilla.org/ru/
https://code.visualstudio.com/download
https://getbootstrap.com
https://maketext.io
https://github.com


✏ Мой телеграм-канал: t.me/s/shulepov_codeee
✏ Мой сайт: shulepov-code.ru
✏ Мой профиль на freelance.ru: freelance.ru/shulepov_code
✏ Мой Tik-Tok: shulepov_codeee

 #созданиесайта #сделатьсайтсамому #курспосозданиюсайтов