Удивительный JavaScript. Графические эффекты.

Удивительный JavaScript. Графические эффекты.

Скорее всего, в демонстрации графических эффектов нет никакой практической пользы. Однако все они являются прекрасной демонстрацией возможностей JavaScript. Никакого Flash, только использование операторов языка программирования и функций. Впечатляющие перспективы использования JavaScript, которые открывают дорогу для новых, ранее недоступных для веб-проектов, сфер использования. Кажется невероятным тот факт, что еще несколько лет назад создание таких графических приложений было невозможным на JavaScript.
Итак - смотрим! Лучше всего для просмотра демонстраций использовать браузер Chrome, потому что он обладает наилучшим на сегодняшний день механизмом интерпретации JavaScript.

 Canopy

Canopy  - это масштабируемый фрактал в векторном стиле. Нажмите "play" чтобы начать путешествие, нажатие на кнопку мыши ускоряет процесс. Использование опций "Mutation" (мутация) и "Bloom" (цветок) превращает дерево в странную структуру.

Ball Pool

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

Starfield

Простое звездное поле (512 звезд).

Floating cube

Плавающие кубики составляют фразу "Chrome Experiment".

3D Model Viewer

Приложение 3d Model Viewer реализовано на Javascript и с использованием элемента canvas (HTML 5). Возможно просматривать 3D-модели (динозавр, корабль, вертолет), вращать их, изменять цвет и прозрачность, добавлять эффект "motion blur".

Many Lines

Рисуются линии вслед за движением курсора мыши.

Depth of Field

300 шаров сначала располагаются на плоскости, затем собираются в куб, затем собираются в модель вселенной, затем становятся сферой и исчезают. Можно менять угол обзора процесса.

Fish

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

Liquid Particles

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

Orange Tunnel

Классический эффект туннеля в стиле демо сцен.

Colors Cube

Colorscube - простое воспроизведение цветового пространства RGB в 3D. Используются установки прозрачности.

Kaleidoscope

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

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

_____________________

Евгений Попов – автор ряда видеокурсов по сайтостроению. В том числе и видеокурса «Javascript + jQuery для начинающих в видеоформате».

Javascript повышает стоимость работ веб-мастера.

Javascript повышает стоимость работ веб-мастера.

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

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

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

Дело в том, что в современных условиях сделать сайт, даже весьма сложный, может практически любой, кто умеет читать. Как?
 В настоящее время существует довольно большой список систем управления содержанием сайта. Причём ведущие позиции в этом списке занимают бесплатные варианты (Joomla, Drupal, WordPress).

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

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

Системы управления содержанием настолько универсальны и просты в использовании, что построив один сайт можно смело предлагать свои услуги в качестве веб-мастера для других. Здесь самое главное — найти клиента и обговорить с ним требования к готовому сайту. А подобрать изображения, тексты и функциональные модули можно среди многочисленных бесплатных вариантов доступных в Интернете.

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

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

Кроме того, освоение Javascript очень может очень сильно изменить материальную оценку труда веб-мастера. За стандартный сайт на основе системы управления содержанием, пусть даже с хорошим графическим решением, много просить не позволит рынок (слишком много будет конкурентов, готовых выполнить такую же работу за меньшие деньги). А использование Javascript может превратить ту же самую работу в уникальный проект с использованием анимаций при изменении состояний элементов, интерактивным интерфейсом, который будет предвосхищать желания посетителя. И вот за такой проект уже можно смело просить сумму в несколько раз превышающую стандартный гонорар. Да и в прайс-листе можно будет смело указать несколько вариантов исполнения заказа, что не только расширяет ассортимент услуг, но поднимает планку компетентности веб-мастера в глазах клиента.
Может показаться, что использование Javascript существенно увеличивает сложность работ. Отнюдь. Использование современных библиотек (jQuery, MooTools, Dojo) и многочисленных плагинов к ним, решение даже самых невероятных интерфейсных трюков укладывает в несколько строк кода. Таким образом, увеличение трудоёмкости практически несущественно на фоне качественно других решений.

