Coding with Max Belushkin

Що таке база данних?

2022-12-29T23:24:00.009+02:00

База данних — це спеціальна система зберігання, організації та пошуку інформації. Вона містить дані у вигляді таблиць, записів та інших структурованих об'єктів, які можна надалі використовувати у ваших завданнях. Найпоширенішими типами баз даних є реляційні бази даних.

Як обрати базу данних?

Обирання бази даних залежить від призначення та масштабу проекту. Щоб підібрати найбільш підходящу базу даних, вам потрібно врахувати такі параметри, як потреби в продуктивності, надійності, масштабуванні та затримках, а також можливості збереження даних. В подальшому рекомендується порівнювати різні бази даних за їх можливостями і вибрати найбільш підходящу опцію.

Які бази данних існують?

Реляційні бази даних (РБД): такі як Oracle, SQL Server, PostgreSQL, MySQL тощо.
Нереляційні бази даних (НРБД): такі як MongoDB, Redis, Cassandra, HBase тощо.
Графові бази даних (ГРБД): такі як Neo4j, OrientDB, FlockDB тощо.
Інші бази даних: такі як CouchDB, ElasticSearch, MariaDB, Firebase тощо.

Особливості роботи з базою данних MySQL

MySQL є поширеною системою керування базою даних, яка надає багато потужних можливостей для роботи з даними.

Надійність та зручність: MySQL надає надійну підтримку для багатьох застосувань, а також підтримує мови, такі як PHP, Java, Python та багато інших. Для підключення до MySQL може бути використано безкоштовний драйвер JDBC або безкоштовний драйвер ODBC.
Зручний запит: MySQL має зручний запит, який дозволяє виконувати високонавчані запити до бази даних. У структурованих запитах можна використовувати ключові слова, такі як SELECT, INSERT, UPDATE та DELETE.
Потужні можливості: MySQL надає багато потужних можливостей, таких як тригери, хранилища даних, процедури і функції. Це дозволяє користувачам розвивати і використовувати базу даних для різних застосувань.
Інтерактивність: MySQL надає простий і зручний інтерфейс для взаємодії з базою даних. Користувачі можуть використовувати графічний інтерфейс користувача чи стандартні інструменти командного рядка, такі як MySQL Monitor, для взаємодії з базою даних.

Який PHP Framework обрати в 2023 році?

2022-12-29T21:51:00.007+02:00

На сьогоднішній день трудно дати конкретну відповідь. Так як до 2023 року ще дуже багато часу, то ситуація може значно змінитися. Зараз на пік є такі фреймворки, як Symfony, Laravel, Zend Framework, та Yii2. На мою думку, в цей період слід спостерігати за розвитком цих і інших фреймворків, щоб вибрати найкращий для ваших потреб.

Чи відповідає PHP вимогам сучасного ринку? Так, PHP є популярним і загальновикористовуваним мовою програмування. Вона дозволяє розробникам створювати зручні та ефективні веб-сайти і додатки. Також вона має багато бібліотек та сторонніх засобів, які дозволяють працювати з нею ще ефективніше. Тому PHP залишається привабливою мовою програмування для розробників і відповідає вимогам сучасного ринку. Чи Shopify підтримує PHP? Так, Shopify підтримує PHP. Вона дозволяє використовувати його в написанні коду для розширення функціональності вашого магазину. Ви також можете додавати додаткові бібліотеки PHP для поліпшення безпеки та простоти використання.

Чи можна знайти роботу фрілансером програмуючи на PHP? Так, можна. Фрілансерам часто пропонують роботу по програмуванню на PHP. Існує багато сайтів, які займаються пошуками фрілансеров, таких як Upwork, Freelancer, Fiverr і т.д. Також можна знайти роботу за допомогою онлайн-форумів і комуніті програмістів.

Які перспективи очікують IT галузь України в 2023 році?

2022-12-29T21:39:00.004+02:00

За очікуванням, ринок IT в Україні в 2023 році продовжить рости і дасть доступ до нових можливостей. Загалом український IT сектор може розраховувати на подальший доцільний розвиток.

