51. HTML, CSS, JavaScript - Form, CRUD, mock api. USERS Management APP. Приложение

🟢 Пишем полноценное приложение где есть все CRUD операции, нативная валидация формы, модальное окно, мобильная адаптивность. Используем сервис MOCK api для создания модели пользователей и эндпоинта. ➡️ таймлайн ➡️ 00:00:00 старт 00:01:45 обзор приложения 00:06:00 старт проекта 00:06:39 CSS базовые стили 00:07:09 HTML разметка 00:11:04 CSS для формы 00:14:20 HTML валидация для формы 00:15:25 select для изображений 00:18:01 container для карточек 00:18:37 JS получение элементов 00:20:40 JS событие формы и FormData 00:23:23 GET получение всех пользователей 00:25:45 отрисовка всех пользователей 00:31:57 POST создание пользователя 00:37:05 DELETE удаление пользователя 00:44:12 UPDATE редактирование пользователя 00:58:34 проверка приложения 01:00:19 финиш ▶ GitHub: https://github.com/DmitryKolotilshikov ▶ Linkedin: https://www.linkedin.com/in/kolotilshikov ▶ Boosty: https://boosty.to/dmitry_ko 📎 PDF ФАЙЛ с кодом к каждому уроке в телеграм канале 📎 ⚡️ вкусняхи ⚡️ 🔑 Курс по GIT (одно видео): https://www.youtube.com/watch?v=h5SzR2CM6kQ 🔑 CSS Flexbox (2 видео): https://www.youtube.com/watch?v=H9NLmrD7w4A 🔑 CSS Grid (2 видео): https://www.youtube.com/watch?v=LpsE9GDPDBM 🔑 Препроцессоры SCSS (2 видео): https://www.youtube.com/watch?v=6JGm-t-psiE 🔑 SVG, svg-спрайты (2 видео): https://www.youtube.com/watch?v=RdlS_8qnyqw 🔑 1 уровень - Верстка макета (8 видео): https://www.youtube.com/watch?v=9PjXCToSKag 🔑 2 уровень - Верстка макета (8 видео): https://www.youtube.com/watch?v=VvKVx76a1Ko 🔑 3 уровень - Верстка макета (10 видео): https://www.youtube.com/watch?v=z3PTjpOlcW0 ⚙️ Курс Frontender[1.0] разделен на 3 модуля: 1) HTML, CSS, SCSS, БЭМ, Flexbox, Grid, Bootstrap, GIT, FIGMA, верстка 3 макетов (100 уроков); 2) JavaScript, решение задач, написание нескольких приложений; 3) React, Typescript, Redux написание полноценного приложения; HTML, CSS, JavaScript - Form, CRUD, mock api. USERS Management APP. Приложение 📢 Автор: Дмитрий Колотильщиков #js #frontend #javascript