4. JavaScript это язык сценариев, позволяющих сделать html-страницу интерактивной, т.Е. "умеющей общаться" с пользователем.

ачнем с того, что Javascript – это язык программирования. Т.е. с его помощью можно создавать различные условия «если-то», «циклы», алгоритмы и др. В общем, можно создавать какие-то программы.

Теперь другой вопрос, где программы на языке Javascript будут работать?

Javascript – это не просто язык программирования, а язык веб-программирования и создавался он специально для приложений, которые будут работать в сети Интернет и на веб-сайтах.

Чаще всего код на языке Javascript обрабатывают обычные браузеры.

Практически все современные браузеры поддерживают Javascript, например эти: Internet Explorer,Opera, Google Chrome, FireFox и др. В браузерах есть специальный модуль, который может обрабатывать команды, написанные на этом языке и приводить их в понятный вид.

По сути, Javascipt-код представляет собой обычный текстовый документ, который написан по специальным правилам. О том, как создать javascript файл, я писал здесь.

Т.к. Javascript – код исполняется в браузере пользователя, а браузеры еще называют «клиентами», то этот язык программирования еще называют клиентским. Этим он отличается от так называемых серверных языков веб-программирования, которые выполняются на сервере.

Для чего же нужен Javascript код?

Вот некоторые из тех задач, которые можно решать с помощью Javascript:

1) Добавление взаимодействий с действиями пользователя на веб-страницах.

Если пользователь неправильно заполнил форму, то будет выдана ошибка.

2) Добавление логики. Веб-страница будет вести себя по-особому, в зависимости от того, как ведет себя пользователь.

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

5.

Библиотека JavaScript представляет собой сборку классов и функций, которые позволяют легче разрабатывать приложения на JavaScript

1. JQuery — кросс-браузерная JavaScript библиотека, предназначенная для упрощения сценариев на стороне клиента в HTML. JQuery является свободным, открытым исходным кодом, под двойной лицензиее MIT License и GNU General Public License версии 2. Библиотека jQuery помогает легко получать доступ к элементам DOM, обращаться к атрибутам и содержимому лементов DOM, манипулировать ними. Также библиотека jQuery предоставляет удобный API по работе с Ajax, чото дает возможность создавать мощные и динамичные веб-страници.

2. jQuery UI – библиотека, созданная на основе jQuery. Позволяет создавать интерактивные веб-приложения.Color Animation - Анимация цвета - Плавный переход от одного цвета к другому

3.MochiKit это легкая библиотека Javascript которую написал и поддерживает Bob Ippolito. Эта библиотека полезна в разработке интерактивных веб-страниц, которые поддерживают диалог с веб-сервером

4. MooTools (My Object-Oriented Tools), легкий, объектно-ориентированный фреймворк, который служыт для разработки веб-приложений на JavaScript.

5. QooXDoo является открытым исходным кодом Ajax для веб-приложений. Распространяется под лицензией GPL и EPL, что сопутствует профессиональному развитию JavaScript, GUI инструментарию и коммуникации клиент-сервер высокого уровня.

Фреймворк

qooxdoo полностью основан на классах и пытается использовать особенности объектно-ориентированного JavaScript программирования. Он основан на пространствах имен и не изменяет\расширяет собственные типы JavaScript. Поддерживается большинство современных браузеров(Mozilla, Internet Explorer, Opera, Safari/WebKit, Chrome). Среди набора инструментов содержится синтаксический анализатор JavaScript, который является неотъемлемой частью автоматического процесса сборки и используется для оптимизации, сжатия, соединяясь и развертывания прикладных программ, так же как генерация документации. Интернационализация и локализация приложений поддерживаются. qooxdoo может быть загружен как всесторонний SDK.

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

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

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

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

7. Замечательные Bootstrap шаблоны позволят создать вам современный адаптивный сайт с уникальным дизайном. на официальной странице bootstrap размещены примеры шаблонов(базовые шаблоны) с которых просто начинать простую разработку сайта

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

HTML- это язык разметки гипертекста (от англ. HyperText Markup Language).

Данный язык применяется для создания веб-страниц. Он интерпретируется (обрабатывается) браузером и отображается в виде документа в удобной для человека форме.