Україна продовжує приваблювати великі зарубіжні інвестиції в сфері IT і зараз є одним з найбільш привабливих ринків інноваційних технологій в Східній Європі. За очікуванням, український IT ринок стане приваблювати все більше зарубіжних інвестицій, що допоможе розвивати бізнес на базі нових інноваційних технологій. Також на перспективу очікується подальший розвиток всіх галузей IT, включаючи програмування, аналітику даних, AI, хмарні технології і багато інших. Наразі в Україні є багато можливостей для розвитку цих технологій, тому надіємося, що до 2023 року їх потенціал буде повністю використано. Загалом, ми можемо сказати, що ринок IT в Україні має блискучі перспективи на майбутнє. Зараз є велика потреба в професіоналах цієї галузі, тому і перспективи для кар'єри в IT секторі дуже світлі.

Які програмісти будуть затребувані в майбутньому?

В майбутньому програмісти будуть затребувані для розробки та підтримки багатьох різних видів програмного забезпечення, включаючи веб-додатки, мобільні додатки, веб-сайти, додатки для мережі та бази даних. Також вони будуть затребувані для розробки й підтримки систем інтелектуальної автоматизації та розумних апаратних пристроїв, машинного навчання та аналітики даних.

На що варто звернути увагу майбутньому програмісту? 1. Звичайно, важливо звикнути до основ програмування, таких як синтаксис основних мов програмування, таких як C++, Java або Python, та розуміти структуру даних та алгоритмів. 2. Важливо навчатися розробляти швидкі, безпечні та постійно підтримувані програмні рішення. Це вимагає знання технологій та інструментів для аналізу, проектування, програмування, тестування та документування. 3. Розуміння принципів архітектури програмного забезпечення та практичні навички в проектування складних систем. 4. Навчання використовувати підхід до розробки програм, який забезпечує відкритість для змін та підтримки програмного забезпечення у довгостроковій перспективі. 5. Розуміння методів спільної розробки програмного забезпечення, включаючи системи контролю версій та взаємодію з іншими розробниками.

Чи варто йти на IT курси в 2023 році? Та які очікування по заробітній платні для програмістів?

2022-12-29T20:50:00.004+02:00

Так, завдяки постійному зростанню інформаційних технологій в 2023 році рекомендується йти на IT-курси. Рівень заробітної плати для програмістів буде різний, в залежності від досвіду, кваліфікації, місця роботи і т.д. Загалом, заробітна плата за 2023 рік буде порівняно високою і буде залежати від місця роботи, типу проекту і рівня досвіду.

Яку мову програмування обрати для початківця? Для початківців рекомендується обрати мову програмування Python. Це одна з найбільш популярних мов програмування, яка доступна в більшості операційних систем і проста в навчанні. Також вона має широкий діапазон прикладних застосувань, що дозволяє розвивати програми різних рівнів складності. Де краще вчитися програмуванню? Для того, щоб навчитися програмуванню, можна придбати книги і відеоуроки, а також скористатися безкоштовними ресурсами в Інтернеті. Однак, найкращим способом навчитися програмуванню є проходження інтенсивних курсів у професійних школах або університетах. На таких курсах ви зможете засвоїти базові навички в програмуванні, а також розвинути свої практичні навички програмування.

Як створити NFT колекцію?

2022-12-29T20:24:00.004+02:00

1. Спочатку вам потрібно визначити тему вашої колекції та тип активів, які ви будете продавати. Це може бути будь-що, від цифрових художніх творів до аудіо або відеофайлів.

2. Щоб надати вашім активам додаткову емісію, вам потрібно вибрати блокчейн, на основі якого ви будете створювати свої активи. Для цього варто ознайомитися з різними блокчейн-платформами, де ви зможете створити свої токени. 3. Після того, як ви виберете блокчейн-платформу, вам необхідно зареєструвати аккаунт та пройти процедуру активації. 4. Наступним кроком вам потрібно завантажити програму для створення токенів і завантажити його на свій ПК. 5. Після того, як ви завантажите програму, вам потрібно буде заповнити певні поля, такі як назва актива, його ціна, кількість та інше. 6. Після того, як ви заповните всі поля, на основі цих даних буде створено ваш NFT-токени. 7. Наступним кроком ви можете розмістити свої NFT-токени на біржі, такі як OpenSea, щоб почати продавати свої активи.

