Популярные задачи, решаемые веб-программистом при помощи JavaScript.

[Протуберанец]

Собственно сабж. Хотелось бы практиковаться на реально полезных вещах, а не на абстракциях

Веб-программисты, работающие в студиях, либо удаленно - тема вам в первую очередь адресована.

[psywalker]

Собственно сабж. Хотелось бы практиковаться на реально полезных вещах, а не на абстракциях

Веб-программисты, работающие в студиях, либо удаленно - тема вам в первую очередь адресована.

Присоединяюсь к вышесказанному и хочу добавить. Сам давно ищу задачник или что нибудь на подобии, по JS. Если у кого есть варианты, может быть какие нибудь книжки, поделитесь названиями, советами и прочими делами в этом духе.

[Great Rash]

Задачи которые решал я:

Drag&drop

Создание и удаление попапов (дивы, а не окна)

Сортировка табличных данных

Выпадающие меню, которые исчезают по таймауту

Работа с формами, различные калькуляторы КАСКО, ОСАГО и т.п., появление/исчезновение определенных полей при определенном выборе и т.д.

Нетривиальные задачи:

Собственный контрол для формы - заменя стандартного селекта на свой с доп. функциолналом

Свой скроллер

Маски ввода в форме (например 1 123 432 567.12 для денег)

Парсинг XML для создания дерева

С аяксом жаль опыта почти нет...

[psywalker]

Задачи которые решал я:

Drag&drop

Создание и удаление попапов (дивы, а не окна)

Сортировка табличных данных

Выпадающие меню, которые исчезают по таймауту

Работа с формами, различные калькуляторы КАСКО, ОСАГО и т.п., появление/исчезновение определенных полей при определенном выборе и т.д.

Нетривиальные задачи:

Собственный контрол для формы - заменя стандартного селекта на свой с доп. функциолналом

Свой скроллер

Маски ввода в форме (например 1 123 432 567.12 для денег)

Парсинг XML для создания дерева

С аяксом жаль опыта почти нет...

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

[sigma77]

psywalker,

Ты ищешь практические задачи или теоретические?

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

Если теоретические - то практически любой задачник по программированию, но к практическим задачам он может мало иметь отношение. Я себе, например, скачала М. Э. Абрамян "1000 задач по программированию".

[psywalker]

psywalker,

Ты ищешь практические задачи или теоретические?

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

Если теоретические - то практически любой задачник по программированию, но к практическим задачам он может мало иметь отношение. Я себе, например, скачала М. Э. Абрамян "1000 задач по программированию".

Я ищё практические задачи, чтобы мне вот дали как бы задачу, а я её попытался решить своими силами.

попробовать реализовать решения, которые предоставляет jquery.

Объясни плиз поподробнее, если можно, с примером.

Я себе, например, скачала М. Э. Абрамян "1000 задач по программированию".

А что это за учебник такой? Там по JS задачи или вообще?

[sigma77]

Объясни плиз поподробнее, если можно, с примером.

Ну, например, самый простой - чередование разных стилей для четных и нечетных строк таблиц, или как приводил пример Great Rash сортировка столбцов таблицы (в алфавитном или обратном порядка), если посложнее - то различные галереи. Что еще, хз, сама только начала изучать. Хотя бы то что перечислил Great Rash - это практические упражнения.

А что это за учебник такой? Там по JS задачи или вообще?

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

Я ищё практические задачи, чтобы мне вот дали как бы задачу, а я её попытался решить своими силами.

А так начинай читать темы раздела потихоньку, чем тебе не задачи...

Edited May 21, 2010 by sigma77

[rus]

А так начинай читать темы раздела потихоньку, чем тебе не задачи...

плус одын

самый грамотный ответ из всех.

[psywalker]

sigma77

Спс за идеи, буду думать.

А что это за учебник такой? Там по JS задачи или вообще?

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

Да, если можно, то скинь плиз в личку.

[mue]

Возможно то, что искали http://web5year.org.ua/zadachi-po-javascript/

Edited January 12, 2012 by mue

[psywalker]

Возможно то, что искали

Возможно, ты опоздал почти на пару лет, а так спасибо конечно)

[mue]

промах конечно, но тема все равно нужная и полезная

[psywalker]

промах конечно, но тема все равно нужная и полезная

Согласен. Тем более у меня есть кое кто на примете, кому эти вещи будут полезны)

[buddah]

Раз тему оживили: Д. Гудман - JavaScript и DHTML. Сборник рецептов. Для профессионалов

