Видео уроки по созданию программ

Формула программиста

основатель — Волосатов Евгений Витольдович
Open shop jquery пользовательский интерфейс

jquery пользовательский интерфейс

Создание элементов пользовательского интерфейса с помощью фреймворка jquery



Список уроков | фото | видео

# Название видеоурока Видео / Тесты Решило Рейтинг Доступ
1 FREE Создание проекта 00:04:58
 6 чел. ★ 4.3 Done
  На этом уроке мы создадим наш проект и выведем запись
Отчёт отправил: 30514. Tom Выполнено за 11 мин. [Показать отчёт]
Научился: Создал файл index.html, в котором вывел надпись Hello jquery-ui. 
2 Программа на javascript 00:05:03
1 тест 		3 чел. ★ 5 Done
  На этом уроке мы создадим первую программу на языке программирования javascript
Отчёт отправил: 30514. Tom Выполнено за 18 мин. [Показать отчёт]
Научился: Научился узнавать текущее время с помощью Date и отображать его с использованием функции alert. 
3 Подключение jquery и jquery_ui 00:09:45
 3 чел. ★ 5 Done
  На этом уроке мы подключим к нашему проекту библиотеки jquery и jquery ui

Отчёт отправил: 30514. Tom Выполнено за 34 мин. [Показать отчёт]
Научился: Скачал библиотеки jquery и jquery-ui и подключил их к файлу index.html 
4 Перемещение блока 00:09:02
1 тест 		3 чел. ★ 5 Done
  На этом уроке мы научим нашу систему перемещать блок с кнопкой
Отчёт отправил: 30514. Tom Выполнено за 25 мин. [Показать отчёт]
Научился: Научился перемещать div-блок с кнопкой, менять цвет фона div-блока при перемещении. 
5 Параметры перемещения 00:08:37
 3 чел. ★ 5 Done
  На этом уроке мы поработаем с параметрами функции draggable()
Отчёт отправил: 30514. Tom Выполнено за 20 мин. [Показать отчёт]
Научился: Научился менять вид курсора мышки при перемещении блока, ограничивать перемещение элемента по горизонтали или вертикали и передавать функцию при перемещении блока. 
6 Полезные виджеты - календарь 00:13:38
1 тест 		3 чел. ★ 5 Done
  На этом уроке мы реализуем виджет календарь для ввода даты в поле
Отчёт отправил: 30514. Tom Выполнено за 40 мин. [Показать отчёт]
Научился: Научился использовать виджет datepicker для выбора даты. Научился менять формат даты в календаре. 
7 Полезные виджеты - вкладки 00:07:58
 3 чел. ★ 5 Done
  На этом уроке мы создадим блок вкладок и перенесем в него календарь datepicker
Отчёт отправил: 30514. Tom Выполнено за 18 мин. [Показать отчёт]
Научился: Научился создавать блок вкладок. Добавил три вкладки, перенес в первую вкладку поле ввода и календарь. 
8 Полезные виджеты - аккордеон 00:10:21
1 тест 		3 чел. ★ 5 Done
  На этом уроке мы рассмотрим создание виджета accordion - блока вертикальных вкладок
Отчёт отправил: 30514. Tom Выполнено за 19 мин. [Показать отчёт]
Научился: Научился создавать виджет accordion, задавать ему параметры номера активной вкладки и времени анимации. 
9 Полезные виджеты - диалоговое окно - инициация 00:09:36
 3 чел. ★ 5 Done
  На этом уроке мы создадим диалоговое окно и инициируем его по нажатию кнопки
Отчёт отправил: 30514. Tom Выполнено за 18 мин. [Показать отчёт]
Научился: Научился создавать диалоговое окно, указывать его заголовок и содержимое. 
10 Полезные виджеты - диалоговое окно - свойства 00:07:00
1 тест 		3 чел. ★ 5 Done
  На этом уроке мы рассмотрим свойства диалогового окна
Отчёт отправил: 30514. Tom Выполнено за 18 мин. [Показать отчёт]
Научился: Научился задавать свойства диалогового окна. Изменил ширину и высоту, задал свойства title и autoOpen, добавил две кнопки на диалоговое окно. 
11 Полезные виджеты - строка прогресса и слайдер 00:07:41
1 тест 		3 чел. ★ 5 Done
  На этом уроке мы поработаем с виджетами "строка прогресса" и слайдер
Отчёт отправил: 30514. Tom Выполнено за 14 мин. [Показать отчёт]
Научился: Научился создавать виджеты строка прогресса и слайдер. Научился устанавливать значение прогресса с помощью свойства value и шаг слайдера с помощью свойства step. В этом курсе я познакомился с библиотекой jquery ui. Курс понравился. Наглядно показано как можно создавать удобные виджеты для оформления сайта. 
  Итого:   11 видеоуроков 1 час. 33 мин.
6 тестов 		3 чел. ★ 4.94  
  Финалисты:   Dmitry Sinitsin,   Сергей Соколов,   Tom .

Начинаем практику по языку C#





Если вы пришли без приглашения -
введите тысяча двадцать четыре (цифрами).
Чтобы стать хорошим программистом — нужно писать программы. На нашем сайте очень много практических упражнений.

После заполнения формы ты будешь подписан на рассылку «C# Вебинары и Видеоуроки», у тебя появится доступ к видеоурокам и консольным задачам.

Несколько раз в неделю тебе будут приходить письма — приглашения на вебинары, информация об акциях и скидках, полезная информация по C#.

Ты в любой момент сможешь отписаться от рассылки.
30514. Tom / juqery пользовательский интерфейс / Полезные виджеты - строка прогресса и слайдер


Научился: Научился создавать виджеты строка прогресса и слайдер. Научился устанавливать значение прогресса с помощью свойства value и шаг слайдера с помощью свойства step. В этом курсе я познакомился с библиотекой jquery ui. Курс понравился. Наглядно показано как можно создавать удобные виджеты для оформления сайта.

10670. Сергей Соколов / juqery пользовательский интерфейс / Полезные виджеты - строка прогресса и слайдер


Научился: Создал виджеты с прогресс баром и слайдер. Посмотрел свойства этих элементов. В целом курс для меня оказался полезным и толкнул к изучению jquery ui. Draggable попробую применить в проекте на работе =) Календарь у нас и так использовался, но благодаря этому курсу у меня появился отличный повод изучить его свойства узнать как сделать работу с ним удобнее =) В общем хороший курс, всем рекомендую. Даже если jqery ui вам сейчас не нужен, полезно знать что он существует и какие возможности даёт.