Чи варто вчити PHP в 2023 році?

2022-12-29T19:59:00.003+02:00

Залежно від ваших мет й цілей, вчити PHP в 2023 році може бути цікавим й корисним для вас. PHP все ще популярний та має велику кількість застосувань, таких як розробка веб-сайтів та програмного забезпечення. Якщо ви зацікавлені в розробці веб-сайтів, то вчити PHP може бути корисним рішенням.

Як довго треба вчити PHP? Відповідь залежить від вашого досвіду та знань. Якщо ви знаєте HTML і CSS, то ви можете навчитися основам PHP протягом декількох тижнів. Якщо ж ви починаєте від нуля, вам може знадобитися більше часу, щоб дізнатися все про PHP. Де застосовується PHP? PHP застосовується для розробки веб-сайтів, систем на базі пошти, розробки веб-служб, скриптів для просування веб-сайтів та багато іншого. Він також може бути використаний для створення додатків, модулів та шаблонів для веб-сайтів.

Які альтернативи PHP?

Існує декілька альтернатив PHP, таких як Python, Ruby, Java, C# та JavaScript. Вони всі мають свої переваги та недоліки, але більшість з них можуть бути використані для створення веб-сайтів.

Спадок Накамото

2021-12-08T21:02:00.001+02:00

Біткоін. Ефір. Web 3. Розпочинається курс присвячений сучасній темі яка зараз актуальна і яку обговорюють багато людей в Україні і поза Україною.

Курс ставить собі за мету розповісти про основні терміни блокчейна, такі як смартконтракти, майнінг, NFT...

Продивившись увесь курс глядач зможе освоїтися в даній темі та опанує знання мови Solidity, зможе встановити свій гаманець зі світу Web3 Metamask.

На протязі курсу ми розробимо декілька додактів такі як:

- Web3 dapp за допомогою мережі Rinkeby від Ethereum та за допомогою Reactjs на платформі replit.

- Web3 NFT токен замінтіть зможемо також ми в цьому курсі

- Web3 NFT гру розробимо та подивимося як вона виглядає.

Все це реально буде розроблемно та запропоновано глядачу, уважно стежте за оновленнями.

Вже є анонс курсу і також завантажено перші частини такі як:

- Історична довідка про блокчейн

- Вступ до Ethereum: смарт контракти, rinkeby та інші терміни

Не упустіть можливість дізнатися актуальну інформацію про Ефір та блокчейн. Лишайте коментарі, підписуйтесь на канал в Ютубі.

Як торгувати криптовалютою за допомогою Twitter

2021-12-03T23:09:00.004+02:00

Гортаючи сторінки з репозиторіями на GitHub наткнувся на одну дуже цікаву ідею, яка належить Джеймсу Бачіні. Він запропонував слухати стрімом акаунти в Twitter і якщо в твітах цих акаунтів з'явиться згадка про тікери криптовалюти то в цьому випадку це можна розглядати як заклик до дії і купувати попередньо згаданий тікер.

Джеймс розробив приклад цього бота ти виклав його на GitHub. Мені це здалося дуже несподівано і цікаво, через те я записав відео огляд цього бота, попередньо отримавши ключі до елевейтед аксес до Twitter.

Що з цього вийшло запрошую переглянути на відео:

Приємного перегляду і дякую за ваш час!

Як створити Dino Game на kaboom.js

2021-12-01T19:19:00.003+02:00

Витратив цілий місяць на те, щоб створити Dino Game на kaboomJS.

Що таке KaboomJS? Це Javascript framework, а що таке Dino Game? Це офлайн гра захована в браузер Chrome. Вихідний код гри можна знайти в репозиторії браузера Chromium. Доречі я також створив сторінку у Вікіпедії про цю гру, аж дивно, що гра була випущена в 2014 році, а сторінки у вікі ще не було. Ось посилання на сторінку: Dinosaur game.