HTML – это неотъемлемая составляющая и основа практически любой веб-страницы. Язык HTML в первую очередь выступает как средство логической разметки страницы.

Именно HTML позволяет нам наделять содержимое страницы определенным смыслом, а реализуется это с помощью так называемых тэгов.

Тэги – это специальные маркеры, которые определенным образом интерпретируются браузером. Суть тэгов в том, что содержимое страницы, заключенное в разные тэги, по-разному обрабатывается браузером.

CSS – это язык описания внешнего вида документа, написанного с использованием языка разметки. Название произошло от англ. Cascading Style Sheets — каскадные таблицы стилей.

Проще говоря, язык CSS предназначен для того, чтобы придавать необходимый внешний вид HTML-документам.

Придание внешнего вида документам HTML – это хоть и самый популярный, однако лишь частный случай применения языка CSS, т.к. с его помощью можно придавать вид и документам других типов: XHTML, SVG и XUL. Про них мы отдельно говорить не будем, т.к. это выходит за рамки рассматриваемого вопроса.

Итак, целью создания CSS было отделение описания логической структуры веб-страницы от ее внешнего вида. Как вы уже знаете, для описания структуры используется HTML, для описания же того, как эта логическая структура будет выглядеть, отвечает как раз CSS.

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

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

JavaScript – это язык программирования, нашедший наиболее широкое применение в браузерах для придания интерактивности веб-страницам.

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

Основной задачей JavaScript в рассматриваемом нами контексте является манипулирование элементами DOM-модели web-страницы.

Давайте разберемся с тем, что же такое DOM.

DOM – это объектная модель документа (от англ. Document Object Model).

Согласно DOM, документ (например, веб-страница) может быть представлен в виде дерева объектов, обладающих рядом свойств, которые позволяют производить с ним различные манипуляции:

- получение узлов; - изменение узлов; - изменение связей между узлами; - удаление узлов.

Именно эти манипуляции и позволяет нам осуществлять над элементами страницы язык JavaScript.

9. Десятки полезных компонентов встроены в Bootstrap, такие как навигация, сообщения, инфоблоки и т.д.

1)Выпадающее меню

2)Группы кнопок

3)Кнопки со списками

4)Навигация

5)Навигационный бар

6)Навигационная последовательность

7)Нумерация страниц

8)Этикетки и лэйблы

9)Оформление и шрифты

10)Миниатюры

10. Преимущества и основные характеристики:

+

Ориентированность в первую очередь на мобильные устройства;

Кросс-браузерная совместимость;

Легкость использования;

Система CSS-сетки;

Готовые к использованию компоненты и утилиты;

Кроме того, Bootstrap дает возможность быстро и гибко управлять медиа, шрифтами, включать «резиновость» сайта и т.д. И всё это – на лету, динамично, просто добавляя или отключая те или иные классы у элементов.

-

Все сайты, использующие Bootstrap, похожи друг на друга, т.е. отсутствует уникальность. Подобные сайты-близнецы попросту не запоминаются.

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

верстаем то, что требуется

заставляем это работать поверх стилей Bootstrap.

Не проще ли оставить только 1-й пункт? Это же можно сказать и про компоненты JavaScript. Если бы не его тесная связка с css составляющей, можно было бы его использовать во многих случаях (если не в большинстве).

Избыточный код. То, что реально сделать двумя вложенными блоками, зачастую делается пятью. Любые изменения влекут за собой часы мучений.

Ввиду своей кажущейся простоты, некоторые используют компоненты Bootstrap не по прямому назначению. Посмотрите форму авторизации стандартного шаблона beez2 :) Возникает вопрос: а нужна ли такая унификация?

Для большинства уникальных шаблонов Bootstrap противопоказан. Нужно его переделывать в шаблон, а не создавать шаблон при помощи этой библиотеки. Поначалу кажется, что все должно быть наоборот. На практике чаще всё оказывается совершенно иначе.

Можно долго перечислять все недостатки и достоинства Bootstrap, но смею надеяться, что Вы уже уловили суть: либо переделываем библиотеку под задачу, либо сталкиваемся со всем вышеперечисленным. Есть еще третий вариант — не используем вообще.