Для чего нужен JavaScript в разработке современного сайта

В статье о верстке мы говорили о методах создания макета при разработке сайта, и не затронули очень важный аспект – программирование в браузере. Что же можно программировать в браузере?

Простая верстка макета сайта дает статичную страницу, без каких-либо эффектов. Раньше, что бы создать хоть небольшой эффект использовали специальный язык программирования, это JavaScript, не путайте с серверным JavaScript и просто Java. С его помощью можно было изменять внешний вид, содержимое отдельных элементов страницы напрямую или, например, путем подмены картинки. Современный CSS частично заменил JavaScript, не используя программирование можно сделать разные эффекты, например, при наведении мыши на пункт меню можно раскрывать подменю. Однако JavaScript не исчез в браузерах, наоборот стал развиваться. Некоторые трюки не подвластны CSS, например, при скроллинге страницы сделать «залипание» меню, загрузку какого-либо контента без полной перезагрузки окна браузера, сложные эффекты и анимацию.

Каковы возможности этого языка? Главная особенность, это возможность простого обращения к разным элементам страницы сайта, CSS и взаимодействие с внешним миром, правда с ограничениями, которые связаны с безопасностью. Получается, что JavaScript отличный друг HTML. Как любой другой язык программирования, JavaScript имеет большинство стандартных функций, например, математические функции или строковые функции, объекты и все что связано с объектным программированием. Относительно недавно в браузерах появилась очень мощная возможность – асинхронная загрузка информации в тело страницы (AJAX - «асинхронный JavaScript и XML»), такой сайт становится более дружелюбным по отношению к посетителю. JavaScript имеет богатые возможности обработки разных событий в окне браузера с сайтом, например,

  • Скроллинг – можно сделать залипание меню сайта и сделать его всегда видимым.
  • Клик мыши – можно положить товар в корзину магазина без полной перезагрузки страницы, используя AJAX
  • Наведение мыши – можно приостановить смену слайдов в шапке сайта и более внимательно прочесть текст.
  • Различные слайдеры и галереи.
  • Онлайн калькулятор расчета какой-либо услуги.
  • Автоматическое выравнивание по высоте плиток с товаром интернет магазина.
  • Вывод всплывающих окошек с полезной информацией.
  • Анимация стандарта HTML5.
  • Стилизацию разных элементов, например, выпадающий список

В эпоху браузерных войн были сложности в написании скриптов на этом языке, т.к. в разных программах использовались разные не совместимые функции. По этой причине появились фреймворки, например, jQuery. Они скрывают различия в браузерах, предоставляя удобства программисту, и дают гарантию идентичной работы скриптов. Главный недостаток сайта, работающего полностью на JavaScript, страницы которого загружаются асинхронно, это проблемы индексации поисковыми системами, роботы не могут выполнить скрипты, по этой причине возникнут сложности в считывании контента страницы.

Программисты студии «Мастер Флеш» в своей работе активно используют возможности JavaScript, без ущерба индексации, мы выполним работу любой сложности и в срок, звоните.

 


Перейти к списку