Допоки писав статтю на вікі побачив багато цікавих фактів про цю гру. Наприклад, що в неї можна грати 17 млн років, щоб отримати максимальний скор, або що гра спочатку називалася «Project Bolan» у зв’язку з вокалістом Марком Боланом із групи T. Rex 1970-х років.

Заради чого це все? Заради того, щоб отримати досвід в Game Dev та попрактикуватися з новим JS фреймворком, яких вже так багато на світі.

Але трігером цього всього стала моя участь в контесті Kajam від Replit. Ми зробили свою гру за 1 тиждень та задеплоїли її на контест, але нажаль нічого не виграли, але так хотілося виграти 10 000 доларів.

Після оголошення переможців, цікаво було передивитися всіх їх та зрозуміти, в чому сіль перемоги? Або кому насамперед журі віддає перевагу.

Ось невеличкий огляд самих переможців Kajam 2021.

Але не суть. Сенс всього цього полягала в тому, щоб розробити гру з нуля і до релізу. Гра зарелізілась, задеплоїлася на Firebase і вже доступна до перегляду на цьому сайті: https://dino-game.xyz/

Там жеш є посилання на гітхаб, а також великий огляд того, як гра створювалася, та яких пітфолів краще не допускати, коли ви самі будете розробляти цю гру.

Саме огляд знаходиться ось тут:

Я отримав велике задоволення від написання цієї гри і можу сказати, що гра достатньо складна і я б оцінив її рівень як medium.

Пишіть свої враження від гри, цікаво буде послухати.

Аналіз надійності захисту веб-сайтів від автоматичного сканування і розпізнавання символів CAPTCHA

2013-02-28T10:41:00.000+02:00

РЕФЕРАТ

магістерської атестаційної роботи на тему

“Аналіз надійності захисту веб-сайтів від автоматичного сканування і розпізнавання символів CAPTCHA”

Актуальність

Захист інформації в веб-просторі з кожним роком набуває все більшої актуальності. Зокрема, оберігання веб-сайтів від проникнення в них роботів, спамерів та інших автоматичних засобів відіграє важливу роль в цьому процесі. Підвищення надійності захисту веб-сайтів завдяки тесту CAPTCHA покликане створити межу між вводом даних людиною та комп'ютером. CAPTCHA зазвичай використовується в Інтернеті для захисту форм реєстрації та коментування від спаму. Для того, щоб зрозуміти потребу в CAPTCHA, потрібно зрозуміти мету, яка спонукає користувачів до створення і використання автоматичних систем введення даних. До цього переліку входять: реклама, маніпулювання онлайн-системами опитування, вандалізм чи знищення цілісності, чистоти сайту тощо. Актуальність цієї роботи полягає в отриманні рекомендацій, які дозволять підвищити надійність CAPTCHA та запобігти автоматизації вводу даних.

Ціль роботи

Метою даної роботи є формулювання рекомендацій по підвищенню рівня захисту веб-сайтів від автоматичного сканування при використанні різних типів символьної CAPTCHA.

Задачі, що розв'язуються в роботі:

аналіз сучасних засобів захисту веб-сайтів;
дослідження CAPTCHA як засобу захисту веб-сайтів;
аналіз принципів побудови декодерів CAPTCHA та їх можливостей;
розробка декодера для розпізнавання символьної CAPTCHA;
отримання практичних висновків щодо підвищення рівня захисту веб-сайтів від автоматичного сканування при використанні різних типів символьної CAPTCHA.

Досягнуті результати

Вирішивши завдання, поставлені в роботі, автор захищає:

рекомендацій по підвищенню рівня захисту веб-сайтів від автоматичного сканування при використанні різних типів символьної CAPTCHA;
напрямки удосконалення систем захисту веб-сайтів

Наукова новизна роботи

Наукова новизна визначається отриманням рекомендацій по підвищенню рівня захисту веб-сайтів від автоматичного сканування.

Практична цінність роботи

Запропоновані рекомендації по підвищенню рівня захисту веб-сайтів від автоматичного сканування можуть бути застосовані при розробці нових CAPTCHA або при вдосконаленні вже існуючих для виходу на вищий рівень безпеки.

