Темата днес е jQuery и защо това е един прекрасен javascript framework (www.jquery.com):

1. Лесен за усвояване (изучаване) основен синтаксис: в сравнение с други библиотеки, върху които имам поглед (mooTools, YUI), синтаксисът на jQuery е много по-лесен за изучаване, четивен е и спестява - както и другите библиотеки - време и усилия на разработчиците.
2. Наистина пести време: в сравнение с обема на кода, времето за debug-ване и обема на вложеното време и усилия, писането на jQuery, сравнено с native javascript или native Ajax (а не ползването на методи $.load, $.get, $.post, $.ajax via jQuery) e просто като забавна игра.
3. Има десетки и стотици вече разработени от jQuery общността плъгини, които без или с леко модване на кода могат да влязат веднага в употреба и да спестят още повече време, осигурявайки обаче добра функционалност за вашия сайт.

Например, в демото, което можете да видите ползвам два стандартни плъгина:

1. Единият осигурява lightBox ефектa, който мисля всички помним в първоначалния му prototype (+ scriptaculous) вариант: jQuery lightBox plugin (сега има много и най-различни варианти).
2. Вторият осигурява една изключително полезна функционалност, а именно crop = изрязване на снимки (вижте демото): jQuery Image Cropping Plugin.

Освен тези два основни jQuery плъгина в употреба влиза и функционалността, която jQuery UI (=User Interface) предлага за лесно създаване и манипулация на диалогови прозорци, както и за такива неща като sortable списъци: www.jqueryui.com.

През юли 2008, когато кодвах back-end-а за сайта на XGround Models (www.xgroundmodels.com) все още не знаех за jQuery и jQuery UI. Ползвах javascript библиотека от 2005 (jQuery стана на 3 години през януари 2009, т.е е от началото на 2006) за sortable функционалност, стана страхотно; а за crop-ването, заедно с колега Flash developer, писахме едни чудесии, комуникация PHP <-> Flash, XML <-> PHP (целият сайт е Flash и XML базиран, но във втората версия, която ще разработвам т.г. това вече няма да е така), всичко стана много добре, работи прекрасно, беше забавно, научих нови неща.. и загубих една седмица!

След това, през ноември 2008, когато кандидатствах за работа в ICDSoft писах едно домашно, което ако трябва да пиша сега (с използване на jQuery) щеше да е много по-добро: Demo.

През декември 2008 започнах наистина сериозно да следя за всичко около jQuery и мисля, че това беше крачка в правилна посока. Ако все още не сте я направили и вие, съветвам ви да побързате: това е неоценима помощ за всеки web developer.

Така, и в края, ето едно демо. Става дума за администрация на галерия - всеки 2-3-4 сайт има такава, нали? Сега, с помощта на jQuery (вкл. Ajax via jQuery), jQuery UI, плъгините, нещата стават в пъти по-бързо, с по-малко и по-чист код..

Функционалност:
- проверка за тип, разширение, размер на файла и т.н.
- предварително автоматично оразмеряване на всяка качена снимка
- добавяне на max на брой нови снимки
- смяна на всяка една снимка
- изрязване на thumbnail чрез Jcrop от всяка снимка, при качване и във всеки един момент след това
- изтриване на снимки
- преподреждане на снимките
- преглед на снимките (lightBox)

jQuery (jQuery UI) базирана администрация на галерия

Препоръчително е да го гледате на Full Screen, HD, иначе не се вижда май май нищо особено.

И един скрийншот от подобна галерия:

Владимир Комаров, PHP | MySQL | XML | jQuery web developer, Freelancer

Е, как е? Справяш ли се с новата работа? Доволен ли си? Похвали се нещо..

Това бяха въпроси, които чувах постоянно през изминалия месец от приятели, които знаеха, че съм започнал нова работа.

Сега ще ви разкажа накратко.

Фирмата се казва Atom Solutions, www.atomsolutions.net. Офисът е в “центъра” на София.

Само няколко човека сме и няма нито една колежка..

Работа има доста. Първите две седмици беше тежко. В началото на втората седмица даже се чудех сутрините “да отида ли днес на работа или да си остана вкъщи” Абе беше си шаш и паника. Даже си направих комбинация от Бах есенции, нещо, което не бях правил от две години, може би и повече (Орех, Бряст, Трепетлика, Кестенови пъпки, Лиственица)..

Има три неща, свързани с работата, които жестоко ме изнервят, но за съжаление и трите са неразделна част от нея и не може да мине без тях: 1. Мразя да работя в крайни срокове, особено пък в срокове “за вчера”, а в началото първите няколко задачи бяха точно такива и със сигурност ще има и още подобни. 2. Мразя да се чувствам неспособен, да нямам усещането, че ще се справя с поставената задача.. а в началото усещах прекалено осезателно колко много пропуски имам и колко неща не знам и не съм правил. 3. Клиентите, които не са наясно с ограниченията на web и искат от теб сайтът им примерно да пържи яйца на челна стойка, докато свири 349 симфония на Моцарт. Няма такава ли? Е, ти нали си уеб програмист, ще заложиш в сайта и възможност да композира гениални произведения, разбира се. Преекспонирам, но мисля, че схванахте идеята, нали?

