Your SlideShare is downloading. ×
Zamyakin
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Zamyakin

262

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
262
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Вёрстка
  • 2. <div class="event event_past"></div><div class="sidebar sidebar_left"></div><div class="wrapper has-sidebar_left"></div>
  • 3. var nodes = this.node.find(“.todo”);for (var i = 0, l = nodes.length; i < l; i++) { nodes.eq(i).addClass(“todo_hidden”);}
  • 4. var nodes = this.node.find(“.todo”);nodes .closest(“.container”) .addClass(“without-todo”)
  • 5. .container .todo { display: block;}.container_without-todo .todo { display: none;}
  • 6. https://github.com/mailru/festhttp://habrahabr.ru/company/mailru/blog/141361/
  • 7. — IDE— Валидация из коробки— SAX, XSLT, XSD, DTD ...— XML to XML
  • 8. 3ms
  • 9. <div> <fest:attributes> <fest:attribute name="class"> <fest:text>event</fest:text> <fest:if test="end > now"> <fest:text>event_past</fest:text> </fest:if> <fest:if test="!event.is_writeable"> <fest:text>event_readonly</fest:text> </fest:if> <fest:if test="event.is_temporary"> <fest:text>event_temporary</fest:text> </fest:if> </fest:attribute> </fest:attributes></div>
  • 10. <div> <fest:attributes> <fest:attribute name="class"> <fest:text>event</fest:text> <fest:if test="end > now"> <fest:text>event_past</fest:text> </fest:if> <fest:if test="!event.is_writeable"> <fest:text>event_readonly</fest:text> </fest:if> <fest:if test="event.is_temporary"> <fest:text>event_temporary</fest:text> </fest:if> </fest:attribute> </fest:attributes></div>
  • 11. <div> <fest:attributes> <fest:attribute name="class"> event <fest:if test="end > now"> event_past</fest:text> </fest:if> <fest:if test="!event.is_writeable"> <fest:text>event_readonly</fest:text> </fest:if> <fest:if test="event.is_temporary"> <fest:text>event_temporary</fest:text> </fest:if> </fest:attribute> </fest:attributes></div>
  • 12. <div> <fest:attributes> <fest:attribute name="class"> <fest:text>event</fest:text> <fest:if test="end > now"> <fest:text>event_past</fest:text> </fest:if> <fest:if test="!event.is_writeable"> <fest:text>event_readonly</fest:text> </fest:if> <fest:if test="event.is_temporary"> <fest:text>event_temporary</fest:text> </fest:if> </fest:attribute> </fest:attributes></div>
  • 13. <div class="event event_past event_temporary"></div>
  • 14. <div class="event event_past event_temporary"></div>
  • 15. <div class="event event_past event_temporary"></div>
  • 16. Javascript
  • 17. jQueryMX http://javascriptmvc.com/docs.html#!jQuery.Class
  • 18. var that = this;this.node .find(".g-button") .on("click", function() { that.addCalendar(); })
  • 19. var that = this;window.setTimeout(function() { that.update();}, 30)
  • 20. this.node .find(".g-button") .on("click", this.addCalendar.bind(this))window.setTimeout(this.update.bind(this), 30)
  • 21. this.node .find(".g-button") .on("click", this.addCalendar)window.setTimeout(this.update, 30)
  • 22. someMethod: function() { methodBody}
  • 23. someMethod: function() { try { methodBody.apply(this, arg) } catch (e) { // processError }}
  • 24. window.onerror = function(errorMsg, url, lineNumber) { …}
  • 25. https://github.com/getsentry/raven-jshttps://github.com/getsentry/sentry
  • 26. CORSwebkit FF
  • 27. <script src="//static.calendar.mail.ru" />
  • 28. <script src="//static.calendar.mail.ru" />
  • 29. Идеи
  • 30. API
  • 31. О чём надеемсярассказать в следующий раз
  • 32. - Векторные иконки- Оффлайн-режим- Аналог tzdata в браузере- Интернационализация- Вебсокеты
  • 33. К о н с та н т и н З а м я к и нп р о г р а м м и с т, К а л е н д а р ь @ M a i l . r u k.zamyakin@corp.mail.ru

×