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

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

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

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

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



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

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

Отчёт отправил: 10670. Сергей Соколов Выполнено за 12 мин. [Показать отчёт]
Научился: Скачал необходимые библиотеки и подключил их в нашем файле index.html 
4 Перемещение блока 00:09:02
1 тест 		3 чел. ★ 5 Done
  На этом уроке мы научим нашу систему перемещать блок с кнопкой
Отчёт отправил: 10670. Сергей Соколов Выполнено за 10 мин. [Показать отчёт]
Научился: Присвоил div-у небходимые классы, реализовал механизм перемещения div-a  с кнопкой. Реализовал изменение цвета при перемещении и доступ к div-у по id 
5 Параметры перемещения 00:08:37
 3 чел. ★ 5 Done
  На этом уроке мы поработаем с параметрами функции draggable()
Отчёт отправил: 10670. Сергей Соколов Выполнено за 15 мин. [Показать отчёт]
Научился: Реализовал перемещение блока по горизонтали и вертикали, изменил вид курсора при перемещении, реализовал передачу функции при перемещении блока 
6 Полезные виджеты - календарь 00:13:38
1 тест 		3 чел. ★ 5 Done
  На этом уроке мы реализуем виджет календарь для ввода даты в поле
Отчёт отправил: 10670. Сергей Соколов Выполнено за 20 мин. [Показать отчёт]
Научился: Создал текстовое поле и подключил к нему виджет с календарём. Научился настраивать календарь 
7 Полезные виджеты - вкладки 00:07:58
 3 чел. ★ 5 Done
  На этом уроке мы создадим блок вкладок и перенесем в него календарь datepicker
Отчёт отправил: 10670. Сергей Соколов Выполнено за 13 мин. [Показать отчёт]
Научился: Добавлять на страницу блок вкладок 
8 Полезные виджеты - аккордеон 00:10:21
1 тест 		3 чел. ★ 5 Done
  На этом уроке мы рассмотрим создание виджета accordion - блока вертикальных вкладок
Отчёт отправил: 10670. Сергей Соколов Выполнено за 13 мин. [Показать отчёт]
Научился: Создал виджет accordion и поэкспериментировал с параметрами 
9 Полезные виджеты - диалоговое окно - инициация 00:09:36
 3 чел. ★ 5 Done
  На этом уроке мы создадим диалоговое окно и инициируем его по нажатию кнопки
Отчёт отправил: 10670. Сергей Соколов Выполнено за 10 мин. [Показать отчёт]
Научился: Создал кнопку и блок с контентом для диалогового окна. Создал код инициации и открытия окна. 
10 Полезные виджеты - диалоговое окно - свойства 00:07:00
1 тест 		3 чел. ★ 5 Done
  На этом уроке мы рассмотрим свойства диалогового окна
Отчёт отправил: 10670. Сергей Соколов Выполнено за 10 мин. [Показать отчёт]
Научился: Изучил параметры для настройки под себя диалогового окна =)  
11 Полезные виджеты - строка прогресса и слайдер 00:07:41
1 тест 		3 чел. ★ 5 Done
  На этом уроке мы поработаем с виджетами "строка прогресса" и слайдер
Отчёт отправил: 10670. Сергей Соколов Выполнено за 21 мин. [Показать отчёт]
Научился: Создал виджеты с прогресс баром и слайдер. Посмотрел свойства этих элементов. В целом курс для меня оказался полезным и толкнул к изучению jquery ui. Draggable попробую применить в проекте на работе =) Календарь у нас и так использовался, но благодаря этому  курсу у меня появился отличный повод изучить его свойства узнать как сделать работу с ним удобнее =) В общем хороший курс, всем рекомендую. Даже если jqery 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 вам сейчас не нужен, полезно знать что он существует и какие возможности даёт.