Ищу возможность поднимать свои скилы по JavaScript
 

Здравствуйте, друзья

Посоветуйте какой-нибудь не очень сложный open-source проект, где можно будет развиваться начинающему JavaScript программисту
Или у Вас есть свои задумки, до которых руки не дотягиваются или времени нет - Вы будете подсказывать, я делать:)

Насколько начинающему?
Могу например посоветовать начать писать свой framework, разбирая существующие, главное, не создать новый, а понять принципы работы существующих и их механизмы.

скоро тоже куда нить наверное попрошусь т.к. интерес к js имеется, но я наверное уже не начинающий буду

имеется аналогичное желание) Сейчас стараюсь налегать на изучение js :)

p.s.: под скоро в данном случае я понимаю через 5-7 мес. А то слабоват я еще)

планирую в 2-3 мес. уложиться

Про фреймворк очень интересная идея:)
Начинающий - прочитал книжку FlanaganJavaScript.The_Definitive_Guide.5th_Editio n + сделал кальклятор, как модуль к интернет магазину

сделай прямоугольник который можно будет растягивать если потянуть за его углы, так же сделай возможность добавления таких прямоугольников и попробуй этот код уложить хотя бы в 4 килобайта, если получится уменьш код до 2 килобайт :)

а я считал что для этого желание нужно,а не возможности

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

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

Открываете GitHub и ищете интересный Вам проект.

ну можете потренироваться на моем сайте, если есть желание... понятия не имею сложно оно будет вам или нет... Но сразу скажу, никаких фреймворков, тоесть использование jQuery и прочих фреймов категорически не приемлю.

в общем пишите в личку если появится желание.

Всем спасибо за советы :)

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

Можно мне попросить несложные?) :) Практики маловато, а куда податься не знаю.

p.s.: Серверное в данный момент вообще нема)

Для практики можете попробовать любой виджет качественно реализовать. Например, кастомный выпадающий список, чтобы можно было сложно сверстанные элементы меню делать.

Я пока особо сложного ничего не писал:
+ переводит римские числа в арабские - http://javascript.ru/forum/misc/2374...tml#post140754
+ переводит арабские числа в римские - http://javascript.ru/forum/misc/2374...tml#post141245
+ моя первая программная анимация и скромный опыт в регулярных выражениях - http://javascript.ru/forum/events/24...tml#post145393
+ моя первая браузерная игра - http://javascript.ru/forum/project/2...tml#post145941 [на очень скорую руку]
+ скрипт (и стили) для оформления (подсветки) vba кода на форуме. Пример работы скрипта http://www.excelworld.ru/forum/5-72-13312-16-1325524132 , код скрипта - http://www.excelworld.ru/script_vbacode.js

nerv_,
действительно небольшой. Предлагаю вам задачу для разогрева - сделать простой менеджер раскладки блоков на странице. Ну т.е., чтобы можно было задать раскладку например так:

<div class="layout" data-resizable="false" data-type="horizontal">
    <div class="layout-cell" data-height="20%">
        <h1>Header content</h1>
    </div>
    <div class="layout-cell">
        <div class="layout" data-resizable="true" data-type="vertical">
            <div class="layout-cell" data-width="30%">
                <span>It's a sidebar</span>
            </div>
            <div class="layout-cell">
                <span>It's a main field</span>
            </div>
        </div>
    </div>
</div>

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

http://learn.javascript.ru/play/UeckX

первая попытка

Shaci, спасибо, интересно было посмотреть.
Если честно, то я уже обращался к can3p в личку за разъяснениями по данной задаче и он в свою очередь попытался мне их дать (за что ему спасибо :) ), но у меня, как новичка, возник ступор на фразе "вертикальное расположение". В моем понимании - это что-то сродни тому, что представлено на сайте у can3p, а именно http://test.dpetroff.ru/verttable/ К тому же, вроде как верстку и код стараются отделить, а тут получается все в одной куче. Не знаю, лично я не понял смысла. Мож тупой :D

про вертикальное расположение - у меня там комменты непонятные,
надо их переписать, но мне влом
а про верстку и код, что имеете ввиду?

То что там проставлено например style ="background-color:#CC66FF;"
это просто чтобы быстрее фон проставить сделано было
так это всегда убрать можно, или такой атрибут задать data-background например,
а остальные css свойства у элементов устанавливаются с помощью js, здесь вроде нет криминала

Подробнее код гляну позже, если быстро - комментарии лучше на анлгийском оставлять, еще надо бы перейти от процедурного подхода к модульному, в виде библиотеки, чтобы не засорялась глобальная область видимости, ну и чтобы удобнее было использовать этот код где-то еще. Если подумать, то от библиотеки требуется всего один метод - buildLayout или подобный. Еще заметил, что не реализована поддержка data-resizable=true. Можете посмотреть, как это сделано в dojo, у них в этом случае появляется ползунок, с помощью которого можно мышью менять размер блоков.

Тесткейсы:
- Можно ли с помощью кода получить абсолютную раскладу? Чтобы получить вид, как у обычного приложения, с панелью инструментов и прочими делами. Как в gmail.
- Не разрушится ли код, если начать стилизовать его с помощью классов?