Первый урок на курсе "Frontend разработчик: JavaScript + React". 08.07.2024 г.

Первый урок, открытие курса. Организационные моменты.
💻 Курс "Frontend разработчик: JavaScript + React": https://webcademy.ru/jscourse/
Старт обучения: 12 Августа 2024 года

🏁 Обучение с нуля
💁‍♂️ Обучение с наставником
🎯 Доведение с нуля до результата
🏢 Помощь с трудоустройством
💵 Поможем взять первый заказ на фрилансе
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

💈 Сайт: https://webcademy.ru/
💈 Вконтакте: https://vk.com/webcademy
💈 Telegram канал: https://t.me/webcademynews

Готовый код с вебинара в телеграм канале:
https://t.me/+9XtDDNBdHAk4Yjhi

ТАЙМ КОДЫ:

00:00 Начало стрима
04:20 Как проходит обучение на JS курсе
14:08 Какие трудности у новичков при обучении по YouTube роликам
17:12 Какие технологии изучаем на курсе
18:42 Проекты которые делаем на курсе
21:43 Тарифы на курсе
22:58 Тариф тест-драйв за 990 рублей
25:42 Бонус для участников курса
27:10 Общение с чатом. Существует ли принцип Паретто в программировании

39:35 Путь развития в веб-разработке для новичка
53:19 Общение с чатом
58:45 Общение с чатом. Небольшие проекты в портфолио, ваше мнение
1:05:45 Общение с чатом. Существует ли правильная практика переноса сайта с Тильды на WordPress
1:12:35 Выбираем проект который будем делать на вебинаре. Google Keep

1:16:49 Практика. Создание проекта
1:29:20 Подключение Boostrap
1:35:20 Верстка заметок
1:42:05 JS. Добавление заметок. Отправка формы
1:48:23 Массив с заметками. Добавление заметки в массив
1:54:35 Вывод заметок на странице
2:06:42 Вывод только что добавленной заметки
2:09:05 Общение с чатом

2:10:25 Название и текст заметки. Разметка для формы
2:24:15 UI интерактив с формой добавления заметки
2:33:20 Общение с чатом
2:36:25 Продолжение разработки
2:45:55 Скрытие/показ "Плейсхолдера" для дива с вводом текста заметки
2:48:50 keyup при отслеживании ввода текста
2:50:20 Продолжаем кодить
2:51:25 Отдельный файл для UI интерактива с формой
2:52:27 JS. Добавление названия и описания заметки в JS массив
3:04:45 Общение с чатом

3:05:53 Удаление заметок. Кнопка для удаления
3:12:30 Удаление заметок. Вводим ID для заметок. Удаление заметок
3:18:38 Добавление ID к новой созданной заметке
3:21:08 Общение с чатом. Сколько будет таких уроков
3:23:30 Начало работы с localStorage
3:26:40 Объяснение JSON и localStorage
3:31:04 Возвращаемся к коду с localStorage
3:33:00 Сохранение новых задач в localStorage. Фикс с определение id
3:37:22 Обновление localStorage при удалении задач
3:39:02 Тестирование проекта
3:41:50 innerHTML для текста заметки
3:42:40 Завершение стрима
3:46:20 Курс по JS