a.qk-link(href='https://ponyfoo.com/s/modular-javascript-launch', target='_blank')

svg.qk-icon.ic-icon(aria-hidden='true', role='img', version='1.1', viewBox='0 0 14 16')

path(d='M8 9l3 6h-1l-2-4v5H7v-6l-2 5H4l2-5 2-1zM7 0H6v1h1V0zM5 3H4v1h1V3zM2 1H1v1h1V1zM.63 9a.52.52 0 0 0-.16.67l.55.92c.13.23.41.31.64.2l1.39-.66-1.16-2-1.27.86.01.01zm7.89-5.39l-5.8 3.95L3.95 9.7l6.33-3.03-1.77-3.06h.01zm4.22 1.28l-1.47-2.52a.51.51 0 0 0-.72-.17l-1.2.83 1.84 3.2 1.33-.64c.27-.13.36-.44.22-.7z')

span.qk-text Announcement

svg.qk-icon.ic-icon(aria-hidden='true', role='img', version='1.1', viewBox='0 0 12 16')

path(d='M6 5H2V4h4v1zM2 8h7V7H2v1zm0 2h7V9H2v1zm0 2h7v-1H2v1zm10-7.5V14c0 .55-.45 1-1 1H1c-.55 0-1-.45-1-1V2c0-.55.45-1 1-1h7.5L12 4.5zM11 5L8 2H1v12h10V5z')

span.qk-text Read for free!

svg.qk-icon.ic-icon(aria-hidden='true', role='img', version='1.1', viewBox='0 0 16 16')

path(d='M14.7 5.34c.13-.32.55-1.59-.13-3.31 0 0-1.05-.33-3.44 1.3-1-.28-2.07-.32-3.13-.32s-2.13.04-3.13.32c-2.39-1.64-3.44-1.3-3.44-1.3-.68 1.72-.26 2.99-.13 3.31C.49 6.21 0 7.33 0 8.69 0 13.84 3.33 15 7.98 15S16 13.84 16 8.69c0-1.36-.49-2.48-1.3-3.35zM8 14.02c-3.3 0-5.98-.15-5.98-3.35 0-.76.38-1.48 1.02-2.07 1.07-.98 2.9-.46 4.96-.46 2.07 0 3.88-.52 4.96.46.65.59 1.02 1.3 1.02 2.07 0 3.19-2.68 3.35-5.98 3.35zM5.49 9.01c-.66 0-1.2.8-1.2 1.78s.54 1.79 1.2 1.79c.66 0 1.2-.8 1.2-1.79s-.54-1.78-1.2-1.78zm5.02 0c-.66 0-1.2.79-1.2 1.78s.54 1.79 1.2 1.79c.66 0 1.2-.8 1.2-1.79s-.53-1.78-1.2-1.78z')

span.qk-text Collaborate

a.qk-link.qk-fund(href='https://ponyfoo.com/s/modular-javascript-indiegogo', target='_blank')

svg.qk-icon.ic-icon(aria-hidden='true', role='img', version='1.1', viewBox='0 0 16 16')

path(d='M9 5H8V4h1v1zm4 3h-1v1h1V8zM6 5H5v1h1V5zM5 8H4v1h1V8zm11-5.5l-.5-.5L9 7c-.06-.02-1 0-1 0-.55 0-1 .45-1 1v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-.92l6-5.58zm-1.59 4.09c.19.61.3 1.25.3 1.91 0 3.42-2.78 6.2-6.2 6.2-3.42 0-6.21-2.78-6.21-6.2 0-3.42 2.78-6.2 6.2-6.2 1.2 0 2.31.34 3.27.94l.94-.94A7.459 7.459 0 0 0 8.51 1C4.36 1 1 4.36 1 8.5 1 12.64 4.36 16 8.5 16c4.14 0 7.5-3.36 7.5-7.5 0-1.03-.2-2.02-.59-2.91l-1 1z')

span.qk-text Crowdfund!

a.qk-link(href='https://ponyfoo.com/s/modular-javascript-thunderclap', target='_blank')

svg.qk-icon.ic-icon(aria-hidden='true', role='img', version='1.1', viewBox='0 0 16 16')

