Javascript и jQuery эффекты и интерактивность. Оживление сайта


Вы знаете HTML и CSS и уже создаете простые сайты. Но сайту чего-то не хватает. Сайт не выглядит живым, динамичным, интерактивным. Он выглядит, как обычная газетная или журнальная страница. Такую страницу посетитель может только прочитать, но никак не может с ней взаимодействовать. Исправим этот недостаток.

Уровень 2. Знакомство с Javascript и jQuery

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

Что же делает сайт таким интерактивным? Одной из таких технологий, является язык программирования Javascript. Фактически, это единственный язык, который используется разработчиками всего мира и применяется на всех сайтах в Интернете. Сразу заметим, что еще существует технология Flash, но и в ее основе лежит разновидность языка Javascript. Тем более сайты, сделанные, только на Flash технологии, встречаются не так часто, поэтому мы не будем их рассматривать.

Где взять Javascript, откуда его скачать, как установить? Ответ, никак! Понимание языка Javascript, как и HTML и CSS уже встроено во все браузеры. Любой браузер без проблем понимает язык Javascript. Вам только остается добавить нужный код на вашу страницу сайта. Код, он же скрипт, это такой блок текста на вашей странице, в котором браузеру объясняется, что ему делать на понятном ему языке. В отличие от кода на языках разметки HTML и CSS, код на языке Javascript представляет собой уже настоящую программу. Код Javascript, также как HTML и CSS не отображается на странице сайта, он предназначен для браузера. Javascript объясняет браузеру, как должен вести себя сайт, в ответ на те или иные действия пользователя.

У языка Javascript существует полезное дополнение, которое называется jQuery. Оно облегчает работу на Javascript. Используя jQuery, можно делать все быстрее, проще, удобнее. Так же на jQuery уже создано множество полезных для сайта дополнений. Их достаточно только добавить на ваш сайт, и они уже будут готовы к работе. Дополнения jQuery позволяют создавать на сайте красивые спецэффекты, удобные меню, фото слайд шоу и многое многое другое.

Как можно быстро и легко изучить язык программирования Javascript и jQuery? Ответ прост. Существуют замечательные видео уроки «Javascript + jQuery для начинающих в видеоформате». Нет ничего приятнее и проще, как изучать Javascript сидя дома в теплом уютном кресле, налив себе горячую чашечку чая или кофе. Для этого авторы курса постарались на славу!

Перейти к просмотру видео курса

Javascript и jQuery эффекты и интерактивность

Мы изучили HTML, CSS, Javascript + jQuery. Наш сайт красив, удобен, он нравится посетителям. Но мы чувствуем, что сайту опять что-то не хватает. Он по-прежнему, остается не более чем обычная страница журнала, хотя и более эффектная и красивая. Мы видим, что пользователи нашего сайта не могут зарегистрироваться, их письма и сообщения никуда не уходят и никому не приходят. Посетители не могут общаться друг с другом, добавлять свои фото, публиковать статьи, оставлять комментарии. Наш сайт не помнит посетителей. А если каждый посетитель захочет себе отдельную страницу или мы хотим создать Интернет магазин, в котором 1000 видов товаров. Мы просто, сойдем с ума, создавая вручную каждую отдельную html страницу. Что же нам делать?

Если провести аналогию с человеком, то мы создали внешность сайта, но у нас нет того, что делает человека человеком, у нас нет мозга сайта. И тут нам на помощь приходят еще несколько технологий, о которых мы поговорим далее.

Уровень 3. Где находится мозг сайта.
Интернет-магазин своими руками на PHP и MySQL