16 листопада, Вінниця - Speakers ' Corner : Використання сучасний технологій та фреймворків з JavaScript і HTML5 для розробки прототипу додатку всього за кілька годин

Якщо Ви стежите за трендами в веб - розробці , Вам цікаві нові і випробувані можливості JavaScript і HTML5 , ви живете або тимчасово перебуваєте у Вінниці - то у нас чудові новини саме для Вас! Юрій Сильвестров і Михайло Валків представляють свій нашумілий доповідь на тему « Використання сучасний технологій та фреймворків з JavaScript і HTML5 для розробки прототипу додатку всього за кілька годин » у вівторок 16 листопада всім бажаючим в рамках чергового заходу серії Ciklum Speakers ' Corner . У доповіді будуть детально розглянуті такі поняття як : • MVC в JavaScript
• jQuery і плагіни jQuery
• AngularJS
• RequireJS
• Модулі та AMD
• Twitter Bootstrap
• Простір імен JavaScript
• Чуйний веб - дизайн ( Responsive design ) • аспектно- орієнтоване програмування Запрошуємо всіх бажаючих прийняти участь у сесії і задати всі питання . Участь безкоштовно за умови обов'язковій реєстрації тут - > goo.

Опубліковано: 12/11/12 @ 08:39
Розділ html та css javascript Читати далі...

jQuery - плагін для стилізації елементів html - форм ( input [ type = checkbox ] , input [ type = radio ] , input [ type = file ] , select )

У даному плагіні я об'єднав 3 своїх попередніх jQuery - плагина, плюс додав можливість стилізації полів для відправки файлів . Таким чином , він дозволяє стилізувати за допомогою CSS наступні html - елементи : список, що розкривається ( окремий плагін ) . прапорець ( окремий плагін ) ; перемикач ( окремий плагін ) ; поле для вибору файлу ; Демонстрація роботи плагіна Живі приклади можна подивитися на окремої сторінки . Варто зауважити, що при оформленні елементів форм я не використовував жодного зображення .

Опубліковано: 09/10/12 @ 11:18
Розділ html та css javascript Читати далі...

Креш - тест : оцінка рівня написання JavaScript - коду