path(d='M10 1c-.17 0-.36.05-.52.14C8.04 2.02 4.5 4.58 3 5c-1.38 0-3 .67-3 2.5S1.63 10 3 10c.3.08.64.23 1 .41V15h2v-3.45c1.34.86 2.69 1.83 3.48 2.31.16.09.34.14.52.14.52 0 1-.42 1-1V2c0-.58-.48-1-1-1zm0 12c-.38-.23-.89-.58-1.5-1-.16-.11-.33-.22-.5-.34V3.31c.16-.11.31-.2.47-.31.61-.41 1.16-.77 1.53-1v11zm2-6h4v1h-4V7zm0 2l4 2v1l-4-2V9zm4-6v1l-4 2V5l4-2z')

span.qk-text Crowdshare

svg.qk-icon.ic-icon(aria-hidden='true', role='img', version='1.1', viewBox='0 0 16 16')

path(d='M14.38 14.59L11 7V3h1V2H3v1h1v4L.63 14.59A1 1 0 0 0 1.54 16h11.94c.72 0 1.2-.75.91-1.41h-.01zM3.75 10L5 7V3h5v4l1.25 3h-7.5zM8 8h1v1H8V8zM7 7H6V6h1v1zm0-3h1v1H7V4zm0-3H6V0h1v1z')

span.qk-text Early Release

a.qk-link.qk-twitter(href='https://twitter.com/mjavascript', target='_blank')

svg.qk-icon.ic-icon(aria-hidden='true', role='img', version='1.1', viewBox='0 0 335 276')

path(d='m302 70a195 195 0 0 1 -299 175 142 142 0 0 0 97 -30 70 70 0 0 1 -58 -47 70 70 0 0 0 31 -2 70 70 0 0 1 -57 -66 70 70 0 0 0 28 5 70 70 0 0 1 -18 -90 195 195 0 0 0 141 72 67 67 0 0 1 116 -62 117 117 0 0 0 43 -17 65 65 0 0 1 -31 38 117 117 0 0 0 39 -11 65 65 0 0 1 -32 35')

span.qk-text @mjavascript

mixin campaignVideo

section.bk-descriptions

div.bk-description

p The first book explains ES6 language features from a practical viewpoint and using tons of code samples

p We’ll be looking at everything from transpilation, destructuring and arrow functions to proxies and generators, but always using plain language and concise code examples that can be applied in real applications.

div.ar-bio-wrapper

section.ar-bio

p

a.ar-link(href='https://ponyfoo.com/articles/tagged/es6', target='_blank') articles covering ES6

a.ar-link(href='https://ponyfoo.com/articles/es6', target='_blank') popular and comprehensive overview

| — I’ve already spent a lot of time thinking and writing about these topics.

p

a.ar-link(href='https://ponyfoo.com/books/javascript-application-design', target='_blank') JavaScript Application Design

a.ar-link(href='https://github.com/bevacqua', target='_blank') contributor

a.ar-link(href='https://ponyfoo.com/speaking', target='_blank') conference speaker

a.ar-link(href='https://nodeconf.com.ar', target='_blank') NodeConf Argentina

| .

p

a.ar-link(href='https://ponyfoo.com/articles/why-i-write-plain-javascript-modules', target='_blank') articles about small modules

a.ar-link(href='https://github.com/bevacqua/dragula', target='_blank') dragula

| .

p Instead of relying on outdated processes or prohibitive file formats, Modular JavaScript relies on AsciiDoc – a language that’s similar to Markdown, but which has a larger set of features especifically designed to make book writing frictionless.

p.os-actions

img.os-image(src='https://i.imgur.com/RjdWVDK.png', alt='')

section.os-section

p The book is publicly available in HTML format, and free forever. Each book chapter is styled similarly to how Pony Foo blog posts are styled, which makes for a fairly enjoyable read as far as HTML books go.

p.os-actions

img.os-image(src='https://i.imgur.com/F41tiVr.png', alt='')

section.os-section

p We’ll start with an Early Release, where you will get the first few chapters in ebook format. As new chapters come out and old ones get improvements, you’ll receive those updates at no extra cost to you. You’ll also get an opportunity to review my writing efforts by reporting errors and delivering feedback.

p.os-actions

svg.os-after(preserveAspectRatio='none', viewBox='0 0 1224 72')

defs