Публикации по теме 'web-development'


Простой слайдер изображений на HTML, CSS и JavaScript
Этот слайдер позволяет пользователю перемещаться между слайдами с помощью переключателей или кнопок со стрелками вручную. Он также обеспечивает функцию автоматического слайд-шоу, которое переключается между слайдами через заданное время. Исходный код доступен здесь . Перво-наперво, продолжайте и настройте новую папку. Я назову его «СЛАЙДЕР ИЗОБРАЖЕНИЯ», но вы можете назвать его как хотите. Затем добавьте еще 3 папки с именами «js», «css» и «image». Откройте эту папку в текстовом..

Создайте PWA с нуля с помощью Vanilla JS
Когда COVID начал распространяться в Китае в январе 2020 года, я взял на себя задачу создать Приложение Coronavirus . С тех пор это простое PWA использовалось более чем 15 миллионами индивидуальных пользователей. Проблемы, с которыми я столкнулся при создании этого приложения, вдохновили меня на создание Progressier , платформы SaaS, которая позволяет добавлять весь блок функций, который мы называем Progressive Web App , в любой домен без необходимости написания кода. В этой..

Раскройте всю мощь кодирования JavaScript Base 64
Я был приятно удивлен тем, как много Стивен Грайдер научил меня JavaScript. Он преподает вторую часть курса Учебный курс современного Javascript на Udemy — подробное руководство, в котором используется практический подход к обучению. Этот курс поможет вам стать эффективным разработчиком, укрепляя уверенность в проектах кодирования. Я большой сторонник такого подхода, и мне нравится поднимать эти проекты на новый уровень, сделывая их своими собственными . Недавно я закончил..

Создавайте интерактивные диаграммы с диаграммами реакции шторма!
Либо для представления рабочего процесса, либо для настройки среды, либо для настройки инструмента визуального программирования; диаграммы могут быть важной частью вашего набора инструментов. Сегодня я хочу сосредоточиться на библиотеке для создания сложных, настраиваемых диаграмм для ваших приложений React. Библиотека React-diagrams предлагает расширенную визуализацию диаграмм для вашего проекта. Вы сможете отображать поля с заголовками и свойствами, а также ссылки, соединяющие..

10 лучших идей HTML-проектов для начинающих веб-разработок.
1. Страница дани Это один из самых простых HTML-проектов, которые вы можете сделать. Как вы можете догадаться по названию, страница дани демонстрирует уважение к тому, кто вас вдохновляет, или к тому, кем вы восхищаетесь и почитаете. Чтобы создать трибьют-страницу, вам нужно знать только основные концепции HTML. Во-первых, вам нужно создать веб-страницу. Затем вы можете добавить фотографию человека, которому вы отдаете дань уважения, и добавить сведения о человеке, достижения и т...

Как я научился любить Вим
С Вимом у меня долгое время были сладко-горькие отношения. За последние пару лет я несколько раз пытался изучить Vim. Каждый раз я отказывался от этого. Вместо этого я использовал свой основной текстовый редактор (обычно Atom ). Но через пару недель я обнаружил, что не могу использовать Atom. Это произошло из-за непонятной проблемы с подключением . Это сделало мою установку совершенно бесполезной для удаленных подключений. Пройдя пять этапов горя, я решил укусить пулю и..

Увеличьте конверсию на 7%
Если ваш сайт загружается более трех секунд, ваш посетитель уже ушел! Может ли скорость вашего сайта так сильно влиять на ваши конверсии и продажи? Даже если ваш сайт загружается не слишком медленно, можно ли его улучшить? ответ: Да . Время загрузки страницы VS воспринимаемая скорость Чтобы понять измерение скорости страницы, когда Google говорит о скорости страницы, их не волнует общее время, необходимое для загрузки веб-страницы. Их волнует то, как быстро пользователь начинает..