Куча задач разного рода с ответами. Если не получается - можно всегда подсмотреть.

[sigma77]

buddah,

Староват он, ответы смотреть...

Если просто как задачник - тоже хороший вариант.

[buddah]

Если просто как задачник - тоже хороший вариант.

Ну а почему нет?) Бесплатно же)

[sigma77]

Если просто как задачник - тоже хороший вариант.

Ну а почему нет?) Бесплатно же)

Я не сказала, что нет )

Просто ответы лучше не смотреть, устарели немного

[s0rr0w]

Задачи которые решал я:

Drag&drop: реализация по стандарту HTML5 - буэээээээ, рак мозга.

Создание и удаление попапов (дивы, а не окна): от попапов вообще отказался, ибо зло.

Сортировка табличных данных: решено десятком разных способов

Выпадающие меню, которые исчезают по таймауту: выпадающие меню - зло.

Работа с формами, различные калькуляторы КАСКО, ОСАГО и т.п., появление/исчезновение определенных полей при определенном выборе и т.д.: интересная задача, но примитивная

Нетривиальные задачи:

Собственный контрол для формы - заменя стандартного селекта на свой с доп. функциолналом: реализовывал, но не запаривался с полной поддержкой клавиатуры. Хотя есть желание довести все до конца

Свой скроллер: нет смысла его делать

Маски ввода в форме (например 1 123 432 567.12 для денег): маски на момент ввода - зло

Парсинг XML для создания дерева : интересная задача

С аяксом жаль опыта почти нет...

Там одна функция, остальное - маркетинговая шелуха.

Хотите потренироваться? Сделайте игру "Однорукий бандит" с настраиваевым шансом выигрыша, анимацией.

У меня лежит код 10-ти летней давности, храню как раритет.

[rash]

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

[s0rr0w]

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

Дело не в нормальности приготовления, а в ущербности реализации с точки зрения юзабилити.

[Great Rash]

Дело не в нормальности приготовления, а в ущербности реализации с точки зрения юзабилити.

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

Попапы в чистом виде может и не нужны, а вот модальные окна, как частный случай - очень даже. Зла тут нет, сплошная польза.

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

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

[s0rr0w]

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

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

Попапы в чистом виде может и не нужны, а вот модальные окна, как частный случай - очень даже. Зла тут нет, сплошная польза.

Этих частных случаев - один, просмотр изображения в галлерее картинок. И то можно реализовать по-другому.

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

Может, единственное применение...

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

Они ничего не облегчают и ничего не предотвращают. Допустим, я не резидент страны, не имею местного номера, только свой локальный, и мне предлагают заполнить анкету, у которой номер телефона 14 символов, а не 12, как в моей стране. Я никогда не смогу заполнить данную форму. Очень юзабельно.

Вторая проблема - языковые различия и форматы данных. У нас принято дату записывать DD.MM.YYYY, а у кого-то норма MM/DD/YYYY. Вопрос, по какому принципу определять предпочтительный формат ввода данных? И таких примеров не просто масса...

Поэтому вместо запрещения что-то вводить нужно информировать о том, что введенная информация не совпадает с желаемым форматом данных.

[Great Rash]

Поэтому вместо запрещения что-то вводить нужно информировать о том, что введенная информация не совпадает с желаемым форматом данных.

Делал банковский клиент, нужна была маска ввода для денег - рубли/копейки. Маска делалась потому, что операционисты часто ошибались с вводом сумм, а за это им рвали яйца. Поэтому кровь из носа нужна была маска, которая в принципе не позволяла ввести букву вместо цифры, или цифр больше чем надо, и чтоб отделяла три нуля пробелом, чтоб не пропустить лишний ноль.

Ну и не думаю, что иностранцы у которых YYYY.MM.DD полезут в наш интернет-магазин где DD.MM.YYYY, а если и полезут, то уж пусть вводят даты так как у нас, а не у них принято.

[s0rr0w]

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

Это старая привычка запрещать вообще все, что можно. Как показывает практика, от ошибок она не избавляет

Ну и не думаю, что иностранцы у которых YYYY.MM.DD полезут в наш интернет-магазин где DD.MM.YYYY, а если и полезут, то уж пусть вводят даты так как у нас, а не у них принято.

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

Любые запрещающие методики до хорошего не доводят.

[Great Rash]

Ну а я считаю что доводят. Просто использовать надо аккуратно.

[s0rr0w]

Ну а я считаю что доводят. Просто использовать надо аккуратно.

на том и порешим. Вернемся к теме года через два.