пише:
- Оцініть, будь ласка, рівень написання коду - http://demenkov. dp.ua/dou / .
Що добре, що погано, і в якому напрямку зосередити зусилля по підвищенню своєї кваліфікації? Я почитав код і в цілому, потрібно сказати, вс? досить непогано. Тобто всі мінуси, які я пишу нижче, це не якісь глобальні проблеми, а різні дрібниці. Очевидно, що за трьома таких прикладів оцінити рівень мені складно, але якщо б я таке побачив на співбесіді, я б швидше за все людини взяв ;) Отже, по мінусів: Це не має відношення до саме скілів програмування, але вс? ж. Стилістика кульгає. Тобто прогалини, то їх немає: у перерахуванні аргументів функції, після слів if/for, при присвоєнні, і т.п. Це дратує, якщо чесно, трохи важко читати конструкції «for (i = 0; i Рядки, як керуючі елементи - це неправильно. У них можна помилитися і ніколи цього не дізнаєшся. Конкретне місце - в першому прикладі функція manipulateBlock.

Опубліковано: 08/10/12 @ 07:52
Розділ javascript Читати далі...

Набір на новий онлайн - курс по JavaScript

У минулих серіях: «Хочу провести курс по JavaScript »і« Підсумки онлайн-курсу з JavaScript » З моменту закінчення минулого JavaScript-курсу («Віджети та інтерфейси за допомогою JavaScript») вже пройшло 5 місяців. Курс себе більш ніж виправдав і дав мені мотивацію провести його ще як мінімум один раз. Більш того, я побачив, що моя методологія навчання працює. Хочеться в подібному форматі спробувати зробити курси по дизайну і серверної частини, які вели б вже інші викладачі. Вже є домовленості з викладачами, і як тільки вони втіляться, я обов'язково вам розповім. Всі курси в подальшому переїдуть на окремий сайт. Є ще багато думок про те, як зробити масштабовану платформу для навчання. Але все це явно виходять за рамки цієї колонки. Повернемося теперішнім справах. Новий потік стартує з жовтня. Курс пройде в наступному форматі. З 18 вересня починається відбір . Буде один етап відбору. В результаті на курс потрапить 10 осіб, які найкраще виконають завдання.

Опубліковано: 19/09/12 @ 07:42
Розділ javascript Сервіси Читати далі...

20 травня, Дніпропетровськ - Майстер - клас з JavaScript

Запрошуємо вас на майстер-клас з JavaScript, архітектурі, оптимізації та іншим обов'язковим для грамотної розробки речей. Ведучий - Ілля Кантор (javascript.ru , learn.javascript.ru , докладніше про ведучого на сторінці майстер-класів ) . Майстер-клас - це глибоке занурення в професійну розробку, спрямоване на навчання, систематизацію знань і підвищення кваліфікації. В одноденною програмі кілька частин (саме тому вона займає весь день!) 1. Професійне JavaScript-програмування Ця частина присвячена правильної організації коду, архітектурі, інструментарію, а також особливостям і фішках JavaScript. Ви дізнаєтесь: ООП «від і до», повне і системне розуміння. Тонкощі мови JavaScript, фішки, які економлять час і граблі, які віднімають його. Паттерни розробки складних JavaScript додатків. Підходи до архітектури, MVC-фреймворки, Backbone.JS, приклад складного додатка. Збирання і організація коду, різні варіанти, включаючи AMD, але і не тільки.

Опубліковано: 10/04/12 @ 01:49
Розділ javascript Безпека Читати далі...

19 травня, Харків - Майстер - клас з JavaScript

Запрошуємо вас на майстер-клас з JavaScript, архітектурі, оптимізації та іншим обов'язковим для грамотної розробки речей. Ведучий - Ілля Кантор (javascript.ru , learn.javascript.ru , докладніше про ведучого на сторінці майстер-класів ) . Майстер-клас - це глибоке занурення в професійну розробку, спрямоване на навчання, систематизацію знань і підвищення кваліфікації. В одноденною програмі кілька частин (саме тому вона займає весь день!) 1. Професійне JavaScript-програмування Ця частина присвячена правильної організації коду, архітектурі, інструментарію, а також особливостям і фішках JavaScript. Ви дізнаєтесь: ООП «від і до», повне і системне розуміння. Тонкощі мови JavaScript, фішки, які економлять час і граблі, які віднімають його. Паттерни розробки складних JavaScript додатків. Підходи до архітектури, MVC-фреймворки, Backbone.JS, приклад складного додатка. Збирання і організація коду, різні варіанти, включаючи AMD, але і не тільки.

Опубліковано: 10/04/12 @ 10:04
Розділ javascript Безпека Читати далі...

Підсумки онлайн- курсу з JavaScript

У грудні 2011 року я анонсував курс по JavaScript . Курс був проведений. Розповім, як все було. Відбір Після анонса мені написало 73 бажаючих, які через тиждень отримали завдання (книга і кілька питань), з тим, щоб ще через тиждень надіслати мені відповідь. Після цього було друге завдання. Через новорічних свят довелося відбір розтягнути, і 10 відібраних людей змогли почати заняття тільки 24 січня (курс був анонсований 9 грудня). Сайт курсу У тому вигляді, як мені хотілося, жодна платформа не дозволяла організувати віртуальний простір курсу (якщо скажете, що систем з потрібним мені функціоналом повно, - я вам не повірю :)). Знаю, що деякі примудряються проводити курси через тільки скайп і пошту. Мені так не хотілося. У дуже швидкому темпі спроектував і втілив систему, в якій курс був проведений. На зображенні нижче - головна сторінка. Імена всіх завдань, крім першого, змінені до невпізнання в цілях збереження інтриги (імена учасників, які вибули, також змінені).

Опубліковано: 10/04/12 @ 08:37
Розділ javascript Сервіси Читати далі...

jQuery - скрипт для стилізації селект ( тег select ) html -форм

Одна з найнеприємніших (і я б навіть сказав жахливих) речей в веб-розробки - це верстка html-форм. На жаль, не існує єдиного стандарту відображення елементів форм, незалежно від браузера та операційної системи, так само, як і немає можливості довільно оформити деякі з цих елементів, використовуючи каскадні таблиці стилів. Не піддаються повної стилізації наступні елементи html-форм: розкривається ; прапорець ; перемикач . поле для відправки файлу . Як вже зрозуміло з заголовка поста, тут мова піде тільки про селект. Існує немало готових рішень у вигляді jQuery-плагінів для стилізації розкривних списків. Але я (з огляду на те, що жоден з плагінів мене не влаштував з тих чи інших причин) вирішив піти шляхом винаходу свого колеса і написав власний jQuery-скрипт (не плагін), яким і ділюся в даній статті. Відразу хочу помітити, що даний скрипт не підходить для всіх можливих випадків застосування селек (читайте недоліки).

Опубліковано: 02/04/12 @ 05:28
Розділ html та css javascript Читати далі...