Что интересно, освоение Javascript не такой уж сложный процесс, как может показаться. В Интернете легко найти многочисленные примеры решений с подробным объяснением. Ну и, конечно же, видеокурсы по Javascript и различным библиотекам для него помогут шагнуть на другую ступеньку на пути к вершинам мастерства.
Будьте смелее! Отправляйтесь в путь! Дорогу осиливает идущий.
_____________________

Евгений Попов – автор ряда видеокурсов по сайтостроению. В том числе и видеокурса «Javascript + jQuery для начинающих в видеоформате».

Удивительный Javascript. Три вопроса.

Что такое Javascript?

Когда-то при возникновении подобного вопроса принято было отсылать к толстым энциклопедиям, в которые человечество собирало определенные описания всего, с чем приходится сталкиваться. Но в наше время бурного развития Интернета как информационной среды не надо перелистывать тяжеленные тома большой советской энциклопедии или рыться в пыльных каталогах городской библиотеки. Достаточно просто набрать в поле ввода текста поискового сервера "что такое Javascript" (даже вопрос в конце ставить не нужно).
Среди большого количества найденных ответов следует обратить внимание на отличную статью в Википедии. В самом начале статьи приводится достаточно емкое определение Javascript. Главное, на что надо обратить внимание: "это встраиваемый язык, который находит широкое применение в браузерах для придания интерактивности веб-страницам, легкий для использования непрограммистами".
Другими словами - это доступное каждому средство, которое встраивается в каждый современный браузер для оживления веб-страниц и превращения их в настоящие программные продукты.
Все равно не понятно? Тогда читайте дальше о возможностях, которые предоставляет Javascript.

Что может Javascript?

C помощью Javascript простую текстовую страницу можно превратить в настоящее чудо, которое будет не только поражать воображение посетителя разнообразными эффектами, но и активно взаимодействовать с ним, реагируя на движения мышью и нажатия клавиш.
Так при наведении курсора мыши пункт меню может красиво разворачиваться, представляя всю структуру для выбора нужного подпункта. А изображения в специальном окне будут изменяться самостоятельно, демонстрирую посетителю все портфолио, а при наведении курсора мыши на картинку будут всплывать оригинально оформленные подсказки. При заполнении различных полей для ввода информации с помощью Javascript сайт не только подскажет, что надо вписать в то или иное поле, но и проверит, правильно ли ввел пользователь свой е-мейл или номер телефона и сообщит ему об ошибке. А при выборе пользователем определенных данных для отображения страница автоматически изменит свой дизайн, спрячет ненужное и выделит необходимое. С помощью Javascript можно сделать интерактивные таблицы для ввода информации, которые будут работать подобно популярному офисному приложению Excel или текстовой редактор, как Word.
Перечислять все возможности Javascript можно практически бесконечно, потому что он реализует практически весь интерфейс пользователя на веб-странице. А самыми красивыми и яркими примерами использования Javascript являются игры, написанные без использования каких-либо сторонних технологий (таких как Flash).
Браузер с использованием Javascript становится мощной информационной платформой, которая может иметь огромное количество функций и приложений. При этом требования к компьютеру, на котором выполняется приложение, перестает быть критичным. Скорее, возможности начинают ограничивать каналы связи с веб-сервером.

Зачем осваивать Javascript?

