Lecaw

Учимся создавать Web-сайты

jQuery

jQuery — библиотека JavaScript, фокусирующаяся на взаимодействии JavaScript и HTML. Библиотека jQuery помогает легко получать доступ к любому элементу DOM, обращаться к атрибутам и содержимому элементов DOM, манипулировать ими. Также библиотека jQuery предоставляет удобный API по работе с Ajax.

Сегодня я хотел бы представить второе обучающее руководство, где мы создаем собственный Pinterest сценарий. На сегодня я подготовил новые функции: загрузчик фотографий на HTML5 (обратите внимание, что эта функция работает во всех современных браузерах за исключением IE), и ajaxy, раскрывающиеся, полноразмерные фотографии. Для этого я использовал jQuery плагин ColorBox.

Нравится Pinterest? Я уверен, что да и вероятно, что Вы бы хотели создать подобный фото сайт. Я решал написать ряд учебных статей о разработке подобного проекта. Для начала – давайте решим, какие функции будут добавленны в сценарий. Я думаю, что кроме хорошего проекта и дружественного интерфейса, мы должны добавить следующие вещи: ajax, раскрывающиеся, полноразмерные фотографии, возможность комментировать записи, для функциональности - форму загрузки, способ сортировать фотографии (зависит от его размера) и возможно, что то ещё. В нашем первом уроке я подготовил HTML разметку со стилями нашего проекта. Кроме того, чтобы сортировать фотографии (выравнивать их) – я буду использовать jQuery плагин “masonry”.

Сегодня я хотел бы поделиться нашим первым руководством по Knockout.js. Это одна из самых популярных библиотек JavaScript, которая позволяет нам использовать модели Model-View-View (MVVM) в наших веб-приложениях. Knockout.js является расширяемой и кроссбраузерной платформой, это - новый взгляд на создание javascript приложений. Основная идея - разделение логики и представления. Мы должны создать модель и связать ее с представлением. К ссылке View и ViewModel используем data-attributes в HTML5. В качестве демонстрации – я подготовил Математический калькулятор.

Adapter - легкий jQuery slider контента, который предоставляет простой интерфейс разработчикам для создания красивой 2D или 3D анимации перелистывания слайдов.

Fresco - красивый адаптивный jQuery lightbox. Он может использоваться, чтобы создать ошеломляющие оверлейные программы, которые отлично работают на любых размерах экрана, во всех браузерах, на всех устройствах.

Сегодняшний урок - мост между двумерной графикой в html5 и трехмерной (использование WebGL). Сегодня я покажу, как создать 3D объекты, используя полигоны. Полигоны или неструктурированная сетка - набор вершин, ребер и граней, которые формируют многомерный 3D объект в компьютерной графике и моделировании. Грани обычно состоят из треугольников, четырехугольников или других простых выпуклых многоугольников, так как это упрощает рендеринг, но также могут быть использованы вогнутые многоугольники или многоугольники с дырами.

Страница 4 из 10