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

Первый урок, открытие курса. Организационные моменты.
💻 Курс "Frontend разработчик: JavaScript + React": webcademy.ru/jscourse/
Старт обучения: 08 Июля 2024 года
🏁 Обучение с нуля
💁‍♂️ Обучение с наставником
🎯 Доведение с нуля до результата
🏢 Помощь с трудоустройством
💵 Поможем взять первый заказ на фрилансе
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💈 Сайт: webcademy.ru/
💈 Вконтакте: webcademy
💈 Telegram канал: t.me/webcademynews
Готовый код с вебинара в телеграм канале:
t.me/+9XtDDNBdHAk4Yjhi
ТАЙМ КОДЫ:
00:00 Начало стрима
04:20 Как проходит обучение на JS курсе
14:08 Какие трудности у новичков при обучении по CZcams роликам
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

[@user-rw8wi3sq9e]

Спасибо за вебинар, и за практику тоже. В будущем хотелось б продолжение разбора таких приложений, сайтов и т.д.

[@alEL321]

Путь развития в веб-разработке в т.ч...