Во-первых, освоение Javascript открывает новые возможности для использования на своих сайтах огромного количества уже готовых решений для реализации разнообразных функций и графических эффектов. Причем можно выполнить подключение такого модуля к уже готовому сайту и написать придется всего лишь несколько строк кода.
Во-вторых, уже сегодня стоимость специалиста, владеющего Javascript, наряду с другим веб-технологиями существенно выше. Дело в том, что Интернет развивается не только количественно (увеличивается и число пользователей и число  веб-сайтов), но и качественно. Интернет-магазин, выполняющий продажи посетителям сайта, - уже привычное и повсеместное явление. А перспектива - это массовое развитие программного обеспечения как веб-сервиса. В недалеком будущем на локальном компьютере пользователя будет работать только операционная система, обеспечивающая браузер (посмотрите на Chrome OS, который вот-вот выйдет в мир). а все данные и программное обеспечение будет храниться на веб-серверах  (либо платных, либо бесплатных).  В таких условиях  Javascript  приобретает решающее значение как инструмент реализации пользовательского интерфейса. Так что освоение Javascript не только выгодное, но и перспективное занятие. Ну и, кроме того, можно просто работать на себя, создавая те самые готовые модули (что довольно-таки просто) и реализовывать их в свободной продаже другим веб-мастерам.
В-третьих, Javascript изначально разрабатывался как легкий в освоении язык программирования. Помните: "легкий для использования непрограммистами". И его действительно просто освоить. А весь инструментарий, который нужен для организации учебного процесса - браузер. Остается только раздобыть учебные материалы. Но при наличии соединения с Интернетом вопрос об учебных материалах растворяется в ответах поисковых серверов. Многочисленные форумы и сайты, посвященные использованию Javascript, содержат огромное количество материала. Конечно, у этой информационной массы есть недостаток - отсутствие системности и стройной структуры. Но есть ведь еще и книги, и видеокурсы, которые помогут сделать учебный процесс эффективным и наглядным.
Так что пора прекращать удивляться возможностям Javascript и начинать строить свою карьеру вебмастера.
_____________________
Евгений Попов – автор ряда видеокурсов по сайтостроению. В том числе и видеокурса «Javascript + jQuery для начинающих в видеоформате».

Блестящее будущее JavaScript

