Теги: Практика

React.js. Компонент для ввода pin-кода

Небольшой компонент для ввода pin-кода из четырех цифр. Создает четыре input-поля и отслеживает, чтобы в каждом была только одна цифра. При вводе очередной цифры смещает фокус на следующее поле. Используя клавишу Backspace, можно удалить введенное значение, при втором нажатии — сместить фокус на предыдущее поле.

React.js. Приложение каталога рецептов

Небольшое приложение — каталог рецептов блюд всего мира, не имеет практической ценности, сделано исключительно с целью изучения React. Для оформления используется css-фреймворк materialize.css, http-запросы на получение рецептов отправляются сервису themealdb.com. Итак, разворачиваем react-приложение.

React.js. Витрина интернет-магазина и корзина

Небольшое приложение — витрина интернет-магазина + корзина покупателя, не имеет практической ценности, сделано исключительно с целью изучения React. Для оформления используется css-фреймворк materialize.css, http-запросы на получение списка товаров отправляются сервису fortniteapi.io.

React.js. Приложение для поиска фильмов

Небольшое приложение для поиска фильмов, не имеет практической ценности, сделано исключительно с целью изучения React. Для оформления используется css-фреймворк materialize.css, http-запросы на поиск отправляются сервису omdbapi.com. Чтобы отправлять запросы на поиск фильмов — нужно получить api-ключ, это бесплатно.

Видеокурс «Практический JavaScript», часть пятая

Один компонент готов, осталось еще шесть — Dropdown, Card, Modal, Tab, Accordion и Carousel. Для компонента Button потребовалось только задать стили, но для других компонентов нужно будет добавить js-код, который их «оживит». После этого создадим сервисы для работы с сервером и приступим к проекту с использованием нашей библиотеки.

Видеокурс «Практический JavaScript», часть четвертая

Еще одни проект, но гораздо интереснее первых трех — создание своей библиотеки. Во-первых, в ней будет возможность работы с элементами страницы — отобрать по селектору, скрыть, показать. Во-вторых, будет возможность быстро создать слайдер, аккордеон, вкладки, модальное окно, dropdown-меню.

Видеокурс «Практический JavaScript», часть третья

Во третьей части будем дорабатывать третий проект. У нас есть «голая» верстка, но нет еще js-кода, который бы оживил страницу. В проекте есть две страницы index.html и modules.html, каждая страница представляет из себя набор блоков. Страница index.html должна быть реализована в виде большого слайдера…

Видеокурс «Практический JavaScript», часть вторая

Во второй части будем дорабатывать второй проект. У нас есть «голая» верстка, но нет еще js-кода, который бы оживил страницу. Начнем с модальных окон — js-код возьмем из первой части, но доработаем его. Нужно, чтобы модальное окно, которое открывается через минуту, открывалось только в том случае, если не открыто другое модальное окно.

Видеокурс «Практический JavaScript», часть первая

Купил на Udemy видеокурс «Практический JavaScript» от Ивана Петриченко, но моих знаний для просмотра оказалось явно маловато. Постоянно вылезают проблемы, с которыми раньше не сталкивался. Так что решил сделать для себя краткий конспект — как решал ту или иную проблему. Первое, с чем столкнулся — не запускается сборка проекта.

Блог на Laravel 7, часть 17. Временная зона для пользователей, деплой на хостинг TimeWeb

У нас есть еще проблема с временной зоной — в базе данных мы храним дату и время в UTC. Будем показывать московское время для всех не аутентифицированных пользователей, а для аутентифицированных добавим возможность задать часовой пояс в личном кабинете. Мы добавим поле timezone в таблицу БД users и будем хранить…
Категория: Web-разработкаYii2 и Laravel
Каталог оборудования
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Производители
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Функциональные группы
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.