Привет всем, я Аман Шарма, Android-разработчик-самоучка. 😊

Я нахожусь в путешествии, путешествии, где я изучаю интерфейсную веб-разработку с использованием HTML, CSS и JavaScript. Девиз этого путешествия или, можно сказать, цель — разработать сайт-портфолио с использованием этих инструментов.

Я считаю, что создание веб-сайта с портфолио выделит меня, когда я пойду на собеседование при приеме на работу, а знание дополнительных языков, несомненно, повысит мое резюме и, конечно же, мою уверенность в себе.

Надеюсь, вы ознакомились с моей предыдущей статьей, в которой я создаю раздел статистики, в котором я анимирую числа, используя класс js, известный как CountUp.js, проверьте ссылку ниже.



CountUp.js для раздела статистики
Привет всем, я Аман Шарма, Android-разработчик-самоучка. 😊medium.com



На пути изучения веб-разработки переднего плана и разработки веб-сайта портфолио сейчас самое время, когда я хочу продемонстрировать свои навыки и мастерство в каждом инструменте программирования, который я знаю.

Я очень благодарен Дэвиду Дойчу и Роберту Флейшманну за эти действительно удобные и простые в использовании плагины JQuery, которые действительно помогают мне продемонстрировать свои навыки именно так, как я хочу. Как новичок, это самый простой и креативный способ продемонстрировать свои навыки. Я всегда считаю, что нужно показывать вещи просто, но творчески.

3 шага объясняют, как

Да, я буду проще, я попытаюсь рассказать вам, как я создаю раздел навыков всего за 3 шага, и вы также можете сделать то же самое. 😜

Сова Карусель

  1. Добавьте owl.carousel.min.css в папку CSS.
  2. Добавьте ow.carousel.min.jsв папку JavaScript.
  3. Не забудьте добавить тег link внутри тега head и тег script внутри тега body.
  4. Добавьте класс .owl-carousel в script.js, проверьте репозиторий.

Легкая круговая диаграмма

  1. Просто добавьте это в папку javascript: jquery.easypiechart.min.js
  2. Как всегда не забудьте добавить тег script внутри тела.
  3. В script.js добавьте класс .chart, для справки проверьте репозиторий.

Анимация при прокрутке

  1. Убедитесь, что вы поместили jquery easypiechart внутрь $(window).scroll(function (){if (window.pageYOffset › skillTopOffset — $(window).height() + 200) {…….}); в script.js

Ищете образец проекта?

Пожалуйста, следуйте за мной на github, чтобы узнать, над каким проектом я сейчас работаю, я всегда стараюсь загружать и делиться мини-проектами в моем профиле github, где вы также можете найти мои проекты по разработке для Android.

Ах да, вот упомянутый ниже репозиторий github:



amanharma-dev/OwlCarousel-EasyPieChart_Github_WebDevelopment_SampleProject
Вы не можете выполнить это действие в данный момент. Вы вошли в другую вкладку или окно. Вы вышли на другой вкладке или…github.com



Спасибо

Нажмите кнопку 👏, если эта статья оказалась вам полезной!

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