Демонстрация выезжающих блоков (боковое меню, уведомление). В процессе разработал небольшую компоненту для удобства работы с такими блоками. Пока тренируюсь на коротких видео, осваиваю программу Movavi. Следующее видео уже постараюсь сделать полноценным уроком, разберем создание собственной компоненты для выезжающих блоков. https://youtu.be/ZXxg2TFTx10
#верстка #javascript
#верстка #javascript
YouTube
Выезжающие блоки (боковое меню, уведомление). SlideBlock.js. Разработка для курса #2
В проект по разработке мобильного приложения на 1С для салонов оптики добавил боковое меню и уведомления. В процессе реализовал небольшую js компоненту (SlideBlock.js) для выезжающих блоков. Интерфейс адаптивный (первая часть видео с телефона, вторая с ноутбука).…
Разрабатываю модальные окна для приложения. Реализовываю их с помощью компоненты своей SlideBlock.js
#верстка #javascript
#верстка #javascript
Доработал компоненту SlideBlock.js для реализации модальных окон. В проекте с ее помощью реализовал добавление товара в сравнение. https://youtu.be/PLeggjwMIzc
#верстка #javascript
#верстка #javascript
YouTube
Модальные окна (SlideBlock.js). Разработка для курса #3
В проект по разработке мобильного приложения на 1С для салонов оптики добавил модальные окна для добавление товара в сравнение. Использовал ранее разработанную компоненту SlideBlock.js в которой добавил функционал для реализации модальных окон.
Инструментарий:…
Инструментарий:…
Начал разрабатывать функционал для корзины . Подсказку в виде модального окна (также с помощью своего SlideBlock.js), смещение блоков с карточками для видимости доп действий.
#верстка #javascript
#верстка #javascript
Реализован следующий функционал для корзины на JavaScript:
1) Подсказка для пользователя в виде модального окна (SlideBlock.js)
2) Смещение карточек в корзине для доп. действий с помощью тач событий (TouchBlock.js)
Все компоненты реализованы самостоятельно.
https://youtu.be/VVCVbbOt_YA
#верстка #javascript
1) Подсказка для пользователя в виде модального окна (SlideBlock.js)
2) Смещение карточек в корзине для доп. действий с помощью тач событий (TouchBlock.js)
Все компоненты реализованы самостоятельно.
https://youtu.be/VVCVbbOt_YA
#верстка #javascript
YouTube
Функционал для корзины на JavaScript (touch events). Разработка для курса #4
Реализован следующий функционал для корзины на JavaScript:
1) Подсказка для пользователя в виде модального окна (SlideBlock.js)
2) Смещение карточек в корзине для доп. действий с помощью тач событий (TouchBlock.js)
Все компоненты реализованы самостоятельно…
1) Подсказка для пользователя в виде модального окна (SlideBlock.js)
2) Смещение карточек в корзине для доп. действий с помощью тач событий (TouchBlock.js)
Все компоненты реализованы самостоятельно…
В проект добавлен следующий функционал:
1) Анимация поиска при активации
2) Свое стилизованное поле выбора (select)
3) Реализован лоадер (loader) при загрузки больших страниц и при загрузке карточек с товарами в списке
4) Отложенная загрузка (lazy load) для загрузки изображений в списке товаров и с его же помощью реализована порционная загрузка товаров (по 10 шт.)
https://youtu.be/vzZ1t0YG_tE
#верстка #javascript
1) Анимация поиска при активации
2) Свое стилизованное поле выбора (select)
3) Реализован лоадер (loader) при загрузки больших страниц и при загрузке карточек с товарами в списке
4) Отложенная загрузка (lazy load) для загрузки изображений в списке товаров и с его же помощью реализована порционная загрузка товаров (по 10 шт.)
https://youtu.be/vzZ1t0YG_tE
#верстка #javascript
YouTube
Search animation, select, loader, lazy load (JavaScript). Разработка для курса #5
В проект добавлен следующий функционал:
1) Анимация поиска при активации
2) Свое стилизованное поле выбора (select)
3) Реализован лоадер (loader) при загрузки больших страниц и при загрузке карточек с товарами в списке
4) Отложенная загрузка (lazy load)…
1) Анимация поиска при активации
2) Свое стилизованное поле выбора (select)
3) Реализован лоадер (loader) при загрузки больших страниц и при загрузке карточек с товарами в списке
4) Отложенная загрузка (lazy load)…
This media is not supported in your browser
VIEW IN TELEGRAM
Разрабатываю функционал слайдера на базе функционала реализованного для сдвига карточек в корзине
#верстка #javascript
#верстка #javascript
https://youtu.be/R-5Yp8lxsvE
На базе собственной компоненты TouchBlock.js, которая была разработана при реализации функционала для корзины (https://youtu.be/VVCVbbOt_YA), добавлен функционал слайдера.
TouchBlock.js:
►GitHub: https://github.com/leobrn/TouchBlock
►Демо: https://leobrn.github.io/TouchBlock/
#верстка #javascript
На базе собственной компоненты TouchBlock.js, которая была разработана при реализации функционала для корзины (https://youtu.be/VVCVbbOt_YA), добавлен функционал слайдера.
TouchBlock.js:
►GitHub: https://github.com/leobrn/TouchBlock
►Демо: https://leobrn.github.io/TouchBlock/
#верстка #javascript
YouTube
Touch slider (JavaScript). Разработка для курса #6
На базе собственной компоненты TouchBlock.js, которая была разработана при реализации функционала для корзины (https://youtu.be/VVCVbbOt_YA), добавлен функционал слайдера.
Все компоненты реализованы самостоятельно для реализации мобильного приложения на…
Все компоненты реализованы самостоятельно для реализации мобильного приложения на…
В завершение второго этапа разработки добавлена валидация формы, компонента для маски полей ввода на примере номера телефона. Третьим этапом идет перенос функционала на 1С.
https://youtu.be/uxUvlnqXytU
#верстка #javascript
https://youtu.be/uxUvlnqXytU
#верстка #javascript
YouTube
Валидация формы, маски для полей ввода. Разработка для курса #7
В завершение второго этапа разработки добавлена валидация формы, компонента для маски полей ввода на примере номера телефона. Третьим этапом идет перенос функционала на 1С.
Все компоненты реализованы самостоятельно для реализации мобильного приложения на…
Все компоненты реализованы самостоятельно для реализации мобильного приложения на…
Всем привет! Как и обещал , показываю промежуточный результат https://youtu.be/NGWUmrthzjw.
Дайте, пожалуйста, обратную связь в комментариях по наработкам.
#верстка #javascript
Дайте, пожалуйста, обратную связь в комментариях по наработкам.
#верстка #javascript
YouTube
Разработка 1C:TODO. Промежуточные результаты
Промежуточные результаты разработки приложения 1C:TODO. По окончании разработки планирую выпустить серию видео, где покажу создание данного приложения с нуля.
Следите за моим проектом: https://t.iss.one/ovmst
Профиль:
►Infostart: https://infostart.ru/profile/350139/…
Следите за моим проектом: https://t.iss.one/ovmst
Профиль:
►Infostart: https://infostart.ru/profile/350139/…
Про 1С:Список. Ещё раз изменена структуру проекта, чтобы можно было комфортно масштабировать приложение.
На скриншотах текущая структура JS, стартовые файлы index.html и index.js.
Получил независимые компоненты , которые взаимодействуют между собой подписками на события. Управление компонентами централизованно.
Получился конструктор. Могу менять местами, добавлять и убирать компоненты при необходимости.
Подписки на события реализованы с помощью паттерна "Наблюдатель" (observer).
Составил план по новому функционалу. Как раз на нем будет возможность реализовать паттерн "Состояние" (state) и Routing.
Про паттерны сделаю отдельный пост с материалами.
#javascript
На скриншотах текущая структура JS, стартовые файлы index.html и index.js.
Получил независимые компоненты , которые взаимодействуют между собой подписками на события. Управление компонентами централизованно.
Получился конструктор. Могу менять местами, добавлять и убирать компоненты при необходимости.
Подписки на события реализованы с помощью паттерна "Наблюдатель" (observer).
Составил план по новому функционалу. Как раз на нем будет возможность реализовать паттерн "Состояние" (state) и Routing.
Про паттерны сделаю отдельный пост с материалами.
#javascript