Интернет постоянно развивается, уже практически стал ещё одной сферой, окружающей нашу планету вместе с атмосферой и магнитным полем. Неисчерпаемый источник информации и среда для развлечений, невероятных размеров хранилище для данных и среда для передачи самых разнообразных сигналов — такие функции выполняет Интернет для всего человечества, куда бы ни дотягивались каналы связи провайдеров.
Расширяющаяся и набирающая силу значимость Интернета для человечества своим успехом обязана в первую очередь развитию веб-технологий. Веб-сервера постепенно превращаются из простых хранилищ данных в часть сложной распределённой системы для обработки информации. Такие системы будут предоставлять самые разнообразные сервисы пользователям.
Уже сегодня для того, чтобы узнать погоду, послушать радио или связаться с другом на обратной стороне земли нужен всего лишь интернет-браузер. А поток данных для браузера формируется на сервере и, может быть, даже не на одном.
Но дальнейшее развитие веб-проектов уже сейчас можно предугадать. Посмотрите на сервис Google Docs – чтобы написать документ в популярном формате Word, разработать совместимую с Excel электронную таблицу, нарисовать векторный рисунок или сделать презентацию с красочными картинками и схемами нужен всего лишь браузер и аккаунт в системе Google. А все остальное можно найти на сайте Google Docs. И даже хранение документов берет на себя этот мощный сервис. Так что можно готовить свою работу практически из любого интренет-кафе, и даже не нужно заботиться о переносе данных — все хранится на веб-сервере. Достаточно закрыть браузер в интернет-кафе, приехать домой,  зайти на сервер со своего домашнего компьютера — и можно продолжать работу с того самого места, где остановился.
В таких условиях от локального компьютера требуется только  поддержка устойчивого соединения с Интернетом и браузер. Именно по такому пути двигаются разработчики новейшей операционной системы Chrome OS. Их концепция состоит из утверждения: «Все что нужно пользователю — интернет-браузер». И это действительно так.
Если посмотреть на развитие веб-сервисов, то можно обратить внимание на появление и растущую популярность такой услуги как SAAS (программное обеспечение как сервис). То есть, программное обеспечение выполняется на веб-сервере, где также хранятся и все данные, а пользователю передаётся только интерфейсная часть, то есть то, что нужно ему показать для принятия решений по дальнейшей обработке данных. Поэтому для составления текстового документа, или ведения бухгалтерии, или редактирования изображения нужен только лишь браузер и соединение с Интернетом.
Мало того, новые модели различных цифровых устройств все чаще стали получать такую интересную функцию как веб-интерфейс. То есть, подключённое к компьютеру или локальной сети устройство запускает внутренний веб-сервер, который позволяет осуществлять управление устройством с помощью браузера, просто зайдя на сайт устройства. И никакой возни с установкой специального программного обеспечения. Вот это настоящий интерфейс «подключай и работай».
В условиях такого развития событий очень важно понимать место и значимость веб-технологий. Все веб-приложения (начиная от простой текстовой страницы и заканчивая сложным интернет-порталом) состоят из двух больших частей. Первая часть — серверная. Она занимается хранением данных на сервере, обеспечением доступа к ним и формированием ответов для второй части веб-приложения — клиентской. Клиентская часть выполняется на компьютере пользователя и отвечает за вывод полученной от сервера информации и реализацию интерфейса с пользователем.
На сегодняшний день клиентской частью веб-проекта является браузер. Программа, которая выполняется на компьютере пользователя. Тенденция развития технологий указывает на то, что со временем браузер может вытеснить все остальное программное обеспечение с локального компьютера (посмотрите на Chrome OS, которая активно готовится к выпуску). В таком случае хранение данных и сложные вычисления будут выполняться на сервере, а локальный компьютер лишь будет управлять запросами и выводить полученный результат пользователю.
При таких перспективах развития становится важным вопрос, а на что стоит обращать внимание человеку, который планирует своё развитие как профессионал в сфере информационных технологий.
Давайте обратим свой взор на клиентскую часть. Именно эта часть веб-проекта сталкивается лицом к лицу с пользователем. Именно по ней судят, стоит пользоваться веб-сервисом или нет. Плохая клиентская часть может свести к нулю результат упорного труда над серверной частью, неудобный интерфейс может оттолкнуть пользователей (клиентов с деньгами) от замечательного сервиса. Поэтому важность клиентской части  (особенно для проектов SAAS) будет возрастать неуклонно.
А реализация клиентской части выполняется на Javascript. Кстати, тенденции развития Javascript указывают на то, что его позиции будут все более и и более прочными, даже не смотря на развитие HTML и CSS. Появление и постоянное улучшение большого количества библиотек для Javascript (jQuery, Mootools, Dojo и так далее), а также растущее стремительными темпами количество разнообразных плагинов для них указывают на то, что Javascript станет ведущей технологией для реализации клиентской части веб-проектов (если уже не стал).
Именно от умелого использования Javascript будет зависеть судьба того или иного веб-сервиса. Уже сегодня,  используя этот скриптовый язык программирования, можно заставить браузер делать невероятные трюки (например, создавать игры, выглядящие так, как будто их сделали на Flash) и очаровательные интерактивные интерфейсы, которые могут превратить скучную страницу сайта-визитки в превосходную рекламу, привлекающую пользователей. Причём трудоемкость процесса изготовления оригинального сайта может быть существенно снижена за счет использования готовых бесплатных решений по манипуляции элементами веб-страниц.
Так что Javascript ожидает весьма блистательное будущее ведущего инструмента в создании и развитии веб-сервисов. И тем, кто всерьез задумывается о своей карьере в сфере информационных технологий, стоит обратить внимание на освоение Javascript. В ближайшем будущем будет ощущаться очень острая нехватка специалистов по построению клиентских частей прибыльных веб-сервисов.
_____________________

Евгений Попов – автор ряда видеокурсов по сайтостроению. В том числе и видеокурса «Javascript + jQuery для начинающих в видеоформате».

Включаем JavaScript в свой личный бизнес-план

Включаем JavaScript в свой личный бизнес-план.

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

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

В таких условиях спрос на качественные услуги по разработке и поддержке веб-проектов постоянно растёт. И свидетельством тому является появляющиеся как грибы веб-студии. Сейчас веб-дизайнеров можно найти даже в самом маленьком и депрессивном городе.

Такому всплеску активности способствуют два фактора: спрос на услуги и доступность обучения веб-технологиям.