Висновки

розглянуто існуючі засоби захисту веб-сайтів;
визначені та класифіковані CAPTCHA як засіб захисту веб-сайтів;
проаналізовано сучасні декодери CAPTCHA;
визначені основні проблеми автоматичного розпізнавання CAPTCHA;
проведене ретельне тестування більше 40 CAPTCHA, включаючи CAPTCHA відомих компаній, таких як Google та Yahoo.
сформульовані практичні висновки щодо підвищення рівня захисту веб-сайтів від автоматичного сканування при використанні різних типів символьної CAPTCHA.

Загальний обсяг роботи 127 сторінок, з них основна частина — 70 сторінок, 16 таблиць, 53 рисунки.

Ключові слова: CAPTCHA, OCR, OpenCV, юзабіліті, PWNtcha.

Закачати можна тут: http://www.ex.ua/view/20608321

Задача про 1000 пляшок та 10 стаканів

2012-08-16T18:32:00.001+03:00

Сьогодні на співбесіді в 1 айтішну компанію, мене запитали, чи зможу я вирішити задачу на логіку? Я звісно відповів що зможу, тому що в мене майже 2 вищі освіти (ХАІ та КПІ). Але коли мене спитали я розгубився. Це для мене нормальна річ, я завжди вирішую такі задачі коли я можу спокійно зосередитися над рішенням. Та задача виявилася досить простою.

Ось її опис: Є 1000 пляшок та 10 стаканів, в 1 пляшці є отрута. 10 людей одночасно ковтають з цих стаканів, тобто є лище 1 спроба. Одна людина ковтає лише з 1 стакану. Після того, як хтось загинув (1 чи декілька людей, чи всі відразу), треба визначити де саме отрута (в якій пляшці).

Ось рішення цієї задачі:

Якщо в нас є 1 стакан, то ми можемо визначити 2 пляшки, тобто або людина загине, або ні. Це ми можемо представити як 0,1 (0 - живе, 1 - загинув). Якщо в нас є 2 стакана ми можемо визначити 4 пляшки, це ми можемо представити як таку собі схемку:

1 стакан (2 комбінації (пляшки), або живе, або загинув)

0
1

2 стакана (4 комбінації (пляшки), або всі живі, або лівий загинув, або правий, або всі вмерли)

00
10
01
11

3 стакана (8 комбінацій (пляшок))

000
100
010
001
110
011
101
111

І так далі. Це може представити як 2 в ступені n. Тобто 2 в 0 ступені це 1. 2 в 1 ступені це 2, 2 в 3 ступені це 8, 2 в 4 ступені це 16 ... Тобто щоб визначити вірно де саме отрута нам треба 10 стаканів, тому що 2 в 10 ступені, це 1024.

Ще приведу приклад як можна наглядно продемонструвати як наливається отрута в чашки:

Уявімо, що кружки це пляшки, а квадрати це стакани, з яких п"ють люди. Одна пляшка вважається виключеною (відокремлена квадратом), вона буде з отрутою, якщо всі вип"ють, та залишаться живими. Якщо скажімо ми беремо комбінацію 101, тобчто 1 чашка з отрутою та остання з отрутою, то в якій пляшці отрута? Вірно, в тій яка наливає тільки в 2 крайні стакани. Якщо ми візьмемо комбінацію 100, то в якій пляшці отрута? Вірно в тій, яка наливає тільки в перший стакан, тобто сама ліва крайня.

Маю, надію все виклав зрозуміло :)

Готуюсь до написання магістерської роботи у КПІ на тему "Аналіз відмовостійкості CAPTCHA"

2012-08-13T17:24:00.001+03:00

Тут я буду викладати усі матеріали і те що мені стає відомо в процесі написання моєї магістерської роботи у КПІ. А саме інформацію про OpenCV2. Коди програм, приклади, тощо... Має бути цікаво.

Звернення В.А.Ющенка

2010-11-26T23:52:00.000+02:00

Jquery валидаторы

2010-11-19T10:02:00.000+02:00

