Просто принеси свой ноутбук!
Привет всем и добро пожаловать в этот онлайн -буткемп. Этот Bootcamp был разработан специально для облегчения вашего путешествия по кодированию, используя все функциональные возможности YouTube, такие как метки времени и карты.
Мы будем использовать временные метки, чтобы разбить наш буткемп на разделы, чтобы вы могли легко перейти к и обратно, используя описание ниже. Я также буду использовать карты, чтобы направить вас на внешний проект, который вы можете попробовать, в зависимости от того, где мы находимся в нашем путешествии по кодированию.
Я также предоставил кодовые песочницы внизу для тех, кто застрял в настройке кода для разделов обучения. Я бы посоветовал всегда набирать код для каждого упражнения самостоятельно, но как сеть безопасности, они также предоставляются.
Этот 12 -часовой+ Bootcamp неконтролируется и бесплатным и всегда будет бесплатным, поэтому, если вам понравится, пожалуйста, дайте большие пальцы и подписаться!
Содержание: 00:00 Введение 03:34 Кодовые редакторы – HTML – 06:05 HTML Введение 08:22 html Настройка CoalerPlate 10:55 HTML Elements 17:53 Проект онлайн-портфеля-CSS-20:05 Завещение 21:02 CSS Введение 23:37 Настройка файла 27:42 и ID 30:48 POP Quiz 37:52 Модель Box 39:56 Цвета 44:12 Неупорядоченные и упорядоченные списки 49:33 Изображения 54:22 Классы стиля в качестве ID 57:07: 09: 43 Ком. Код. Шрифты 01:29:25 Общий макет веб -сайта 01:34:28 Создание NAVBAR 01:46:54 Ссылки на якорь 01:50:17 Создание разделов 02:13:50 Формы в CSS и HTML 02:26:55 Шрифт потрясающий 02:32:12 Перерыв точек 02:38:35 Z-Index-Javascript-02:49:24 Заезда 02:51:07 Введение в JavaScript 02:52:12 Настройка файла JavaScript 02:58:39 Переменные 03:16:15 Поток управления 03:16:40 Если утверждения 03:26:09 Операторы 03:55:39 Fizz Buzz Упражнение 04:00:59 для цикла 04:07:58 Массивы 04:14:42 Объекты 04:24:50 04:37:51 Упражнение по прогрессу 04:48:20 Функции со стрелками 04:52:21 В то время как петля 04:55:23 Встроенные объекты Введение 04:56:02 .length () 05:01:29 .concat () 05:06:41. () 05:12:06 .Pop () 05:18:46 .shift () 05:22:13 .unshift () 05:25:32 .push () 05:29:02 .Slice () 05:35:51 .Splice () 05:41:47 .Foreach () 05:50:25. Некоторые () 05:59:49. () 06:07:19 .filter () 06:17:06 .уменьшать () 06:22:27. – Every () 06:28:25. () 06:34:25 Работа на массиве – Упражнения для практики 07:18:06. AddeventListener () 07:26:09 .RemoveEventListener () 07:33:57 QuerySelector () 07:39:59 Зарегистрированное и проектное предложение 07:40:51 Math.random () 07:53:08 Давайте сделаем отзывчивый бургер Navbar 08:10:12 Дата 08:19:29 SetTimeout () 08:29:00 SetInterval () 08:44:11 В JavaScript 08:52:16 Зарегистрирование и предложение проекта 08:52:58 Ключи 09:01:46 Корпус переключения 09:22:51 .sort () 09:24:52 Введение в алгоритмы 09:25:16 .includes () 09:27:34 .Pontains () 09:29:52. CreateElement () 09:38:22 Завещение и введение проекта 10:27:07 Заезда и предложения по проекту 10:28:16 Введение в http 10:36:55 fetch (). Получите Post POT DELETE 11:07:24 Заезда и видео предложение 11:07:53 Хранение проектов на GitHub 11:15:58 Куда идти дальше
Кодовые песочницы: в 04:05: начать: https://codesandbox.io/s/tender-tdd-nwg7v в 02:53:49: JavaScript настроена: https://codesandbox.io/s/distracted-field-vcliy в 04:40:24: Функции упражнения: https://codesandbox.io/s/eager-tu-t2691
Общая настройка песочницы: используйте свои навыки кодирования, чтобы изменить HTML и CSS на все, что вам нужно для упражнения, используя это в качестве шаблона: https://codesandbox.io/s/hopeful-shadow-f5pvv
Игра в память окончательный код: https://github.com/kubowania/memory-game
Вы также можете найти меня на: Twitter: https://twitter.com/ania_kubow Instagram: https://instagram.com/aniakubow
Оригинал: “https://dev.to/ania_kubow/21hr-youtube-coding-bootcamp-2021-video-pd1”