К тому же, развитие веб-технологий привело к тому, что в настоящее время существует огромное количество различных систем управления контентом (CMS), применение которых не требует владения фундаментальными знаниями основ. Практически любой пользователь может самостоятельно освоить создание сайтов на основе CMS и будет достаточно быстро создавать типовые сайты. Тем более, что популярные CMS имеют огромный набор дополнительных модулей, которые очень просто подключаются и реализуют практически все необходимые функции для любого сайта, будь то простая галерея деревенского столяра или интернет-магазин бижутерии с каталогом на тысячи позиций.

Такое положение способствует тому, что большое количество веб-студий, весь персонал которых состоит из одного-двух грамотных и шустрых студентов предлагают свои услуги по созданию разнообразных сайтов. Но используют для этого одну-две популярных CMS, устанавливая для разных заказчиков разные бесплатные темы (Интернет предоставляет огромный выбор тем для популярных CMS). В итоге огромное количество сайтов выглядят как одинаковые матрёшки, раскрашенные под разных персонажей.

В таких условиях веб-студии очень сложно добиваться хорошей оплаты своего труда. Но есть способ, который позволит выделиться из толпы настройщиков CMS и существенно повысить свои гонорары. Конечно, для этого придётся потрудиться.

Если внимательно посмотреть на CMS изнутри, то сразу видно, что практически все они используют одинаковые технологии — PHP и MySQL. Но веб-проект включает в себя не только серверную часть, но и клиентскую. И вот в плане клиентской части CMS предлагают однотипные решения, которые различаются только графическим исполнением, но функционально выполнены одинаково.

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

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

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

Использование Javascript для организации интерфейса позволит не только выделиться из ряда конкурентов, но и требовать за свою работу более высоких гонораров. Согласитесь, что просить с клиента за сайт-визитку, выполненный на основе Joomla с бесплатной темой и типовым набором функций, 20000 - смешно. А вот для оригинального решения на основе Javascript с использованием анимации для различных элементов (меню, кнопок, полей форм), интерактивным динамичным интерфейсом и оригинальным дизайном оформления информации (таблиц, графиков, схем и рисунков) будет не только оправдано, но поднимет авторитет студии на новый уровень. Хотя по трудоёмкости оригинальное решение будет очень незначительно отличаться от типового проекта на основе CMS. Просто при выполнении проекта будет использоваться совершенно другой уровень реализации функционала с применением готовых модулей (библиотек и плагинов для JavaScript).

Освоение Javascript не только переведёт качество работ на новый уровень. Неизбежно станет интересным расширение горизонтов владения веб-технологии дальше. Дело в том, что Javascript и все его библиотеки является инструментом для работы с клиентской частью веб-приложения. А оно ещё имеет не менее важную составляющую — серверную часть. Отличное владение технологиями для построения обеими частями веб-проектов открывает дорогу к вершинам мастерства — построению и обслуживанию систем SAAS (программное обеспечения как сервис). Освоение Javascript (что весьма просто сделать при наличии желания) позволит легко перейти к изучению веб-технологий, используемых на сервере, тем более, что все библиотеки Javascript имеют в своём составе набор функций для работы с такой продвинутой техникой как AJAX, которая с каждым годом набирает популярность среди разработчиков.

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

_____________________

Евгений Попов – автор ряда видеокурсов по сайтостроению. В том числе и видеокурса «Javascript + jQuery для начинающих в видеоформате».

Удивительный Javascript. Игры.

Удивительный Javascript. Игры.