jQuery Validation. -
http://bassistance.de/jquery-plugins/jquery-plugin-validation
Auto Help. - http://www.dyve.net/jquery/?autohelp
Simple jQuery form validation. -
http://www.willjessup.com/sandbox/jquery/form_validator/form_validate.html
jQuery XAV - form validations. -
http://letmehaveblog.blogspot.com/2007/08/easy-client-side-web-forms-validations.html
jQuery AlphaNumeric. - http://itgroup.com.ph/alphanumeric/
Masked Input. - http://digitalbush.com/projects/masked-input-plugin
TypeWatch Plugin. -
http://www.dennydotnet.com/post/TypeWatch-jQuery-Plugin.aspx
Text limiter for form fields. - http://jquery.com/plugins/project/TextLimiter
Ajax Username Check with jQuery. - http://www.shawngo.com/gafyd/index.html

---
Depending on our needs/expectations

Регистрация IDN доменов

2010-10-20T09:49:00.002+03:00

В Украине открылась регистрация кириллических доменов!
http://dns.com.ua/idn-reglament.html

Кулинарные рецепты с фотографиями

2009-09-26T22:17:00.002+03:00

Кулинарные рецепты с фотографиями

Posted using ShareThis

TinyMCE tabIndex решение

2009-07-10T12:01:00.003+03:00

Для того, что бы убрать tabIndex с кнопок tinyMCE используйте простое решение при помощи JQuery.


tinyMCE.init({
          mode : "exact",
          elements : "about",
          theme: "advanced",
          …all your advanced options…
          init_instance_callback : "setTabIndex"
      });

И сам callback:


function setTabIndex()
        {
            $(".mceToolbarContainer > *").attr("tabIndex", "-1");
        }

Проверено, работает.

Список JQuery шпаргалок

2009-07-09T10:01:00.007+03:00

О JQuery шпаргалках писали многие, приведу короткий список мною найденных. Если кому интересно их можно распечатать и повесить на стену.

Искусство JavaScript ошибок: Генерация

2009-05-10T22:34:00.001+03:00

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

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

Проблема ошибок заключается в том, что они выскакивают в самом неподходящем месте и в самое неподходящее время. Хуже всего то, что сообщение выдаваемое ошибкой зачастую очень маленькое и не понятно, что произошло. JavaScript ошибки пресловуто неинформативные и скрытные (особенно это касается Internet Explorer). Представьте себе, что ошибка выскочила и описывает вам, что и где произошло. В таком случае дебаг будет намного проще. Вот в этом и есть прелесть генерации своих собственных ошибок.

Всегда проще предпалагать о ошибке в конкретном месте, нежели в коде в целом. Это очень хорошая практика. Когда строят машину, ее собирают из частей, которые имеют собственные характеристики и реакцию на столкновение. При полной сборке можно будет быть убежденным, что машина при ударе поведет себя так, а не иначе. Теми же самыми методами следует руководствоваться и при написании программного кода.

Даже если JavaScript будет активно развиваться на протяжении будущих нескольких лет, JavaScript разработчики будут иметь намного меньше методов дебага и отладки кода, нежели разработчики других языков. Генерация собственных ошибок в JavaScript намного ценнее чем в других языках из за сложности дебага и отслеживания ошибок. Вы можете сгенерировать ошибку оператором throw и передать обьект этому оператору. Любой тип обьекта может быть сгенерирован, однако обьект Error обычно генерируется следующим образом:

throw new Error("Произошло что-то не хорошее.")

Графический дизайн: Забытые веб-стандарты

2009-05-10T14:02:00.005+03:00

Graphic Design: The Forgotten Web Standard - Slides in 3 Minutes from Carsonified on Vimeo.

Почему?

Я думаю интересно посмотреть дизайн в процессе.
Это вдохновляет

Источник: Think Vitamin

23 февраля, bigmir)net, 2007 год

2009-05-05T15:33:00.005+03:00

Тут можно встретить знакомые лица! :) Снимал на обычный телефон.

Искусство JavaScript ошибок: JavaScript error handling anti-pattern

2009-04-29T09:21:00.011+03:00

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

