Front-end програмиране – академия на Телерик

Front-end програмиране - академия на Телерик
Курс уеб програмиране

Преди няколко години работих в фирма в сферата на външната реклама, специализирана в правенето на неонови реклами. Имахме поръчка за направата на 2 броя покривна реклама представляваща логото на фирма  Телерик. Името ми се стори странно и някак си ми влезе в главата, звучеше като “чурулик” 🙂 . Разбрах че фирмата е в IT сектора и се занимават с .NET приложения. Година две по-късно разбрах, че в Телерик се водят безплатни курсове по уеб програмиране. Точно в този момент нямах много свободно време и не можах да се запиша. Дори си спомням, че бях изстървал срока за записване. Стори ми се странно, че се води безплатно обучение за уеб програмисти, имайки предвид, че преди няколко месеца се бях изръсил 300 лева за тримесечен, платен курс обхващащ – HTML, CSS, JavaScript, PHP и MySQL от който най-полезното нещо, което научих бе как да ползвам XAMPP. Информацията е ценен ресурс и много хора не го осъзнават. Интернет е информационен канал който обхваща целият свят и скоростта му е наистина бърза. Езикът на интернет е HTML, а програмният му език е JavaScript.

Академия на Телерик

front-end програмиране

Миналата година един колега от университета И.В. се записа на безплатен курс по front-end програмиране, в академията на Телерик. Именно от него разбрах какво всъщност означава front-end и каква е работата на front-end developer-a. Наистина нещата се променят, докато преди година-три му се казваше web-designer, днес  web-designer-a е застанал изцяло зад фотошоп-а, a front-end-ерът е човекът, който се занимава с рязането и код-ването на дизайна, писането на интерактивността, и имплементирането на всичко това в CMS. …Та стори ми се доста интересно – безплатно обучение за уеб програмисти включващо най-последни тенденции в www. Не са забравени и удобствата. Лекции по уеб разработка са достъпни както физически (по-добрият вариант според мен), така и видеоуроци по HTML, CSS и JavaScript качени в сайта в последователността в която се изучават паралелно с курса. Допълнителните бонуси в този front-end курс са тънкости представени в детайли от лекторите (разбира се млади, отзивчиви и будни хора). SEO, HTML 5 са само малка част от нещата, които обхваща front-end курса на академия Телерик. За мен лично курса до сега бе особено полезен с попълването на пропуските ми в CSS2, надявам се JavaScript с включеният в него курс по jQuery наистина да ме обогатят, та и аз най-накрая да мога да направя падащо меню или слайдшоу from scratch, както му се казва. Изучаването на CMS системи също ми се стори доста интересно. Научих доста готини неща, в които съм склонен дори да инвестирам малко парички. Уърдпрес и Друпал лекциите бяха супер интересни лично за мен, с нетърпение чакам промо от Джумла и Сайтфинити.
Казано накратко ако вие искате да се занимавате с уеб, мястото определено е академията на Телерик (дори и безплатно 😉 ).

Как да направим HDR със любителския си цифров фотоапарат

HDR за начинаещи

Високо-качествена HDR снимка
Високо-качествена HDR снимка

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

Какво е HDR изображение?

В моя случай аз използвам Panasonic Lumix DMC-FS3 – това е нисък клас цифров фотоапарат (за семейни снимки, най вероятно).

Заснемане на HDR изображение

За да заснема нужните 3 изображения аз използвам опцията Taking Pictures using Auto Bracket.

Panasonic Lumix
Опцията “Taking Pictures using Auto Bracket” всъщност е този бутон подчертан със червено на приложеното изображение на Panasonic Lumix. На бутона има изобразен квадрат в който има “+” и “-“.

След като го натиснем ни излизат различни опции, ние трябва да изберем ±0, +1, -1 (избира се като се натиска същият бутон няколко пъти докато се появи търсената опция – ±0, +1, -1). И изглежда приблизително като на следващата картинка (предварително се извинявам за качеството й).

Taking Pictures using Auto Bracket
Taking Pictures using Auto Bracket – +/-0, +1, -1

След това натискаме бутона в средата – за OK и продължаваме нататък.
Обяснение: при включена опция Taking Pictures using Auto Bracket апарата последователно заснема три изображения с различни настройки. Съответно трите снимки са за, тъмните тонове, светлите тонове и за средните тонове.

Снимки с auto bracket +/-1 EV
За да направим качествен HDR важно условие е фотоапаратът да стои неподвижен по време на последователното заснемане на 3-те кадъра. Препоръчително е да се използва опцията “Самоснимачка” или “Self timer” на английски. В моя случай с Panasonic Lumix, Self-timer се намира на лявата стрелка на джойстика.

Panasonic Lumix - Self Timer
Panasonic Lumix – Self Timer

Избирате интервала след който апаратът да започне да снима (10 или 2 сек.). При натискане на спусъка броячът се задейства, и след като изтекат секундите, апаратът заснема трите кадъра.
Супер. Вече имаме HDR фотография остава да я обработим и да я споделим с приятели.

Обработка на HDR изображение

За да обработим нашите 3 кадъра и да полуяим HDR изображение ни е нужен софтуер. Фотошоп има възможност да направи HDR, но далеч не е толкова добър колкото е програмата Photomatix, която аз ще демонстрирам в следващите няколко реда.

Photomatix - начален прозорец
След като отворим програмата избираме да заредим нашите 3 изображения.
ОК
Следващата стъпка е ОК
На третата стъпка имаме допълнителни настройки, които могат да помогнат за премахването на размазванията, понеже имаме три снимки, които трябва да се напаснат една върху друга.
Photomatix в действие
Натискаме Tone Mapping бутона и тук вече са съществените настройки на програмата Photomatix. Предимството на тази програма са готовите пресети от дясно на екрана (във фотошоп няма такива). Аз лично този път си избирам Painterly-4 и съм готов. Вие може да имате повече фантазия и да си поиграете с настройките от ляво на екрана.

Следващите стъпки са последните няколко.

Contrast, Color, Sharpening
В последното меню има още настройки за контраст, цвят и рязкост.

И накрая – File -> Save As -> избираме формата на файла JPG или TIF и съхраняваме нашата HDR снимка.

Двама млади влюбени
Ето го финалния резултат при мен

Обобщение:

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