# Jacopo Tarantino Thoughts, stories and ideas. This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles. ## Frameworkless JavaScript Part 3: One-Way Data Binding DevFeed: [Frameworkless JavaScript Part 3: One-Way Data Binding]() Original publisher: [Read original article]() Author: Jack Tarantino Published: 2018-02-26T00:43:11Z Content type: tutorial Language: en Sources: [Jacopo Tarantino]() Topics: [JavaScript](), [Vanilla JavaScript](), [data](), [Document Object Model (DOM)](), [proxy](), [React](), [Angular](), [Ember]() Tags: [angular](), [callback](), [code](), [developers](), [ember](), [javascript](), [re](), [react]() ### AI overview A tutorial on implementing one-way data binding in frameworkless JavaScript using native APIs, the DOM, ES6 Proxy objects, and callbacks. It explains how to update DOM content when data changes and works toward reusable node and proxy constructors. ### Source excerpt This article is one in a series about writing client-focused JavaScript without the help of libraries and frameworks. It's meant to help developers remember that they can write good code on their own using nothing but native APIs and methods. For more, check out the original article on writing small ## Web development with nothing but a phone and a keyboard DevFeed: [Web development with nothing but a phone and a keyboard]() Original publisher: [Read original article]() Author: Jack Tarantino Published: 2017-09-14T20:17:11Z Content type: opinion Language: en Sources: [Jacopo Tarantino]() Topics: [Web Development](), [Development]() Tags: [aws](), [dev](), [iphone](), [keyboard](), [laptops](), [life-hacks](), [programming](), [remote-work](), [slack](), [web-development]() ### AI overview A personal commentary about reducing the weight of a work backpack by leaving a client laptop in a locker and considering whether a phone and keyboard can replace a personal laptop for notes, chat, and limited development work. ### Source excerpt Recently I started a gig where I was handed a laptop and told I should take it home with me at night. Now this isn't the worst thing ever but I was already carrying one laptop with me (my personal/work laptop as opposed to the one given to me ## Calendar Tetris is an antipattern DevFeed: [Calendar Tetris is an antipattern]() Original publisher: [Read original article]() Author: Jack Tarantino Published: 2017-06-12T17:55:10Z Content type: opinion Language: en Sources: [Jacopo Tarantino]() Topics: [meetings]() Tags: [agile](), [antipattern](), [best-practices](), [calendar-tetris](), [meetings](), [productivity](), [scheduling]() ### AI overview The article argues that "Calendar Tetris"--an overloaded calendar requiring constant rescheduling and causing frequent double-booking--harms lunch breaks and productivity. It discusses how meetings and interruptions can contribute to cognitive errors and lost working time, and questions the assumption that managers and senior employees must attend every meeting. ### Source excerpt It's time that we took back our work day from our calendars and Calendar Tetris is the first thing that has got to go. Calendars are a tool and like every tool they should be used appropriately. What is "Calendar Tetris"? Does your calendar look like a Jackson Pollack painting? ## When to pair program DevFeed: [When to pair program]() Original publisher: [Read original article]() Author: Jack Tarantino Published: 2017-03-14T20:59:32Z Content type: opinion Language: en Sources: [Jacopo Tarantino]() Topics: [pair\_programming](), [Development](), [Code quality]() Tags: [best-practices](), [bugs](), [development](), [pair-programming](), [pairing](), [process](), [programming](), [quality]() ### AI overview An opinion article examines when pair programming is useful. It describes pairing as an Extreme Programming practice and argues that working with a peer can improve software quality, reduce bugs, and limit technical debt. ### Source excerpt This post is another one brought to you by the good people at InRhythm. If you're an engineer that likes writing and building strong, happy culture focused on learning and growth you should apply! I like working with smart, passionate people :). Lots of companies embrace pair programming as a way ## Frameworkless JavaScript Part 2: Templates and Rendering DevFeed: [Frameworkless JavaScript Part 2: Templates and Rendering]() Original publisher: [Read original article]() Author: Jack Tarantino Published: 2017-01-08T18:19:00Z Content type: tutorial Language: en Sources: [Jacopo Tarantino]() Topics: [Vanilla JavaScript](), [JavaScript](), [Code](), [Framework]() Tags: [best-practices](), [code](), [frameworks](), [how-to](), [javascript](), [templates](), [templating](), [vanilla-javascript]() ### AI overview This tutorial explains how to implement basic HTML templating and string interpolation with vanilla JavaScript, using native APIs and methods instead of libraries or frameworks. ### Source excerpt This article is one in a series about writing client-focused JavaScript without the help of libraries and frameworks. It's meant to help developers remember that they can write good code on their own using nothing but native APIs and methods. For more, check out the original article on writing small ## Empire Node 2016 DevFeed: [Empire Node 2016]() Original publisher: [Read original article]() Author: Jack Tarantino Published: 2016-11-08T22:57:34Z Content type: article Language: en Sources: [Jacopo Tarantino]() Topics: [code style](), [ESLint](), [React](), [Redux](), [MongoDB](), [Promise](), [CommonJS](), [middleware]() Tags: [callback](), [code](), [code-style](), [commonjs](), [empire-node](), [eslint](), [javascript](), [modules](), [mongodb](), [new-york-city](), [node-js](), [react](), [redux]() ### AI overview Notes from Empire Node 2016 cover talks about HyperTerm and its React and Redux plugin architecture, ESLint rules and coding practices, and MongoDB, along with other programming topics. ### Source excerpt Yesterday I had the good fortune to attend Empire Node at The National Museum of the American Indian, courtesy of InRhythm. A good time was had by all and we got to see some great talks! There was programmable music, smart ways to get into code style linting and, of ## Why developers should consider WordPress instead of building a custom CMS DevFeed: [Why developers should consider WordPress instead of building a custom CMS]() Original publisher: [Read original article]() Author: Jack Tarantino Published: 2016-05-18T00:20:36Z Content type: opinion Language: en Sources: [Jacopo Tarantino]() Topics: [WordPress](), [Content Management System](), [Programming](), [Software]() Tags: [best-practices](), [cms](), [developer](), [programming](), [software](), [wordpress]() ### AI overview This opinion article argues that developers should avoid building a custom CMS for a simple content site when established options such as WordPress already solve the problem. It frames this recommendation as an application of pragmatic software principles, including avoiding duplicated work and keeping solutions simple. ### Source excerpt If that title left you feeling a bit indignant, this post is just for you. After consulting with my Nth company running a content site and watching them struggle to design, develop, and maintain their own CMS, I think it's time to admit this: I'm not better than WordPress. None ## Supporting Smaller Audiences Through a Browser Support Matrix DevFeed: [Supporting Smaller Audiences Through a Browser Support Matrix]() Original publisher: [Read original article]() Author: Jack Tarantino Published: 2016-05-13T23:06:31Z Content type: article Language: en Sources: [Jacopo Tarantino]() Topics: [browsers](), [Software Engineering](), [web applications]() Tags: [best-practices](), [browser-support](), [browsers](), [mobile](), [programming](), [software-design](), [web-app]() ### AI overview The article argues that companies should support smaller user groups through graded levels of browser and environment support rather than treating platforms as simply supported or unsupported. It describes a browser support matrix and explains how excluding users on certain devices or without smartphones can cost businesses customers and prospective hires. ### Source excerpt or "How I learned to stop worrying and love all browsers the same as long as they came out kinda recently" Time and time again I've seen companies ignore smaller audiences that use their product because those audiences are not the main/target/primary audience. At a recent job they ## Developing small JavaScript components WITHOUT frameworks DevFeed: [Developing small JavaScript components WITHOUT frameworks]() Original publisher: [Read original article]() Author: Jack Tarantino Published: 2016-04-17T20:11:45Z Content type: tutorial Language: en Sources: [Jacopo Tarantino]() Topics: [Vanilla JavaScript](), [Web Development](), [Frameworks]() Tags: [best-practices](), [code](), [developers](), [frameworks](), [javascript]() ### AI overview This tutorial argues that small JavaScript components can often be built with vanilla JavaScript instead of frameworks, plugins, and other tooling. It uses a programmatically generated employee list for a corporate homepage to examine the problem scope and question whether heavier tools are necessary. ### Source excerpt You too can write vanilla JavaScript! A mistake that a lot of developers make when they first approach a problem (me included!) is to start thinking about the problem from the top down. They start thinking of the problem at hand in terms of frameworks and plugins and pre-processors and ## Clarity Conf Day 2 Notes DevFeed: [Clarity Conf Day 2 Notes]() Original publisher: [Read original article]() Author: Jack Tarantino Published: 2016-04-01T19:31:05Z Content type: article Language: en Sources: [Jacopo Tarantino]() Topics: [Design system](), [border-image](), [Web Development](), [color]() Tags: [animation](), [best-practices](), [clarity-conf](), [css](), [design-systems](), [documentation](), [front-end](), [notes](), [style-guide](), [styleguide-driven-development]() ### AI overview Incomplete personal notes from day two of Clarity Conf, covering design systems and Rachel Nabors's talk on creating consistent, maintainable animation systems. The notes mention style guides, animation language, timing, easing, patterns, and performant CSS properties. ### Source excerpt Here's my notes from day 2 of Clarity Conf. Again, apologies to the speakers whom I'm certain I misquoted and probably misrepresented. These are very incomplete. Please send me a message or say 'hi' in person with any changes. Jina Anne designsystems.herokuapp.com <- get invited to the ## Clarity Conf Day 1 Notes DevFeed: [Clarity Conf Day 1 Notes]() Original publisher: [Read original article]() Author: Jack Tarantino Published: 2016-04-01T17:28:56Z Content type: article Language: en Sources: [Jacopo Tarantino]() Topics: [Design system](), [Frameworks](), [Material Design]() Tags: [best-practices](), [clarity-conf](), [code-style](), [design](), [design-systems](), [front-end](), [guides](), [style-guide](), [styleguide-driven-development]() ### AI overview Notes from the first day of Clarity Conf covering style guides, design systems, pattern libraries, responsive design, and the practical reasons organizations adopt more consistent interfaces and workflows. ### Source excerpt Here are my notes from day 1 of Clarity Conf. Apologies in advance to the speakers whom I am certain I misquoted and misrepresented. Also if I missed things. Also for having some personal stuff just in the middle of there. Also because there's probably like 90 typos. I may ## Over-delegating JavaScript events DevFeed: [Over-delegating JavaScript events]() Original publisher: [Read original article]() Author: Jack Tarantino Published: 2016-01-27T03:33:40Z Content type: tutorial Language: en Sources: [Jacopo Tarantino]() Topics: [JavaScript](), [Web Development](), [interactive web experiences]() Tags: [best-practices](), [javascript](), [overhead](), [scope](), [triggers]() ### AI overview The article explains that JavaScript event delegation is useful for handling events from many nodes with one listener, but delegating too high in the DOM can run unnecessary callbacks and allow events to affect unrelated components. It recommends scoping listeners to the nearest appropriate parent and stopping further propagation to reduce unintended behavior and overhead. ### Source excerpt Delegating event listeners in JavaScript is generally a good practice. It allows us to create only one event listener for events that might be triggered on a variety of nodes and across multiple contexts. If we're just looking to listen for any given click on a page it would be ## Multiline strings in ES6 JavaScript DevFeed: [Multiline strings in ES6 JavaScript]() Original publisher: [Read original article]() Author: Jack Tarantino Published: 2015-11-29T23:59:53Z Content type: tutorial Language: en Sources: [Jacopo Tarantino]() Topics: [JavaScript](), [es6](), [Template]() Tags: [best-practices](), [es6](), [javascript](), [string](), [template](), [template-strings](), [templates]() ### AI overview A tutorial on ES6 Template Strings in JavaScript, covering multiline strings, interpolation, tagged template strings, and older ES5 techniques for writing multiline strings. ### Source excerpt The new kid in town is called Template Strings. Template Strings are demarked by a backtick(`) on either end and can contain other backticks if they are escaped by a backslash(ie. let my_string = `some cool \`escaped\` thing`). This new kind of primitive in JavaScript is different from ## ES6 IIFE with fat arrow functions DevFeed: [ES6 IIFE with fat arrow functions]() Original publisher: [Read original article]() Author: Jack Tarantino Published: 2015-11-29T17:45:39Z Content type: tutorial Language: en Sources: [Jacopo Tarantino]() Topics: [es6](), [es2015](), [function](), [syntax]() Tags: [best-practices](), [closure](), [context](), [es2015](), [es6](), [function](), [javascript](), [syntax]() ### AI overview This tutorial explains how to write Immediately Invoked Function Expressions (IIFEs) in ES6 using fat arrow functions. It compares shorter syntax options, notes differences in function context, and describes a compact form for creating closures that cannot accept arguments. ### Source excerpt Writing Immediately Invoked Function Expressions or IIFEs in ES6(Also known as ES2015 now) just got a lot easier with the introduction of fat arrow functions. (global => { const MY_CONSTANT = 'api key or something' let counter = 0 let some_array = [1,2,34,5,6,7] counter = some_array.