Задачи по JavaScript

Question

Добрый день! || утро! || вечер!

Часть первая - "ВСТУПИТЕЛЬНО-ПОВЕСТВОВАТЕЛЬНАЯ" (Необязательна к прочтению)

Активно изучаю JavaScript. Это мой первый язык программирования. Взялся-было за jQuery, но решил отложить, так как, не хочу быть кодером, который знает несколько событий, умеет подключать плагины, но при этом, понятия не имеет о массивах, циклах, объектах и т.д. В общем, решил подойти к изучению основательно, чтобы в последствии не мучить глупыми вопросами, таких замечательных товарищей как @Deonis, @lampa, @Barton, @Spectre, @Rules и других не менее замечательных товарищей. Прошу прощения, если вдруг забыл упомянуть кого-то из тех, кто мне когда-либо помогал.

Мои знания на данный момент:

HTML // хорошо (стремлюсь к совершенству);
CSS // хорошо (стремлюсь к совершенству);
JS // чуть > 0 (стрем...);

Часть вторая - "ВОПРОСИТЕЛЬНАЯ" (Рекомендуется к прочтению)

Основные источники по которым изучаю JS^

javascript.ru
JavaScript. Подробное руководство - Дэвид Флэнаган.

Оба источника хороши, но маловато заданий на закрепление изученного материала.

В настоящий момент, мной изучены следующие темы:

Переменные, операторы...
Условные операторы: if, '?';
Циклы while, for;
Конструкция switch;
Функции;

В связи с малым количеством практических заданий в выше указанных источниках и неутешительными результатами в поисковых выдачах Google & Yandex, обращаюсь к Вам - помогите кто чем может, подкиньте идей, а то у меня что-то с фантазией проблема...

Особенно здорово было-бы увидеть задачи, соотносящиеся по сложности с моими знаниями (изученным мной материалам). Интересуют задачи направленные на практическое применение, приведу парочку примеров таких задач, которые были мной найдены и выполнены:

Часть третья - "ЗАКЛЮЧИТЕЛЬНО-УВЕСЕЛИТЕЛЬНАЯ" (обязательна к прочтению)

alt text

Прошу прощения за много букв.

Практика легка, теория тяжела.
Попробуйте вот это, посмотрите, откроете ли вы для себя что-то новое. — VladD, Jan 16 '13 at 18:54
Практика легка, теория тяжела.
@VladD, согласен с Вами, но хочется совмещать теорию и практику. Думаю это даст лучший результат, нежели изучение только теории, без практических занятий.

посмотрите, откроете ли вы для себя что-то новое

Да, еще открывать и открывать... — Astor, Jan 16 '13 at 19:03
О, тогда попробуйте поотвечать на вопросы по js тут и на stackoverflow. На все! Увидите, как вырастет ваш уровень. (И уровень владения английским тоже.) — VladD, Jan 16 '13 at 19:06
подобные вопросы -- просто привлечение к себе внимания. Все учебники у тебя есть, просто выбери любую задачу и решай. — Vladimir Gordeev, Jan 17 '13 at 08:24
@Astor Ну раз что-то изучено - значит уже хорошо :)
Классика - напиши калькулятор. Дальше попробуй сделать снежинки, дада :) Потом можно поработать с текстом - написать простенький текстовый редактор.

Для повышения скилла по jQuery - попробуй напиши "Рабочий стол". Со всеми плюшками виндового рабочего стола. Охват функций достаточно большой. — lampa, Jan 17 '13 at 08:35
@Vladimir Gordeev, думать так - Ваше право. Каждый смотрит со своей колокольни.
Я думаю, что ответы на данный вопрос, будут интересны многим людям, начинающим изучать JS. — Astor, Jan 17 '13 at 11:51
@lampa как вы угадали ? :) Первое что я сделал - калькулятор - потом крестики нолики... — Rules, Jan 17 '13 at 11:54
Я думаю, что ответы на данный вопрос, будут интересны многим людям, начинающим изучать JS.

и всё равно каждый из них создаст такой же вопрос — Spectre, Jan 17 '13 at 13:19
@Astor вопросы типа:

Как стать профи в <чём-то>? Что делать дальше?

и

Какая книга по <чему нибудь> лучшая?

задаются часто и настолько надоели старожилам что они уже задавали вопрос о создании (как на StackOverflow ) базы книг и т.п. отсортированной по категориям уровням и с оценками и комментами куда посылают с вопросами как у вас :) — Rules, Jan 18 '13 at 07:10
w3school.com весьма полезен. Но он на аглицком — Сахарок, Feb 14 '13 at 11:45

score 2 · Answer 1 · answered Jan 16 '13 at 17:48

2

Ну если DOM вам знаком, попробуйте написать календарик, всплывающий возле input. Причём input'ов таких на странице может быть множество и каждый помнит свою дату. При это в реале сам календарик только один.

Задача интересная, ручаюсь, а так же пригодная для практического применения в будующем.

answered Jan 16 '13 at 17:48

Gedweb

2,146
13
22

@Gedweb, спасибо, но к сожалению, для выполнения предложенной Вами задачи, знаний пока маловато, хотелось бы изучать более поэтапно, - от простого к сложному. – Astor Jan 16 '13 at 18:04

score 2 · Answer 2 · answered Jan 16 '13 at 20:10

2

Если с пониманием английского в порядке, попробуйте это. Теория подается с интерактивными задачками и расчитано вроде на изучение с нуля.

answered Jan 16 '13 at 20:10

gcoder

1,300

@gcoder, спасибо. Интересно будет посмотреть... – Astor Jan 17 '13 at 02:27

score 2 · Accepted Answer · answered Jan 17 '13 at 05:46

Мои знания на данный момент:

HTML // хорошо (стремлюсь к совершенству); CSS // хорошо (стремлюсь к совершенству); JS // чуть

0 (стрем...);

Вот тут мне стало интересно, но это скорее именно интерес.

Ты хочешь кем стать? Верстальщиком или программистом? или как сейчас модно web-мастер?

HTML+CSS знать в совершенстве программисту web'a зачем? Никогда я к этому не стремился и не буду. Есть же верстальщики, которые знают всю эту кухню раз в 100 лучше меня.

На базовом уровне знать можно, основы, ну и слепить сверстать какую-то мелочь - это конечно будет плюсом, но знать в совершенстве не за чем.

А про задачи возьми напиши какую-нибудь большую и красивую форму, и навешивай понемногу на неё обработчики, события. Ну и смотри как она будет разрастаться и работать.

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

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

@Shrek, спасибо за ответ. На Ваш вопрос отвечу так - хочу стать очень хорошим frontend'ом, который знает все нюансы и тонкости тех технологий, с которыми он работает. — Astor, Jan 17 '13 at 06:47
@Astor frontend - так все-таки верстальщик? ибо html+css+js это именно это.
У меня просто не поворачивается назвать программистом верстальщика т.к. очень узкий спектр работы у него, но здесь он может быть лучшим в своем деле и я очень сильно уважаю Именно ХОРОШИХ верстальщиков. — Artem, Jan 17 '13 at 06:57
@Shrek, да, ты прав. Именно такая связка меня интересует. К этому в данный момент я и стремлюсь - хочу быть лучшим в своем деле. — Astor, Jan 17 '13 at 07:20
Ну тогда ты в правильном направлении. Удачи :) — Artem, Jan 17 '13 at 07:40
Спасибо. Приятно было пообщаться. — Astor, Jan 17 '13 at 07:43
Хм, наоборот советую эти три вещи (html+css+js) изучать вместе. Изучил технологии и пили бабла в 2 раза больше, уехоу! — lampa, Jan 17 '13 at 08:42

score 1 · Answer 4 · edited May 21 '16 at 11:04

Насчёт календарика, непонятно зачем велосипед изобретать это в UI есть datepicker ...

Насчёт задач посоветую начать асинхронную архитектуру изучать. Ajax откроет много нового и перспективного... только не усложняйте себе жизнь prototype'ом

По асинхронке.. попробуйте написать чат ... очень веселая и практически бесконечная в плане нововведений задачка... я писал в своё время... но там развитие остановилось ибо работа дом работа дом ну так у всех я думаю... за самообразование современные работодатели не особо то платят.