Javascript развивается так стремительно, что начинает оказывать очень сильное воздействие на процесс разработки веб-приложений. Создается впечатление, что его возможности безграничны и их реализация зависит только от мастерства разработчика.
Ниже представлены несколько игр, которые разработаны целиком на Javascript. Еще пару лет назад для создания таких приложений нужно было использовать Flash со всеми его недостатками. А сегодня нужен всего лишь браузер, чтобы оценить великолепие решений (лучше всего подходит браузер Chrome, так как в нем реализован самый лучший механизм JavaScript на сегодняшний день.
Такие приложения помогают представить, на что способен JavaScript и отбросить в сторону все сомнения о его функциональности и перспективности в сфере разработки веб-проектов.
Итак, позвольте представить!

Browser Pong

Browser Pong - игра в пинг-понг развернутая на весь экран, а в качестве игровых элементов выступают окна браузера. Выглядит весьма впечатляюще и стоит посмотреть. Вы могли представить, чтобы окнами браузера можно было играть? C помощью JavaScript можно реализовать и такое чудо!

Twitch

TWITCH - это серия головоломок в маленьких окошках браузера. Как быстро вы сможете их решить? Каждая игра откликается только на нажатие кнопки мыши, перемещения курсора мыши и нажатия на клавиатуру. Каждый новый уровень открывается в новом окне. Удивительная демонстрация возможностей JavaScript!

Browser Ball

Это, конечно, не является полноценной игрой. Открываем новое окно и бросаем пляжный мяч в него. Мяч перекатывается между окнами браузера с великолепной имитацией гравитации.

Crystal Galazy

Crystal Galaxy - экспериментальный космический 2D шутер, разработанный с использованием  JavaScript / DHTML. Удивительно, игра выглядит так, как будто ее сделали на Flash.

Apophis 2029

Apophis 2029 - еще одна 2D игра классического жанра. Ваша задача - уничтожать метеориты пока они не уничтожили вас. Отличная анимация.

Bing-Bong

Игра типа Arkanoid. Наверняка вы играли в такого типа игры раньше, но у этой есть одна особенность - можно изменять мощность отражения мяча.

Real world racer

Игра использует карты Google. Можно выбрать трассу. попробуйте финишировать.

JS Wars

JS WARS классический космический шутер, который демонстрирует возможности современных браузеров и JavaScript.

Berts Breakdown

Berts Breakdown использует возможности элемента HTML5 canvas. Графика выглядит так, как будто игра использует Flash.

Конечно, представленные игры выглядят смешно с точки зрения заядлых геймеров. Однако, они отлично демонстрируют возможности JavaScript, который успешно начинает теснить Flash в веб-дизайне.
Так что время, потраченное на освоение Javascript, с лихвой окупит себя уже в ближайшем будущем.
_____________________

Евгений Попов – автор ряда видеокурсов по сайтостроению. В том числе и видеокурса «Javascript + jQuery для начинающих в видеоформате».

Что такое Javascript?

Что такое Javascript?

 Если набрать в строке ввода текста поискового сайта Google вопрос «Что такое Javascript?”, то буквально первая ссылка приведёт на страницу с перечислениями определений, найденными на веб-страницах. Чего тут только нет! Это и объектно-ориентированный скриптовый язык, и межплатформенный инструмент для написания сценариев, и язык программ, исполняемых браузером, и много других определений на целую страницу текста.

Но среди всей это занудной, хотя и правильной, информации нет отражения того, чем по своей сути является Javascript.

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

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

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

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

 Javascript – это анимация практически любых элементов ваших веб-страниц, которая может выполняться как в зависимости от действий пользователя (пользователь выбрал просмотр галереи - эффектно убираем ненужные меню и выставляем миниатюры изображений), так и по таймеру (посетитель уже 30 секунд на сайте и ещё ничего не выбрал, - может быть, стоит ему указать  на самый интересный материал).

Javascript – это обработка изображений прямо на сайте (ну зачем закачивать с сайта всю фотографию, когда из неё нужен только вот этот великолепный кусочек фона).

 И так можно перечислять очень и очень долго то, чем на самом деле является Javascript, и что скрывается за сухими фразами «скриптовый язык программирования».

Считаете, что освоить такой замечательный инструмент сложно? Уверяю вас, вы ошибаетесь.
Просто попробуйте и вам понравится.

_____________________

Евгений Попов – автор ряда видеокурсов по сайтостроению. В том числе и видеокурса «Javascript + jQuery для начинающих в видеоформате».