Поиск по блогу

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

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

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

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

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

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

JavaScript. Импорт и экспорт

Можно пометить любое объявление переменной, функция или класса как экспортируемое, разместив перед ним ключевое слово export. Также можно написать export отдельно — сначала объявить, а затем экспортировать. Обычно список того, что нужно импортировать, размещается в фигурных скобках {...}.

Laravel Mix — сборка фронтенда

Laravel Mix ранее был известен как Elixir и поставлялся в виде отдельного плагина, но с версии 5.4 он был включён в официальную поставку фреймворка. Разница между Elixir и Mix в том, что последний является надстройкой над Webpack, в то время как первый основан на Gulp. Laravel Mix умело работает с JavaScript, не только минифицируя…
Категория: Web-разработка • Yii2 и Laravel

Vue.js. Начало работы

Vue.js — это Open Source веб-фреймворк для создания пользовательских интерфейсов на JavaScript. С его помощью можно создавать динамические сайты и сложные одностраничные веб-приложения. Перед началом работы с Vue надо установить Node.js и менеджер пакетов npm. Для создания vue-проекта нам потребуется установить пакет vue-cli.

Магазин на Laravel 7, часть 19. Панель управления, добавляем редактор для страниц сайта

Возможность добавлять и редактировать страницы сайта у нас теперь есть, но не хватает wysiwyg-редактора. Будем использовать summernote — простой, легкий и есть возможность вставлять видео и изображения. Но самое главное — можно навесить свои обработчики событий добавления и удаления изображений.
Категория: Web-разработка • Yii2 и Laravel
Теги: AJAX • FormData • JavaScript • jQuery • JSON • Laravel • MySQL • PHP • Web-разработка

Настройка Enhanced Ecommerce в Google Tag Manager

Стандартная электронная торговля позволяет собирать данные только о совершенных транзакциях, в то время как расширенная (enhanced ecommerce) предоставляет значительно больше возможностей для сбора данных. С ее помощью можно настроить передачу данных о просмотрах карточек товаров, шагов оформления заказа и т.п.

Настройка PhpStorm для работы с Laravel

Laravel имеет богатый функционал, значительно облегчая жизнь программисту. Однако, обратной стороной этого удобства, является сложность в чтении кода для IDE. PhpStorm не может проанализировать код и предложить программисту автодополнение кода. Потому, чтобы было удобно работать с Laravel, нужна дополнительная настройка.
Категория: Web-разработка • Yii2 и Laravel

Отказ в Яндекс.Метрика и Google Analytics

Отказы — процентный показатель, который помогает судить, насколько сайт соответствует ожиданию посетителей. В Яндекс.Метрика и Google Analytics этот показатель считается по-разному. Яндекс считает отказом визит меньше 15 секунд без переходов и действий. Google считает отказом любой визит без переходов и действий.
Каталог оборудования
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.