OV | STUDYING TOGETHER
9 members
25 photos
3 videos
12 links
Изучаем и пробуем различные технологии вместе (1С, HTML, CSS, JS).

Чат: t.me/ovmst_chat

Профиль Infostart:
https://infostart.ru/profile/350139

YouTube: https://www.youtube.com/channel/UCkgcvGx_z49fiHJ_aiHAp3g
Download Telegram
to view and join the conversation
Приложение , которое я взял за основу. У меня была идея и тема, а времени разрабатывать дизайн нет. Поэтому я решил найти готовые приложения по моей теме и попробовать реализовать их фишки и взять за основу.
Это интересный опыт, когда ты пытаешься реализовать функционал глядя на готовое приложение. Предлагаю придумать вам тему и найти в маркете приложение, которое понравится. Пишите темы и скидывайте скриншоты в наш чат @ovmst_chat. Обсудим на сколько это возможно перенести в 1С.
This media is not supported in your browser
VIEW IN TELEGRAM
Добавил уведомления, которые будут при входе в приложение
Демонстрация выезжающих блоков (боковое меню, уведомление). В процессе разработал небольшую компоненту для удобства работы с такими блоками. Пока тренируюсь на коротких видео, осваиваю программу Movavi. Следующее видео уже постараюсь сделать полноценным уроком, разберем создание собственной компоненты для выезжающих блоков. https://youtu.be/ZXxg2TFTx10
Всем привет. Сделал небольшую компоненту на чистом js для реализации выезжающих блоков в проектах.
Исходники:https://github.com/leobrn/slideBlock
Демо:https://leobrn.github.io/SlideBlock/
Демо-видео: https://www.youtube.com/watch?v=ZXxg2TFTx10&feature=youtu.be
Если есть кто хорошо знаком с js и знает как более правильно оформить код для компоненты, напишите в ЛС.
Если есть пожелания по функционалу или нашли ошибку пишите в чат @ovmst_chat
Подборка материалов, которые помогут оформить свою компоненту на JavaScript:
1) Объекты в JavaScript и создание JS-компонента. Часть 1 https://habr.com/ru/post/240375/
2) Зачем в JavaScript нужен строгий режим? https://habr.com/ru/company/ruvds/blog/477284/
3) Анонимные и самовыполняющиеся функции в JavaScript https://webformyself.com/anonimnye-i-samovypolnyayushhiesya-funkcii-v-javascript/
4) Prototype, use strick, this, самовыполняющиеся функции и многое другое https://kelebro13.gitbooks.io/javascript/content/prototype.html

Если хотите видео подборку материалов, напишите в чат @ovmst_chat
Разрабатываю модальные окна для приложения. Реализовываю их с помощью компоненты своей SlideBlock.js
Начал разрабатывать функционал для корзины . Подсказку в виде модального окна (также с помощью своего SlideBlock.js), смещение блоков с карточками для видимости доп действий.
Реализован следующий функционал для корзины на JavaScript:
1) Подсказка для пользователя в виде модального окна (SlideBlock.js)
2) Смещение карточек в корзине для доп. действий с помощью тач событий (TouchBlock.js)
Все компоненты реализованы самостоятельно.
https://youtu.be/VVCVbbOt_YA
В проект добавлен следующий функционал:
1) Анимация поиска при активации
2) Свое стилизованное поле выбора (select)
3) Реализован лоадер (loader) при загрузки больших страниц и при загрузке карточек с товарами в списке
4) Отложенная загрузка (lazy load) для загрузки изображений в списке товаров и с его же помощью реализована порционная загрузка товаров (по 10 шт.)
https://youtu.be/vzZ1t0YG_tE
This media is not supported in your browser
VIEW IN TELEGRAM
Разрабатываю функционал слайдера на базе функционала реализованного для сдвига карточек в корзине
Плагины , которые я использую для VS Code:
Live Server - для автоматического обновления страницы при изменении
Beautify css/sass/scss/less - для форматирования
ESLint - для форматирования js
Russian Language Pack for Visual Studio Code - для русского языка
Git Graph - для удобного отображения изменений/веток
Git History Diff - для просмотра истории изменений
Less IntelliSense - упращает работу при использование предпроцессора less для css

Оформление:
indent-rainbow - оформление табов
Material Icon Theme - иконки файлов/папок
Material Theme - темы