В началото се борех със задачи от английски клиент.. това беше първата и част от втората седмица. Писах една търсачка, борих се с едни класове за mass mail.. в крайна сметка клиентът е останал доволен, а това е важното. А аз научих доста нови неща.

След това имаше някакъв сайт за ъпдейт, трябваше да свършим за два дена, направихме го (с клиента до мен, казващ ми това тук така, онова еди как си го искам) за един следобед. Пак доволен клиент.

На 11 юни ми възложиха един проект с “това е спешно.. ако можеш да го свършиш този уикенд.. и няма нищо сложно, само малко промени по CSS-а на сайта” Става дума за сайт, писан от румънски колеги, използващи Smarty Template Engine. Имах бегла представа за Smarty, но се наложи експресно да изчета цялата документация, празнуването на рождения ми ден (13 юни) отиде по дяволите.. изискваните промени изобщо не бяха нито прости, нито само по CSS стиловете. В крайна сметка с множеството малки и по-големи промени по първоначалния шаблон, фиксове, добавен нов раздел и съответна функционалност в Admin Panel-а, че и преправянето след това и за гръцки колеги, работата по този сайт се проточи до 2 юли. Резултатът е www.mobilenews.bg и www.mobile-news.gr (сега забелязах нещо за фиксване в CSS-a, щото под IE 6 заглавната не изглежда точно така, както трябва да е). Трябва да добавя по някое време поддръжка на RSS и възможност за качване на видео в сайта. Също и търсачка за раздел Каталог. С две думи, ще има още работа..

Вярно, научих достатъчно за Smarty за да се справя по-уверено със следващата подобна задача, но това все пак е като да бършеш нечий чужд задник, не е много приятно занятие. Друго си е да си почнеш съответния проект от нулата, да си знаеш къде какво си писал в кода и кое как си реализирал.. да, пак ползваш опита на майсторите в бранша, като готови функции, класове, решения и т.н., но ти си този, който слага тухла след тухла в изцяло нов строеж, а не просто кръпки във вече съществуваща уеб сграда. Не знам, това ме влече повече.

Сега имам нова задача. Трябва да напиша администрация за сайта на Xground Models, www.xgroundmodels.com. Сайтът е изцяло на Flash, организацията на информацията е посредством XML файлове. Моята задача е парсване на XML-ите (ползвам PHP DOM), актуализацията им и записването им вече обновени, както и работа с файлове (разбирай картинки). Интересно ми е.. щом вчера вместо да си почивам отделих три часа за човъркане в CSS-а и за работа с Photoshop-a.. в събота.. за служебна работа!? Или съм се сдухал, или просто наистина ми е интересно.

С две думи, работата е доста, учи се интензивно в движение, повечето неща, които правих този месец преди ги бях чел само на теория или пък имах предишни реализации в доста опростен вид.. с една идея съм напред с ООП.. и изобщо, ако така ще се чете и ще се учи следващите пет месеца, като ми мине изпитателния срок определено ще съм доста по-напред с материала, което може само да ме радва. И няма да има значение дали ще остана в същата фирма или ще се търси нова работа отново..

Това на първо място зависи от заплащането, естествено. Предишната работа, която напуснах беше ок, шефът ми беше пич, имах време да чета и да уча, но всеки месец, плащайки наема, сметките и подобни се оказвах още на 3-4 число с цял месец пред мен и празни джобове. Сори, ама така не се живее. Лоялността към фирмата я разбирам така: започваш на една заплата и на обичайния изпитателен срок, при мен в случая беше 6 месеца, и сега пак е така. Работиш, изпълняваш си съвестно задълженията, учиш (на предишната работа моментът с ученето беше изцяло лична инициатива, самата работа де факто не го изискваше) и като ти изтече изпитателния срок си вече с една или повече стъпки напред, нали? Означава, че си по-опитен и с повече знание, нали? Следователно би трябвало да си по-ценен кадър и съответно цената ти да е по-висока. И ако въпреки това (както за съжаление се случва в повечето фирми в БГ) няма промяна в заплащането или пък става дума за мизерно увеличение (както беше в по-по-предишната ми работа), и работата не ти предоставя кой знае какви перспективи за учене или професионално развитие, тогава какво? Разбира се, че напускаш при първа възможност заради по-добро предложение. (Е, аз продължавам засега работата с комиксите, но де факто съм напуснал.) Правилно ли разсъждавам?

В крайна сметка, не съм толкова млад вече, че да си позволя кибик на безперспективна работа само за да ми е по-лек живота.. вземаш си там някаква си заплатка и кюташ както намериш за добре, евентуално все още висейки на врата на мама и тати (познат ли ви е този сценарий).. нито пък съм все още на години, когато да се стремя да се установя някъде за постоянно и да храня напразни надежди за пенсия и лека старост. Сега му е времето за растеж (макар, че аз малко съм закъснял покрай отделените 6 години на медицината и още 3 за хомеопатията.. както и да е, те не се губят, за добро са..) и експериментиране, нали?

—

Има много за учене, има интересни задачи, заплащането за момента ме удовлетворява.. в крайна сметка този месец съм изкарал 245% повече от предишния, като само 1/9 от дохода за месеца е от частни проекти, няма от какво да се оплаквам.

—

О, btw, май скоро ще съм най-дъртия във фирмата.. това не знам дали да го коментирам..

—

Ами, това е засега