Одно из решений, это введение дебаг мода для приложения на JS. Идея такая, что если дебаг мод установлен в false, ошибки происходят сами собой, если же дебаг мод true - ошибки могут логироваться на сервере или алертом показывать свое присутствие с указанием строки и причины ошибки. Очень полезно для IE.

Пример:

function doSomething(value){
try {
process(value);
} catch (ex){
if (debugMode){
throw ex;
} else {
log(1, "doSomething(): " + ex.message);
}
}
}

Идея примера такова, что если возникла ошибка, то в зависимости от установленного дебаг мода ошибка или логируется или просто показывается. Сейчас, я постараюсь объяснить всю уязвимость данной идеи.

Если ошибка возникнет в функции process(), она будет перехвачена в функции doSomething() и в зависимости от дебаг мода сгенерируется или залогируется, тем самым разрушит call stack. Ошибка будет слишком далека от актуального события, которое нам и нужно отдебажить. Вся полезная информация, которая могла бы быть решением будет утеряна, так как мы выйдем из функции process(). Используя этот код, ваш дебагер будет обрывать выполнение программы в строке содержащей throw ex, в то время как вы хотите оборвать выполнение в самой функции process().

Мое решение - это код, который будет скорее предотвращать полезный дебаг, чем разрешать его.
Есть два способа решения этой проблемы:

1 (Галимый):

function doSomething(value){
if (!debugMode){
process(value);
} else {
try {
 process(value);
} catch (ex){
 log(1, "doSomething(): " + ex.message);
}
}
}

2 (Нормальный):

var doSomething = debugMode ?
function(value){
process(value);
} :
function(value){
try {
  process(value);
} catch (ex){
  log(1, "doSomething(): " + ex.message);
}
};

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

Пример:

//by Nicholas C. Zakas (MIT Licensed)
function productionize(object){

var name,
method;

for (name in object){
method = object[name];
if (typeof method == "function"){
   object[name] = function(name, method){
       return function(){
           try {
               return method.apply(this, arguments);
           } catch (ex) {
               log(1, name + "(): " + ex.message);
           }
       };

   }(name, method);
}
}
}

Этот код пробегает по всем методам объекта и заменяет его функции на другие, которые уже содержат в себе механизм отлова ошибок. Вот пример использования:

var system = {
fail: function(){
throw new Error("Oops!");
}
};

function log(severity, message){
alert(severity + ":" + message);
}

if (!debugMode){
productionize(system);
}

system.fail();   //error is trapped!

Всегда убеждайтесь в том, что ошибка сгенерировалась именно там где нужно - это первая проблема дебага JS ошибок. Удачи!

По материалам: Nicholas C. Zakas

YUI 3 революция...

2009-04-27T17:52:00.007+03:00

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

Мотивация:
Теперь когда YUI 3 анонсировано, возникло много дискуссий вокруг дальнейшего направления библиотеки. Я как разработчик программного обеспечения был одновременно взволнован и взбешен. Взволнован, потому что вижу массу возможностей, взбешен потому что не принимаю участия в разработке библиотеки.

Хотя Yahoo позиционирует YUI 3 как основную библиотеку, все таки стабл версия остается YUI 2. Но. Многие разработчики уже начали наслаждаться теми преимуществами, которые таит в себе новая библиотека. Я слышал, что некоторые разработчики ругают YUI 3 в том, что она настолько отличается от второй версии и называют это направление ошибочным. Но я считаю, что это дает огромный стимул разработчикам совершить революцию в мире програмного обеспечения. Добиться верного результата и сделать YUI еще лучше.

В последнее время, а именно где-то 4 года, веб разработка развивается скачками. Был момент когда все встало, пока не появился новый термин - "Ajax". Это заставило разработчиков переосмыслить разработку, переписать то, что было, повысить свои требования к программному обеспечению.

Как и другие библиотеки, YUI в своей разработке руководствуется только требованиями разработчиков. Требования изменились, а почему не измениться библиотеке? Программисты YUI взяли все преимущества второй версии, соединили их с наработками и идеями, которые они желают увидеть в следующей версии ядра и начали. Результат - это лучшие моменты YUI 2 + некоторые хорошие идеи из других библиотек (из jQuery например).