Скрипт для плавної прокрутки на верх сторінки (на JavaScript і на jQuery )

Пропоную вашій увазі скрипт, який плавно прокручує сторінку наверх при кліці на відповідне посилання . Я зробив 2 варіанти : на чистому JavaScript і на jQuery . Вибирайте той, який вам більше до душі. Варіант на JavaScript Ви можете готовий приклад . Код скрипта : 1
2
3
4
5
6
7
8
9
var t ;
function up () {
  var top = Math.max ( document.body.scrollTop , document.documentElement.scrollTop ) ;
  if ( top >0) {
    window.scrollBy (0, -100) ;
    t = setTimeout (' up ()' , 20) ;
  } Else clearTimeout ( t ) ;
  return false ;
} Число -100 - це кількість пікселів, яке прокручується вгору через кожні 0,02 секунди (число 20).

Опубліковано: 21/03/12 @ 11:53
Розділ javascript Читати далі...

24 - 25 травня, Київ - Майстер "Розробка Web додатків з JavaScript фреймворком Ext JS "

HTML5 набирає популярність серед розробників додатків для підприємств (enterprise applications). Хоча насправді, розробники таких програм це люди, які повинні добре знати JavaScript і популярні фреймворки, засновані на цій мові. На відміну від розробки веб сайтів, для продуктивної розробки веб додатків неоходимо хороша бібліотека UI компонент, розвинена модель підтримки подій (events) зручні лейаути (layouts), підтримка MVC і можливість зручного ремотінга до різних серверів. Фреймворк Ext JS 4 розроблений компанією Sencha відповідає цим вимогам і попит на фахівців, які знають Ext JS почав швидко зростати. На сьогодні Ext JS 4 - це найбільш просунутий JavaScript фрейморк для розробки крос-платформний додатків для підприємств. Щоб розібратися з Ext JS самостійно потрібно витратити багато доовольно багато часу. Завдання цього воркшопу секомоміть ваш час, щоб ви змогли почати розробку якомога швидше. записалися повинні принести свій ноутбук.

Опубліковано: 26/02/12 @ 12:49
Розділ javascript Читати далі...

24 - 25 травня, Київ - Майстер - клас " Розробка Web додатків з JavaScript фреймворком Ext JS "

HTML5 набирає популярність серед розробників додатків для підприємств (enterprise applications). Хоча насправді, розробники таких програм це люди, які повинні добре знати JavaScript і популярні фреймворки, засновані на цій мові. На відміну від розробки веб сайтів, для продуктивної розробки веб додатків неоходимо хороша бібліотека UI компонент, розвинена модель підтримки подій (events) зручні лейаути (layouts), підтримка MVC і можливість зручного ремотінга до різних серверів. Фреймворк Ext JS 4 розроблений компанією Sencha відповідає цим вимогам і попит на фахівців, які знають Ext JS почав швидко зростати. На сьогодні Ext JS 4 - це найбільш просунутий JavaScript фрейморк для розробки крос-платформний додатків для підприємств. Щоб розібратися з Ext JS самостійно потрібно витратити багато доовольно багато часу. Завдання цього воркшопу секомоміть ваш час, щоб ви змогли почати розробку якомога швидше. записалися повинні принести свій ноутбук.

Опубліковано: 26/02/12 @ 12:49
Розділ javascript Читати далі...

24 — 25 мая, Киев — Мастер-класс "Разработка Web приложений с JavaScript фреймворком Ext JS"

HTML5 набирает популярность среди разработчиков приложений для предприятий (enterprise applications). Хотя на самом деле, разработчики таких приложений это люди, которые должны хорошо знать JavaScript и популярные фреймворки, основанные на этом языке. В отличие от разработки веб сайтов, для продуктивной разработки веб приложений неоходимы хорошая библиотека UI компонент, развитая модель поддержки событий (events) удобные лейауты (layouts), поддержка MVC и возможность удобного ремотинга к различным серверам. Фреймворк Ext JS 4 разработанный компанией Sencha отвечает этим требованиям и спрос на специалистов, знающих Ext JS начал быстро расти. На сегодня Ext JS 4 — это наиболее продвинутый JavaScript фрейморк для разработки кросс-платформенный приложений для предприятий. Чтобы разобраться с Ext JS самостоятельно нужно потратить много доовольно много времени. Задача этого воркшопа сэкомомить ваше время, чтобы вы смогли начать разработку как можно быстрее.

Опубліковано: 26/02/12 @ 12:49
Розділ javascript Читати далі...

Дайджест: стандарт C1X і його критика , нові онлайн- курси від MIT , на захист CoffeeScript , кадровий дефіцит у Кремнієвій Долині , золоте століття розробника, навчальний мультфільм для PM

