Архив рубрики: Курсы JavaScript

Задания по JavaScript

Рыбы-бабочки

Рыбы-бабочки

Задания по JavaScript посвящены первому знакомству со скриптовым языком программирования. Охватываются понятия базовых типов данных в языке, операторы, выражения, работа с переменными JS и их типами, а также тривиальные типы. Некоторые из задач помечены звездочкой, это означает, что их решение при первом знакомстве с языком может показаться трудным. Рекомендуется выполнить все задачи до перехода к задачам по управляющим конструкциям. Читать далее

Одностраничное приложение

Кокосовая пальма в океане

Кокосовая пальма в океане

Одностраничное приложение или SPA — single page application  — сайт или веб-приложение, в основе которого находится единственный HTML-документ. Обычно в подобном приложении на HTML-странице подключается JavaScript-фреймворки («каркасы» для разработки) тип AngularJS, BackboneJS, Ember.js и др. Эти фреймворки позволяют отображать на странице разное содержимое, в зависимости от действий пользователей и/или состояния URL страницы. Изменение состояния может происходить при нажатии на ссылки, href которых состоит из фрагмента URL начинающегося с символа «#». Иногда с пары символов «#!», в случае поискового продвижения это сайта (в Яндексе). Читать далее

Календарь HTML

Календарь HTML на сайте

Оформление календаря

На курсах по JavaScript мы иногда затрагиваем тему построения HTML-календаря. Каркас календаря запрограммировать достаточно быстро, а вот на оформление CSS-стилями время тратить не хочется, потому было решено заранее прописать эти стили отдельной заметкой в блоге для дальнейшего быстрого применения. Пусть у нас есть календарь на июль 2084 года, сверстанный в HTML (фидл). Связь JavaScript с календарем обсудим в какой-нибудь из дальнейших заметок, сейчас лишь заметим, что заполнять подобный календарь вручную (название месяца в HTML-элементе caption, дни недели в th, дни месяца в td), без программирования, на практике никто не будет. Читать далее

jQuery UI

jQuery UI помогает сайту

JavaScript-библиотека jQuery UI помогает улучшать пользовательский интерфейс

jQuery UI — популярная JavaScript-библиотека для создания пользовательского интерфейса (UI — с англ. user interface) дизайнерами и разработчиками. Помогает создать на сайте дополнительные эффекты и виджеты (элементы управления — кнопки, диалоговые окошки и т.д.) Библиотека распространяется бесплатно и ее код является открытым для всех. Примеры выполненные при помощи библиотеки jQuery UI можно увидеть на странице http://jqueryui.com/demos/ Читать далее