Переход со второй версии на третью:
Будет ли больно перейти со второй версии YUI на третью? Да! Многие шаги при переходе будут болезненными, но революция никогда не бывает простой и мирной. Вопрос не в том, как больно перейти на YUI 3, а в том, что вы в итоге получите?

Решение разработчиков YUI было принципиальным. Ведь переписывание/дописывание старой библиотеки ведет только к разбуханию кода, поэтому было принято решение написать все заново (lol =) ). Вот в этом и есть отличие Эволюции от Революции.

Тем кто занимается разработкой на YUI 2, можно не беспокоиться, эта ветка будет также доступна на GitHub для скачивания и даже будет совершенствоваться. Так что выбор между второй и третьей веткой лежит полностью на разработчике.

Все!
Источник: NCZOnline

Связанные статьи:

John Resig презентовал Processing.js

2009-04-27T11:09:00.003+03:00

Привет!
Очень интересную идею на днях презентовал John Resig, это: "Processing.js".

Хотя идея не нова и была зарелизена еще в мае 2008 года, сайт для языка вышел буквально на днях, об этом Джон Резиг сообщает на своем официальном блоге.

Немного справки:
Processing.js - свободный язык программирования для людей, которые хотят программировать картинки, анимацию и интерактивность для веба, без использования Flash или Java апплетов.

Он использует Javascript для манипуляции изображениями и прорисовки очертаний и блоков. Все это происходит благодаря элементу Canvas в HTML 5.

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

Processing.js работает в Firefox, Safari, Opera и Chrome, работает в Internet Explorer при условии использования Explorer Canvas.

Вышло довольно интересно, просмотрев примеры был очень удивлен и обескуражен.
Но пугает то, что IE6 до сих пор имеет 20% пользователей в интернете, так что про скорый успех у нас говорить не приходится и вряд ли мы вскоре увидим полноценные веб-приложения Processing.js на просторах уанета.

YUI карусель за 10 минут.

2009-04-23T22:00:00.006+03:00

Быстрое howto или как запустить javascript карусель у себя на сайте за 10 минут.

Компонент карусель был добавлен в YUI билиотеку для быстрого скролла контента на сайте в привлекательном и удобном интерфейсе. Последние тенденции показывают, что карусели все чаще становятся необходимым атрибутом каждого сайта. Конкретно В данном туториале мы расмотрим стандартную имплементацию yui библиотеки для реализации поставленной задачи.

Посмотрим?
В вашем текстовом редакторе создайте следующую html-страничку:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<link rel="stylesheet" type="text/css"
href="http://yui.yahooapis.com/2.6.0/build/carousel/assets/skins/sam/carousel.css">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>YUI Carousel Example 1</title>

</head>

<body class="yui-skin-sam">

<div id="scientists">

<ol>

<li><img src="img/scientists/bohr_thumb.jpg" alt="Niels Bohr"></li>

<li><img src="img/scientists/darwin_thumb.jpg" alt="Charles Darwin"></li>

<li><img src="img/scientists/einstein_thumb.jpg" alt="Albert Einstein"></li>

<li><img src="img/scientists/galileo_thumb.jpg" alt="Galileo Galilei"></li>

<li><img src="img/scientists/newton_thumb.jpg" alt="Isaac Newton"></li>

<li><img src="img/scientists/maxwell_thumb.jpg" alt="James Clerk Maxwell"></li>

</ol>

</div>

<script type="text/javascript"
src="http://yui.yahooapis.com/2.6.0/build/yahoo-dom-event/yahoo-dom-event.js"></script>

<script type="text/javascript"
src="http://yui.yahooapis.com/2.6.0/build/element/element-beta-min.js"></script>

<script type="text/javascript"
src="http://yui.yahooapis.com/2.6.0/build/carousel/carousel-beta-min.js"></script>

<script type="text/javascript">


//create carousel control

var carousel = new YAHOO.widget.Carousel("scientists");


//render to page

carousel.render();


//display

carousel.show();


</script>

</body>

</html>

Все! Сохраните ее, только картинки сами добавьте. Карусель готова. Результат можно наблюдать на изображении.