Welcome to Сообщество игровых серверов NETZONA.ORG

[KailHet]

Добрый день.

Вот и вновь, мой новый-старый проект.
В планах, по данному проекту не было того, что я посвящу ему целый тред, но мне нечего делать

Суть проекта: создание Telegram WebApp
Данный проект опен сорс (исходники в открытом доступе)
В данном треде я изредка буду заливать какие-то видосы с тем, что я реализовал
Сама тема с WebApp не очень то и сложная, главное знать основы js, css, html (либо php)

Проект был начат еще 1 октября 2022 года, но я им не занимался от слова совсем, ибо попросту не было интереса.
На данный момент я потихоньку разрабатываю его дальше, ибо решил, что навыки в html и css мне могут понадобиться в будущем (большим компаниям насрать, бэкенд девелопер ты, или фронтенд, если программист - значит умеешь всё)

Ссылки:
Исходники: https://github.com/KailHet/telegram-web-app-dev
Посмотреть в тг: https://t.me/sam0zanyat0bot (кнопка "Меню" слева снизу)
Посмотреть в браузере: https://kailhet.github.io/telegram-web-app-dev/ (в браузере работают не все фичи, ибо связка с тг идет)

 

[KailHet]

В данном видео показано, что уже готово в проекте

Было множество багов и недоработок (сейчас, конечно, тоже есть):
1. Как можно увидеть на видео - в тг на данный момент не убирается кол-во товара при 0, на локалке уже исправлено (проблема смешная, надо было проверку перенести в отдельную функцию)
2. Долго маялся с тем, что не понимал, как сделать автоматическую "авторизацию" кнопок, дабы не редактировать код каждый раз, чтобы добавлять новую

На данный момент проблема:
В html все также необходимо вписывать каждую кнопку отдельно. Нашел решение, как это можно в теории сделать через js, но как это работает на самом деле... кхм, потом потестирую короче

Посмотреть вложение 2023-02-11 19-38-48.mp4

 

[KailHet]

Немножко анимаций, а также первые наброски корзины

Посмотреть вложение 2023-02-12 10-24-00.mp4