Добрий день, шановні читачі. Законопроекти про підтримку IT в Україну стрімко рухаються в напрямку перетворення в повноправні закони. Учора Верховна Рада прийняла в першому читанні перший з них, за номером 8267. Цій події передували парламентські слухання, оередной звіт про які з'явився днями в ЖЖ . З уже прийнятих законів напередодні Нового року варто згадати закон «Про захист персональних даних», який вступає в силу з 1 січня 2012 Taxer опублікував інструкцію з реєстрації бази таких даних. Також до кінця року планується винести на друге читання сумнівний законопроект № 6523 , який передбачає додатковий збір на ввезену комп'ютерну техніку, що володіє можливістю копіювання інформації. Переходячи до більш позитивним новинам, варто згадати про проект з будівництва у Львові комплексу , що складається з офісів для IT-компаній і житлових будинків для їхніх співробітників.

Опубліковано: 23/12/11 @ 10:36
Розділ javascript Сервіси Читати далі...

Дайджест: стандарт C1X і його критика , нові онлайн- курси від MIT , на захист CoffeeScript , кадровий дефіцит у Кремнієвій Долині , золоте століття розробника, навчальний мультфільм для PM

Добрий день, шановні читачі. Законопроекти про підтримку IT в Україну стрімко рухаються в напрямку перетворення в повноправні закони. Учора Верховна Рада прийняла в першому читанні перший з них, за номером 8267. Цій події передували парламентські слухання, оередной звіт про які з'явився днями в ЖЖ . З уже прийнятих законів напередодні Нового року варто згадати закон «Про захист персональних даних», який вступає в силу з 1 січня 2012 Taxer опублікував інструкцію з реєстрації бази таких даних. Також до кінця року планується винести на друге читання сумнівний законопроект № 6523 , який передбачає додатковий збір на ввезену комп'ютерну техніку, що володіє можливістю копіювання інформації. Переходячи до більш позитивним новинам, варто згадати про проект з будівництва у Львові комплексу , що складається з офісів для IT-компаній і житлових будинків для їхніх співробітників.

Опубліковано: 23/12/11 @ 10:36
Розділ javascript Сервіси Читати далі...

Дайджест : закриття GSC Game World, HipHop в Facebook , недоліки CoffeeScript , чому з Twitter йдуть інженери, полублаготворітельний фонд Мільнера - Дурова та інші цікаві матеріали

Добрий день, шановні читачі. Минулий тиждень знову пройшла під знаком законопроектів № № 8267 і 8268, спрямованих на підтримку української IT-галузі. На цей раз Верховна Рада зібралася 14 грудня на слухання за даними проектами. Читайте звіт на DOU , оглядовий матеріал на «Ліге.Бізнес» та офіційну заяву Романа Хміля з GlobalLogic . Ще в минулу п'ятницю з'явилися погані новини - за інформацією, отриманою від співробітників, компанія GSC Game World закривається . Нагадаю, цей український колектив був відомий з ігор «Козаки» і STALKER На завершення рубрики вітчизняних новин - короткий звіт Макса Іщенка про конференцію TechCrunch Moscow . Новини Представлений Silverlight 5 HP відкрила код WebOS (див. також офіційний реліз ); після 17 редакцій інтернет-протокол WebSocket став «запропонованим стандартом» JetBrains випустила середовище розробки PyCharm 2.0 доступна альфа-версія редактора коду TextMate 2.

Опубліковано: 16/12/11 @ 09:06
Розділ javascript Читати далі...

Завантаження частини контенту на WordPress за допомогою AJAX

Сергій Сосновський у своєму блозі розповідав , що за допомогою технології AJAX в цілях пошукової оптимізації приховав частину вмісту сайту від пошукових систем (що, до речі не є клоакінг ). Технічно реалізував це я. Оскільки знайшлося багато охочих повторити те ж саме на своїх блогах, спробую донести інформацію про те, як це зробити. AJAX по суті - це динамічне завантаження частини вмісту сторінки за допомогою JavaScript. Тобто начебто на сайті ця частина контенту відображається, а, якщо заглянути у вихідний код сторінки, то там його немає. Або, якщо відключити в браузері підтримку JavaScript, то цього контенту також не буде видно. Таку можливість можна використовувати, наприклад, щоб зменшити кількість внутрішніх посилань на сайті для пошукових систем. Ні Гугл, ні Яндекс не проіндексують ту частину контенту, яка підключається через AJAX. Отже, переходимо до практики.

