Если вы решили освоить язык программирования JavaScript (JS), лучшим методом будет начинать с уроков по javascript, в которых есть примеры для начинающих. Многим легче усваивать материал при просмотре видео уроков по javascript.

Что собой представляет JavaScript и для чего он нужен?

JavaScript выполняется на стороне пользователя, придавая веб-страницам динамичность. В основном возможности JavaScript ограничеваються текущей страницей браузера. При помощи JavaScript можно создавать новые HTML-теги, удалять существующие, менять стили элементов, прятать, показывать элементы и т.п. Также возможно реагировать на действия пользователя: обрабатывать клики мыши, перемещения курсора, нажатия на клавиатуру и т.п. ...

В этом примере создадим модальное окно с формой обратной связи.

Вот что мы будем использовать:
    Bootstrap – стили и скрипты фреймфорка для создания адаптивного модального окна.
    jquery ajax - для отправки запроса к обработчику php без перезагрузки страницы.
    php – обработка данных и отправка Email. 

Для создания адаптивного модального окна будем использовать фреймворк bootstrap.
Для начала подключим bootstrap и jquery.
Для лучшего быстродействия сайта лучше скачать bootstrap и jquery.

В этом уроке разберем как работать с данными полученными от формы в php. Вот простенький пример html-формы:

<form action="page.php" method="get">

<input type="text" name="name">
<input type="text" name="email">

<input type="submit">
</form>

В этой форме мы передадим данные файлу page.php, который мы указали в атрибуте action. Передавать данные мы можем двумя методами GET и POST. Метод указывается в атрибуте method. Какой метод передачи данных использовать зависит от конкретной задачи...

 В этом уроке рассмотрим создание красивой формы регистрации html + css. 

Фомы нужны для получения различных данных от пользователя. Для создания форм в html есть тег <form>.

Рассмотрим основные атрибуты, которые используются чаще всего.

action - адрес страницы которая будет обрабатывать данные.

method -  метод протокола http, может быть GET или POST

• GET- данные будут передаваться в адресной строке, например в форме будут введены имя ivan и пароль qwerty, в адресной строке мы увидим примерно следующее: http://site.ru/form.php?name=ivan&password=qwerty
• POST- посылает на сервер данные в запросе браузера. Этот метод используется, если нам не нужно, чтобы в адресной строке были видны введенные данные.  Например нам не нужно чтобы было видно введенный пароль. В адресной строке мы получим http://site.ru/form.php

name  - имя формы, нужно для обработки данных. ...

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

В этом уроке мы рассмотрим один способ адаптации таблицы. Зачастую заголовки таблицы располагаются сверху горизонтально. Мы на маленьких экранах будем их располагать вертикально, а для ячеек с даннями будем добавлять горизонтальную прокрутку, при этом заголовки будут оставаться на месте...