Путь до джуна
89 subscribers
206 photos
94 videos
2 files
37 links
Для связи @nesmoru
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
ДЕНЬ 128
Добавил сохранение товаров из корзины в localstorage, теперь при перезагрузке страницы товары остаются в корзине.
Очень долго пытался сделать эту фичу, изначально хотел реализовать это с помощью redux persist. При установке ругался на недоустановленные пакеты. Обновлял все зависимости, был вариант установить более старую версию node, но тоже гиблая тема, пришлось бы также кучу всего устанавливать и менять. Поэтому понял, что redux persist это мертвая библиотека, так как последнее обновление у них было в октябре 2021 года. В итоге, решил делать без него через redux.
Функцию удаления и добавления в локалу было сделать легко, а вот чтения... Пришлось сильно помучаться с этим. Просто через useEffect чтение не получалось, добавил состояние(если в локалке есть ключ, то значение состояние true, если нет то false) и в зависимости от значения элементы будут рендерться, но и это не получилось. Решил попробовать через экшен в redux, затем использовать его через dispatch в useEffect.
🔥3🕊1🤪1
ДЕНЬ 129
Решил сегодня пару задач на codewars по JavaScript(6 kyu). Не сказал бы, что есть серьёзные затупы в понимании алгоритма(как это было раньше), спасибо за это питону, на котором программируем в колледже. В основном есть проблемы с синтаксисом, но это всё гуглится без проблем.
Так же совсем скоро закончу писать базу данных на PostgreSQL. По плану осталось внести инфу, сделать ограничения на вставку и попрактиковаться с запросами на выборку.
Думаю за неделю закончу с базой, затем буду подключать её к новому проекту
1🔥5🏆2🕊1🤝1
This media is not supported in your browser
VIEW IN TELEGRAM
Интересно конечно PostgreSQL меняет тип данных
🔥2🤩1
Пытаюсь, добавить новую колонку в таблицу, после удаление данных из нее, но выводит, что есть значение null, хотя данных нет. Всё решилось дропом таблицы
🔥2👍1
Бд готова, осталось защитить ее. Все делалось исключительно SQL скриптом, создание таблиц, вставка, тригеры, ограничения ну и запросы само собой. 5 простых запросов, 5 запросов с агрегиующими функциями(min, max, sum), 5 вложенных(скалярные, коррелированные,некоррелированные), 3 материализованных представления, 3 обычных представления. 5 запросов join(left, inner, right). И пару запросов с with as.
Диаграмма базы на фото
💊7👍1🔥1👏1🦄1
This media is not supported in your browser
VIEW IN TELEGRAM
Какой frontend, python + Minecraft наше всё
🔥7💩6
Пока к экзамену готовился решал задачи на питоне в codewars, почти дошёл до 5kyu. Часто попадались задачи 5kyu их не особо тяжело решать, также несколько раз попадались задачи на 4kyu, вот там уже приходилось долго сидеть и думать над алгоритмом
Пару работ по блендеру тоже имеется
🔥2
Упс, оперативно гит сработал на API-ключ
❤1🔥1🐳1
Пытаюсь связаться с апишкой (exchangerate-api), с сервера приходит код 200, значит запрос выполнен успешно, но при преобразовании в json выдаёт ошибку

Unexpected token '<', "<!doctype "... is not valid JSON

    Для сравнения: ответ который я должен получить находится на первом фото, но получаю я совершенно другой(находится на втором фото). Все методы перепробовал - ключ правильный, URL тоже.
   DeepSeek утверждает, что проблема либо в ключе и URL, либо сервер не отвечает, либо блокирует запрос. Но странно, что статус запроса при этом 200.
  Проект фактически сделан, но апишка всё портит.

P.S Код файла в комментариях или по ссылке: http://github.com/Holman52/crypto/blob/main/src/utils/useConvertRate.jsx
👀2🔥1🤮1
This media is not supported in your browser
VIEW IN TELEGRAM
ДЕНЬ 130
Разработал простенький конвертор валют. Пользователь вводит число и необходимые валюты, затем получает результат курса. Были проблемы с апишкой, так как первый раз в реакте использовал апишку, засунул .env с ключом в SRC, тем самым получал значение undefined при попытке получить коэффициент конвертации.
Весь проект стоит оптимизировать, чтобы компоненты не рендерились повторно из-за мелких изменений.
Также перешёл на vite, очень удобный инструмент сборки. Было неудобно создавать проект при create-react-app, так как при написании верстки приходилось перезапускать сервер. Стоит отметить, что очень у vite простая и быстрая настройка для создания проекта.
🔥4👏1💩1
Верстаю на gulp эту и следующую неделю.
Потом расскажу подробно, что было сделано
🤔5
🔧 Всю неделю делал вёрстку через gulp по макету: 📎 https://www.figma.com/design/YzuOcBWGO4pOCW7O3I3KOw/eCommerce_Website_Web_Page_Design_UI_KIT_Interior_Landing_Page_Community?node-id=0-1&t=xnXgLPxzXbYe5Xxi-1

Прикольная штука для автоматизации рутинных задач по вёрстке. 🔨 Перед началом работы нужно установить огромное количество пакетов + настроить всё через конфиг.

⚙️ Конфиг включает:
- Автоматическую конвертацию изображений в webp
- Ресайз изображений под разные устройства
- Компиляцию SCSS → CSS (писал на SCSS)

🔄 В Gulp используется похожая на React логика компонентов, но с другим синтаксисом:
- Вставка: @@include (Gulp) vs JSX (React)
- Данные: @@переменные (Gulp) vs props (React)

📸 Примеры:
- Компонент на React
- Компонент на Gulp
- Вставка в HTML

Вёрстка немного кривая, на айфоне текст может съехать
🚀 Результат: 📎 https://holman52.github.io/host-gulp/

Как такого JS нет, только на открытие корзины
🔥6