Опубліковано: 14/10/11 @ 10:52
Розділ javascript wordpress Блоги Читати далі...

Загрузка части контента на WordPress с помощью AJAX

Сергій Сосновський у своєму блозі розповідав , що за допомогою технології AJAX в цілях пошукової оптимізації приховав частину вмісту сайту від пошукових систем (що, до речі не є клоакінг ). Технічно реалізував це я. Оскільки знайшлося багато охочих повторити те ж саме на своїх блогах, спробую донести інформацію про те, як це зробити. AJAX по суті - це динамічне завантаження частини вмісту сторінки за допомогою JavaScript. Тобто начебто на сайті ця частина контенту відображається, а, якщо заглянути у вихідний код сторінки, то там його немає. Або, якщо відключити в браузері підтримку JavaScript, то цього контенту також не буде видно. Таку можливість можна використовувати, наприклад, щоб зменшити кількість внутрішніх посилань на сайті для пошукових систем. Ні Гугл, ні Яндекс не проіндексують ту частину контенту, яка підключається через AJAX. Отже, переходимо до практики.

Опубліковано: 14/10/11 @ 10:52
Розділ javascript wordpress Блоги Читати далі...

Красиві спливаючі підказки за допомогою jQuery

Уважні користувачі мого сайту Share42.com помітили, що на ньому з певної пори з'явилися гарні спливаючі підказки , і мене попросили розповісти, як таке зробити. Тому я хочу поділитися з вами моїм черговим невеликим jQuery-скриптом, який допоможе прикрасити ваш веб-ресурс. Ідею я підглянув на сайті електронного бухгалтера "Ельба ". Там приємний і зручний інтерфейс, і мені дуже сподобалися спливаючі підказки, які присутні всюди. Я хотів було просто взяти з вихідного сайту код скрипта, який реалізує цю справу, але не тут-то було. Там у них стільки різних скриптів, зібраних в одну купу (не знаю, як це правильно називається професійною мовою), що вивудити звідти щось конкретне мені було важко. Тому я взяв і написав свій скрипт, який робить приблизно те ж саме. Я знаю, що є вже безліч готових рішень, але мені цікавіше самому написати скрипт з нуля, щоб в черговий раз попрактикуватися з jQuery.

Опубліковано: 20/07/11 @ 06:17
Розділ javascript Читати далі...

Виводимо число фоловерів на WordPress текстом без плагінів і без JavaScript

Виводім число фоловерів на WordPress текстом без плагінів і без JavaScript Колись то у мене стояло завдання - виводити на даному блозі (за даними сервісу FeedBurner). З цим завданням і до цього дня чудово справляється плагін FeedBurnerCount, відмітною особливістю якого є те, що він ніколи не покаже 0 або N/А (тобто не визначено). Якщо при спробі оновити число він не може достукатися до FeedBurner, то показує попереднє збережене в БД значення. До речі, користуючись нагодою, тикну посиланням у , у якого в більшості випадків, як я ні зайду до нього на блог, відображається N/A передплатників замість числа. Ваня, поміняй плагін =) Так от, не так давно я забажав реалізувати аналогічну річ з Твіттером, тобто вивести кількість фоловерів текстом (числом) і щоб при цьому в процесі його оновлення, якщо Твіттер буде недоступний, показувалося б попереднє успішно оновлене число.

Опубліковано: 11/05/11 @ 12:32
Розділ javascript wordpress Блоги Читати далі...

Цифровий годинник на чистому CSS і jQuery

Дивлячись днями на циферки на лічильнику Лі.ру, в моїй голові несподівано зародилася дуже погана ідея - мені захотілося створити цифровий годинник, які б точно повторювали ті самі циферки з того самого лічильника. Ця ідея ніяк не давала мені спокою, поки я не втілив її в реальність. Чесно кажучи, я смутно уявляю користь від присутності таких годинників на сайті, але час бездарно витрачено, і не пропадати ж добру, тому викладаю в паблік те, що в мене вийшло. Не виключено ж, що кому-небудь знадобиться. Приклади Зробив окрему сторінку з десятком прикладів. Через те, що вони всі на одній сторінці, процесор вашого комп'ютера може трохи напружитися. У другому прикладі я зробив точну копію цифр з лічильника лі.ру. Як це працює Годинники працюють повністю на jQuery. Самі ж цифри малюються на чистому CSS (тобто ніяких картинок і ніякого тексту). Кожна цифра складається з 25 блоків, які за допомогою CSS шикуються в квадрат 5 ? 5.

Опубліковано: 29/04/11 @ 12:33
Розділ html та css javascript Читати далі...

1 2 3