ДЕНЬ 155-162
📚Обучение:
Посмотрел несколько часовых видео по Laravel. Активно пытаюсь применять знания без GPT, чисто через документацию
🛡️ Основные трудности:
Сложности возникли с middleware — написание кастомного middleware под определённую роль пользователя в базе данных и на обработку данных, получаемых с апи
Нужно разобраться с:
● Проверкой ролей
● Защитой маршрутов
● Правильной архитектурой доступа
⏱️ В условиях ограниченного времени:
За 3 часа успел сделать:
✅ Полностью регистрацию и авторизацию
✅ Отображение всех ошибок валидации с бэкенда на фронте
✅ Защищённые маршруты на фронтенде
📊 Нужно больше практики, чтобы укладываться в такие сроки, так как необходимо за это время сделать ещё следующие требования:
Отображение задач:
👨💼 У админа — всех задач
👤 У пользователя — только своих задач
Функционал:
✏️ Редактирование задач
📋 История задач
🔄 Обновление статусов
Безопасность:
🛡️ Защищённые маршруты для страниц на фронте
🔒 Защищённые API-эндпоинты на бэкенде
🚫 Чёткое разделение прав доступа
📚Обучение:
Посмотрел несколько часовых видео по Laravel. Активно пытаюсь применять знания без GPT, чисто через документацию
🛡️ Основные трудности:
Сложности возникли с middleware — написание кастомного middleware под определённую роль пользователя в базе данных и на обработку данных, получаемых с апи
Нужно разобраться с:
● Проверкой ролей
● Защитой маршрутов
● Правильной архитектурой доступа
⏱️ В условиях ограниченного времени:
За 3 часа успел сделать:
✅ Полностью регистрацию и авторизацию
✅ Отображение всех ошибок валидации с бэкенда на фронте
✅ Защищённые маршруты на фронтенде
📊 Нужно больше практики, чтобы укладываться в такие сроки, так как необходимо за это время сделать ещё следующие требования:
Отображение задач:
👨💼 У админа — всех задач
👤 У пользователя — только своих задач
Функционал:
✏️ Редактирование задач
📋 История задач
🔄 Обновление статусов
Безопасность:
🛡️ Защищённые маршруты для страниц на фронте
🔒 Защищённые API-эндпоинты на бэкенде
🚫 Чёткое разделение прав доступа
👨💻3
🚀 Нашёл полезную статью про защищённые маршруты в React Router!
📚 Вот что в ней есть:
📚 Вот что в ней есть:
1️⃣ Создание универсального компонента для защищённого маршрута
2️⃣ Маршруты только для аутентифицированного пользователя
3️⃣ Маршруты, зависящие от роли (админ, пользователь, гость)
🔗 Статья тут: React Router 6: частные маршрутыДзен | Статьи
React Router 6: частные маршруты (Protected Routes)
Статья автора «Хикмет Садигзаде» в Дзене ✍: В React Router частные маршруты (или Protected Routes) требуют, чтобы пользователь был аутентифицирован для доступа к данным маршрутам или страницам.
❤2👨💻1
ДЕНЬ 163-170
готовлюсь к отбору на профессионалы
На этой неделе упор на скорость написания кода!
Результат стал лучше — за 3 часа успел сделать:
✅ Полная регистрация и авторизация
✅ Вся валидация на бэкенде и фронтенде
✅ Защищённые маршруты (frontend + backend) 🔒
✅ Автоперенаправление при логине:
👨💼 Админ → админ-панель
👤 Пользователь → пользовательский кабинет
✅ Отображение задач:
У пользователя — только свои 📋
У админа — все задачи 📊
📊 ТЕКУЩИЙ ПРОГРЕСС ПРОЕКТА:
Backend: ✅ Полностью готов (кроме создания новой задачи и удаления задачи)
Frontend: 🟡 ~80% готовности
На этой неделе — отбор на профи, поэтому сейчас фокус на максимальной скорости кодинга. После отбора постараюсь максимально быстро закончить текущий проект.
P.S: Везде где есть приписка profi, то это проекты созданные за неделю
готовлюсь к отбору на профессионалы
На этой неделе упор на скорость написания кода!
Результат стал лучше — за 3 часа успел сделать:
✅ Полная регистрация и авторизация
✅ Вся валидация на бэкенде и фронтенде
✅ Защищённые маршруты (frontend + backend) 🔒
✅ Автоперенаправление при логине:
👨💼 Админ → админ-панель
👤 Пользователь → пользовательский кабинет
✅ Отображение задач:
У пользователя — только свои 📋
У админа — все задачи 📊
📊 ТЕКУЩИЙ ПРОГРЕСС ПРОЕКТА:
Backend: ✅ Полностью готов (кроме создания новой задачи и удаления задачи)
Frontend: 🟡 ~80% готовности
На этой неделе — отбор на профи, поэтому сейчас фокус на максимальной скорости кодинга. После отбора постараюсь максимально быстро закончить текущий проект.
P.S: Везде где есть приписка profi, то это проекты созданные за неделю
👍3❤1👨💻1
ДЕНЬ 171-178
Отбор прошел, теперь региональный этап
📋 ФОРМАТ РЕГИОНАЛЬНОГО ЭТАПА:
Этап разделён на три модуля, каждый — 6 часов ⏳:
🔸 Модуль А — Вёрстка на HTML и CSS
🔸 Модуль Б — Серверная часть
🔸 Модуль С — Клиентская часть
🎨 МОДУЛЬ А: ВЁРСТКА (6 ЧАСОВ)
За отведённое время удалось сверстать:
🔸 Главная страница
🔸 Логин
🔸 Регистрация
🔸 Профиль пользователя
🔸 Админ-панель
🔸 Каталог
🔸 Слайдер
🔸 Несколько анимаций
основная проблема заключается в отсутствие макета, приходится на ходу продумывать дизайн. В идеале еще сделать адаптив и белую тему для главной страницы.
🛠️ ПРОЕКТ ПО ЗАДАЧАМ:
Почти готов! Осталось доделать:
🔹 Вывод ошибок более аккуратно
🔹 Сверстать модальное окно для создания задачи
Если получиться найти сервер под бэк, то сможете затестить
Отбор прошел, теперь региональный этап
📋 ФОРМАТ РЕГИОНАЛЬНОГО ЭТАПА:
Этап разделён на три модуля, каждый — 6 часов ⏳:
🔸 Модуль А — Вёрстка на HTML и CSS
🔸 Модуль Б — Серверная часть
🔸 Модуль С — Клиентская часть
🎨 МОДУЛЬ А: ВЁРСТКА (6 ЧАСОВ)
За отведённое время удалось сверстать:
🔸 Главная страница
🔸 Логин
🔸 Регистрация
🔸 Профиль пользователя
🔸 Админ-панель
🔸 Каталог
🔸 Слайдер
🔸 Несколько анимаций
основная проблема заключается в отсутствие макета, приходится на ходу продумывать дизайн. В идеале еще сделать адаптив и белую тему для главной страницы.
🛠️ ПРОЕКТ ПО ЗАДАЧАМ:
Почти готов! Осталось доделать:
🔹 Вывод ошибок более аккуратно
🔹 Сверстать модальное окно для создания задачи
Если получиться найти сервер под бэк, то сможете затестить
🍾2❤1👍1🐳1👨💻1
День 179–186
Углублённо изучал Laravel. Разбирался с написанием связей в моделях, чтобы удобно соединять таблицы при запросах в контроллере.
Попробовал реализовать приведение картинки к формату JPG и размеру 300×300. В готовом пакете это делается одной строкой, но по регламенту нельзя использовать сторонние сервисы — пришлось писать на чистом PHP, вышло около 30 строк.
Пощупал canvas в React — тег для рисования фигур, текста, картинок, только кодом. Впервые пригодилась геометрия, чтобы создавать разные формы.
P.s: так как мобильный инет у нас глушат, а провести мне его не могут, то чуть чуть с задержкой пост
На этой неделе региональный отбор. После него выложу задания и расскажу, что успел сделать по каждому модулю.
Углублённо изучал Laravel. Разбирался с написанием связей в моделях, чтобы удобно соединять таблицы при запросах в контроллере.
Попробовал реализовать приведение картинки к формату JPG и размеру 300×300. В готовом пакете это делается одной строкой, но по регламенту нельзя использовать сторонние сервисы — пришлось писать на чистом PHP, вышло около 30 строк.
Пощупал canvas в React — тег для рисования фигур, текста, картинок, только кодом. Впервые пригодилась геометрия, чтобы создавать разные формы.
P.s: так как мобильный инет у нас глушат, а провести мне его не могут, то чуть чуть с задержкой пост
На этой неделе региональный отбор. После него выложу задания и расскажу, что успел сделать по каждому модулю.
🔥4🐳2👨💻1
День 187-194
На этой был региональный этап. За 6 часов на каждый модуль успел сделать следующее:
Модуль А: Выполнил всё задание. Были небольшие недочёты по дизайну, но в целом некритично.
Модуль Б: Не сделал админку. REST API сделал почти полностью, кроме создания номера сертификата.
Модуль С: Был макет с HTML + CSS и готовые API для запросов. Успел реализовать регистрацию, авторизацию, вывод всех публичных досок, вывод своих досок, создание доски, возможность поделиться по email и генерацию ссылки для просмотра, защищенный маршрут для своих досок(только для авторизованных пользователей).
В двух последних модулях можно было сделать лучше. В модуле Б облажался тем, что начал с REST API, а не с админки. В модуле С неудачно разбил на компоненты(надо было навигацию и подвал сайта разбить на компоненты, но мне показалось, что это будет долго и нецелесообразно) и были проблемы с модальными окнами.
Результаты станут известны 5 марта.
В комментарии прикреплю файл с заданиями, кому интересно.
На этой был региональный этап. За 6 часов на каждый модуль успел сделать следующее:
Модуль А: Выполнил всё задание. Были небольшие недочёты по дизайну, но в целом некритично.
Модуль Б: Не сделал админку. REST API сделал почти полностью, кроме создания номера сертификата.
Модуль С: Был макет с HTML + CSS и готовые API для запросов. Успел реализовать регистрацию, авторизацию, вывод всех публичных досок, вывод своих досок, создание доски, возможность поделиться по email и генерацию ссылки для просмотра, защищенный маршрут для своих досок(только для авторизованных пользователей).
В двух последних модулях можно было сделать лучше. В модуле Б облажался тем, что начал с REST API, а не с админки. В модуле С неудачно разбил на компоненты(надо было навигацию и подвал сайта разбить на компоненты, но мне показалось, что это будет долго и нецелесообразно) и были проблемы с модальными окнами.
Результаты станут известны 5 марта.
В комментарии прикреплю файл с заданиями, кому интересно.
🐳3👨💻2❤1🔥1
ДЕНЬ 195-202
На этой неделе вообще не кодил, так как накопил много долгов по учёбе за месяц. Почти всё сдал, осталось там по мелочи досдать.
Разбирался с теорией, как сделать приложение монолитным на Laravel: посмотрел пару уроков по созданию админ-панели и на этом остановился. На следующей неделе буду писать всё приложение на Laravel монолитно, а не через REST API.
На этой неделе вообще не кодил, так как накопил много долгов по учёбе за месяц. Почти всё сдал, осталось там по мелочи досдать.
Разбирался с теорией, как сделать приложение монолитным на Laravel: посмотрел пару уроков по созданию админ-панели и на этом остановился. На следующей неделе буду писать всё приложение на Laravel монолитно, а не через REST API.
🔥3🐳2❤1
Media is too big
VIEW IN TELEGRAM
ДЕНЬ 203-210
Полностью сделал задание по необходимому ТЗ. За неделю подробно разобрался, как это реализовать. Теперь главная задача — научиться укладываться в 3 часа на выполнение всей работы.
Основное неудобство возникает при работе со связями «многие ко многим»: непонятно, какую структуру данных возвращает запрос. Я смотрю данные через функцию dd(), но там много лишней информации, и чтобы добраться до нужных значений, нужно приложить усилия. Другое дело, если бы можно было сразу видеть ответ в JSON — структура была бы нагляднее. Но, как я понял, встроенных методов для этого нет, кроме как при работе с REST API.
Полностью сделал задание по необходимому ТЗ. За неделю подробно разобрался, как это реализовать. Теперь главная задача — научиться укладываться в 3 часа на выполнение всей работы.
Основное неудобство возникает при работе со связями «многие ко многим»: непонятно, какую структуру данных возвращает запрос. Я смотрю данные через функцию dd(), но там много лишней информации, и чтобы добраться до нужных значений, нужно приложить усилия. Другое дело, если бы можно было сразу видеть ответ в JSON — структура была бы нагляднее. Но, как я понял, встроенных методов для этого нет, кроме как при работе с REST API.
🐳3🔥2❤1
ДЕНЬ 211-218
Пришли результаты регионального отбора — у меня 1 место.
Дальше будет межрегиональный этап. Точные даты пока неизвестны, но предварительно это начало апреля.
За эту неделю я полностью сделал API для интернет-магазина:
— корзина
— создание, редактирование и удаление категорий и товаров
— управление заказами и покупками
Накопилось много долгов, поэтому мало кодил.
Пришли результаты регионального отбора — у меня 1 место.
Дальше будет межрегиональный этап. Точные даты пока неизвестны, но предварительно это начало апреля.
За эту неделю я полностью сделал API для интернет-магазина:
— корзина
— создание, редактирование и удаление категорий и товаров
— управление заказами и покупками
Накопилось много долгов, поэтому мало кодил.
1🏆6👏3❤1🔥1🐳1🍾1
День 219–226
Снова практиковался с админ-панелью, но уже с другой и в другом направлении. Если раньше это была платформа для курсов, то теперь — интернет-магазин.
Попросил ИИ сгенерировать макет: отправил ему всё задание и получил основу. В итоге пришлось дорабатывать прямо по ходу — где-то не хватало нужных инпутов, где-то формы были не прописаны и встречались другие мелкие косяки.
В целом почти укладываюсь в 3 часа, но много времени уходит на простые вещи. В основном путаюсь в роутинге и немного в middleware.
Стараюсь разбивать контент на блоки (навигация, основной контент, футер), чтобы быстрее переносить макет.
На следующей неделе собираюсь уже заняться REST API и перейти к React наконец-то
Снова практиковался с админ-панелью, но уже с другой и в другом направлении. Если раньше это была платформа для курсов, то теперь — интернет-магазин.
Попросил ИИ сгенерировать макет: отправил ему всё задание и получил основу. В итоге пришлось дорабатывать прямо по ходу — где-то не хватало нужных инпутов, где-то формы были не прописаны и встречались другие мелкие косяки.
В целом почти укладываюсь в 3 часа, но много времени уходит на простые вещи. В основном путаюсь в роутинге и немного в middleware.
Стараюсь разбивать контент на блоки (навигация, основной контент, футер), чтобы быстрее переносить макет.
На следующей неделе собираюсь уже заняться REST API и перейти к React наконец-то
❤5🐳1
ДЕНЬ 227–234
Засекал по времени, сколько уходит на модуль с бэкендом. Получилось около 5 часов — без вебхука для платёжной системы (его нет в доступе). Результат вполне хороший, но можно и чуть лучше.
С фронтендом вышло примерно 4 часа на регистрацию, авторизацию и некоторые CRUD-операции с защищёнными маршрутами. Многое не доделал, так как нет нужного API.
Совсем скоро должны скинуть примерные задания для межрегиона — он уже через неделю. Всё пройдёт в Оренбурге и добираться туда сутки
Засекал по времени, сколько уходит на модуль с бэкендом. Получилось около 5 часов — без вебхука для платёжной системы (его нет в доступе). Результат вполне хороший, но можно и чуть лучше.
С фронтендом вышло примерно 4 часа на регистрацию, авторизацию и некоторые CRUD-операции с защищёнными маршрутами. Многое не доделал, так как нет нужного API.
Совсем скоро должны скинуть примерные задания для межрегиона — он уже через неделю. Всё пройдёт в Оренбурге и добираться туда сутки
😱2❤1🐳1
ДЕНЬ 235–242
Смотрел курс подготовки к межрегиональному этапу (Laravel + Vue). Разбирали задания — примерно похоже, но будут отличия.
Из минусов: урезали время на модуль. Было 6 часов — сделали 4, а задания по факту стали больше. Модуль с бэкендом оказался тяжёлым в плане логики. Задание сильно расширили: раньше у меня получалось около 4–5 таблиц в базе данных, а теперь их 9. Запросов REST API было около 5–7, а стало примерно 10–12 — с очень большим выводом данных. Зато в последнем клиентском модуле задание уменьшили.
Почти всю неделю разбирал модуль с бэкендом — и уже конкретно так преисполнился в нём.
Смотрел курс подготовки к межрегиональному этапу (Laravel + Vue). Разбирали задания — примерно похоже, но будут отличия.
Из минусов: урезали время на модуль. Было 6 часов — сделали 4, а задания по факту стали больше. Модуль с бэкендом оказался тяжёлым в плане логики. Задание сильно расширили: раньше у меня получалось около 4–5 таблиц в базе данных, а теперь их 9. Запросов REST API было около 5–7, а стало примерно 10–12 — с очень большим выводом данных. Зато в последнем клиентском модуле задание уменьшили.
Почти всю неделю разбирал модуль с бэкендом — и уже конкретно так преисполнился в нём.
🔥5❤1
ДЕНЬ 243–250
Проходил на этой неделе в Оренбурге межрегиональный этап. В первый день пытался на РЕД ОС захостить бэкенд на Laravel и фронт React.
С Laravel проблем не было особо: прописать .htaccess — и всё гуд, а вот с React всё иначе. Сначала дали пустой React без Router. Потом добавили Router, но не было возможности запустить локально через run dev. Потом оказалось, что если проект собран на Mac, то на РЕД ОС его не распаковать. В общем, 4 часа пытались сделать, и в итоге что-то получилось.
На следующий день уже были модули. По вёрстке сделал главную страницу, регистрацию, авторизацию со слайдером и адаптивом за 4 часа. В целом сойдёт, но могло бы быть и лучше.
По Laravel сделал базовый CRUD в админ-панели с авторизацией и middleware. Ещё регистрацию и авторизацию через REST API. Тоже за 4 часа.
Проходил на этой неделе в Оренбурге межрегиональный этап. В первый день пытался на РЕД ОС захостить бэкенд на Laravel и фронт React.
С Laravel проблем не было особо: прописать .htaccess — и всё гуд, а вот с React всё иначе. Сначала дали пустой React без Router. Потом добавили Router, но не было возможности запустить локально через run dev. Потом оказалось, что если проект собран на Mac, то на РЕД ОС его не распаковать. В общем, 4 часа пытались сделать, и в итоге что-то получилось.
На следующий день уже были модули. По вёрстке сделал главную страницу, регистрацию, авторизацию со слайдером и адаптивом за 4 часа. В целом сойдёт, но могло бы быть и лучше.
По Laravel сделал базовый CRUD в админ-панели с авторизацией и middleware. Ещё регистрацию и авторизацию через REST API. Тоже за 4 часа.
❤2👨💻1
По React успел сделать регистрацию и авторизацию с просмотром публичных рецептов и просмотром данных о конкретном рецепте. Также за 4 часа.
Все конкурсанты довольно мощные, некоторые уже с опытом работы. Результаты будут предварительно в конце апреля.
P.S. Примерное задание отбора — в комментариях
Все конкурсанты довольно мощные, некоторые уже с опытом работы. Результаты будут предварительно в конце апреля.
❤1👍1🐳1
ДЕНЬ 251-258
Опять долгов много накопилось, поэтому пока их разгребаю.
Установил себе второй операционнкой Линукс на комп, для первого раза поставил дистрибутив Ubuntu, если сильно понравится, то на нем останусь. Пока установил только базовые вещи, были проблемы с тачпадам, но там все быстро пофиксил через переустановку драйверов.
Пришли результаты с межрегионального отбора у меня 21 место из 53. В финал проходят только первые 13.
В целом, результатом доволен. В скором времени можно будет начать делать свой петпроект, а не готовиться к финалу
Опять долгов много накопилось, поэтому пока их разгребаю.
Установил себе второй операционнкой Линукс на комп, для первого раза поставил дистрибутив Ubuntu, если сильно понравится, то на нем останусь. Пока установил только базовые вещи, были проблемы с тачпадам, но там все быстро пофиксил через переустановку драйверов.
Пришли результаты с межрегионального отбора у меня 21 место из 53. В финал проходят только первые 13.
В целом, результатом доволен. В скором времени можно будет начать делать свой петпроект, а не готовиться к финалу
❤6👍1
This media is not supported in your browser
VIEW IN TELEGRAM
ДЕНЬ 259–266
На этой неделе я вообще не прикасался к коду — разгребал долги, которые накопились за два месяца. В начале мая сессия, так что нужно ещё готовиться к ней.
Постепенно осваиваю Ubuntu. Установил парочку расширений для удобства. Очень много кастомизации: можно выбрать эффект при открытии, закрытии или скрытии окна. Также можно настроить интерфейс по типу меню «Пуск» (вариантов очень много). Установил расширение, отображающее нагрузку на систему. В общем, плагинов огромное количество.
Был прикол с яркостью экрана (в кружочке выше). Долго пытался исправить эту проблему. Изначально подозревал автояркость, потом прописывал разные правила, чтобы отключить её навсегда. Затем подумал, что тупит комбинация с Fn, хотя всё остальное работало. Как оказалось, проблема была именно в ней. Скачал прогу, которая просматривает все внутренние устройства. Там как раз оказался один неопределённый девайс — он и увеличивал яркость. Отключил его — всё починилось, уровень яркости теперь работает нормально.
На этой неделе я вообще не прикасался к коду — разгребал долги, которые накопились за два месяца. В начале мая сессия, так что нужно ещё готовиться к ней.
Постепенно осваиваю Ubuntu. Установил парочку расширений для удобства. Очень много кастомизации: можно выбрать эффект при открытии, закрытии или скрытии окна. Также можно настроить интерфейс по типу меню «Пуск» (вариантов очень много). Установил расширение, отображающее нагрузку на систему. В общем, плагинов огромное количество.
Был прикол с яркостью экрана (в кружочке выше). Долго пытался исправить эту проблему. Изначально подозревал автояркость, потом прописывал разные правила, чтобы отключить её навсегда. Затем подумал, что тупит комбинация с Fn, хотя всё остальное работало. Как оказалось, проблема была именно в ней. Скачал прогу, которая просматривает все внутренние устройства. Там как раз оказался один неопределённый девайс — он и увеличивал яркость. Отключил его — всё починилось, уровень яркости теперь работает нормально.
👨💻2❤1