jQuery советую всё-таки начать... конструкции те же ... а лишнего кода минимум.. + победа в кроссбраузерности.

Его главное не бояться.

Для фронтенда так же добавлю что стоит почитать о шаблонизаторах и фреймворках Smarty ну и Symfony. Взять на вооружение пару CMS (пригодится) ну если совсем уж серверная часть не интересна то jQuery будет единственным советом...

на счет календарика непонятно зачем велосипед изобретать

В данном конкретном случае - это не изобретение велосипеда, а практика. — Deonis, Jan 17 '13 at 08:28
@Deonis: пришёл сюда, чтобы оставить такой же комментарий :) — VladD, Jan 17 '13 at 08:30

score 1 · Answer 5 · answered Feb 14 '13 at 12:02

вот задачка от меня :)

1) создай на html-е табличку

2) при нажатии на ячейку заменяй текст ячейки на input с текстом ячейки, а при нажатии на enter или выходе фокуса с input'а изменяй текст на новый. как вариант при нажатии на esc введенные данные отменяются.

score 0 · Answer 6 · edited Apr 12 '17 at 07:33

0

Я бы посоветовал (правда слегка устаревшую и не "повёрнутую" на программинге) книгу

Пол Вилтон Джереми МакПик JavaScript Руководство программиста (Beginning JavaScript 3rd edition) именно с неё и начинал а потом уже двинулся дальше...

PS: В этой книге после каждой главы даются задания на закрепление и в конце книги есть ответы...
PPS: А ещё предлагается по окончанию книги написать игру-викторину TrivaQuiz (и писать вы её будете прямо во время прочтения глав). Я думаю как раз то что вам нужно...

edited Apr 12 '17 at 07:33

Дух сообщества

1

answered Jan 17 '13 at 11:20

Rules

4,966
10
34
62

книги с ответами.
Прикольно, и на работу бы еще брали также, с приготовленной заранее зарплатой и решенными задачами. Все бы жили тогда хорошо.
– Artem Jan 17 '13 at 11:26
@Shrek а вы считаете в C++ Primer нет задач на закрепление и Ответов в конце книги :) Такая и должна быть хорошая книга imho... – Rules Jan 17 '13 at 11:29
@Rules, прошу заметить, что мой вопрос был - не какая книга лучшая и не как стать профи, а скорее просьба покинуть идей, для закрепления изученного материала.
Ваши идеи с калькулятором и крестиками/ноликами хороши, но к сожалению, я пока не владею такими знаниями, чтобы реализовать подобные задачи. Может подкините идейку соответствующую моим знаниям на данный момент(указаны в вопросе)?

Буду Вам очень признателен.
– Astor Jan 18 '13 at 07:17
А вы смотрели указанную в моём ответе книгу? - она как раз для вас... А насчёт заданий сделайте например свой сайт на бесплатном хостинге например вот мой проэкт на хостинге 000webhost.com нажмёте там Sign Up и Free gosting зарегистрируете, найдёте FTP менеджер например FileZilla FTP Client и загрузите туда чё душе угодно или используйте Denwer. – Rules Jan 18 '13 at 07:46
Я так начал, создав на narod.yandex.ru свой сайт про компы На своём сайте можете сделать например часики тикающие вверху страницы и воображение короче само придёт! Всё равно вам рано или поздно придётся знать "что такое веб-сервер и с чем его едят".. :) Не будете же вы пользоваться JsFiddle всегда :) – Rules Jan 18 '13 at 07:47
И ещё я бы настоятельно порекомендовал Learn English сами видите как обстоят дела. И кстати лучше вам наверное с Denwer начать вот статья про него а потом уже на настоящий хостинг пойдёте... – Rules Jan 18 '13 at 07:52
@Rules, спасибо.
С хостингом проблем нет. Английский в процессе изучения... Книгу, которую Вы посоветовали, - не найти... на Озоне нет, rutracker тоже не спасает...
– Astor Jan 20 '13 at 03:07

Задачи по JavaScript

6 Answers6