JavaScript is everywhere. In the old days, being a JavaScript developer meant that you were a front end web developer. Forever bound to the browser. Those days are gone. The rise of Node.js ushered in a new era. An era where being a JavaScript developer
Nowadays, with any Web app you build, you have dozens of architectural decisions to make. And you want to make the right ones: You want to use technologies that allow for rapid development, constant iteration, maximal efficiency, speed, robustness and more. You want to be
Ladies and gentleman, I would like to introduce you to Know It All, a tool to help you discover what you don’t yet know about web development. A few months ago I was lucky enough to come down with a brain-nibbling virus that has made
The MEAN stack (MongoDB, Express.js, Angular.js, Node.js) is now being heralded as the new LAMP (Linux, Apache, MySQL, PHP), the preferred technology stack for startups. MEAN is certainly a great technology choice for organizations (particularly startups) seeking to rapidly prototype a capability. However, like all
Shadow DOM v1: Self-Contained Web Components TL;DR Shadow DOM removes the brittleness of building web apps. The brittleness comes from the global nature of HTML, CSS, and JS. Over the years we’ve invented an exorbitant number of tools to circumvent the issues. For example, when
If you build Web sites, you probably use Javascript libraries. If so, you are probably grateful to the nameless heroes who make these libraries not suck. One common problem these brave soldiers of the Web have to face is encapsulation. You know, one of them
15 Must-Know Chrome DevTools Tips and Tricks Danny Markov March 25th, 2015 Google Chrome is the most popular web browser used by web developers today. With a quick six week release cycle and a powerful set of ever expanding developer features turned the browser into
Also known as DevTools, Chrome Developer Tools is an essential component of any frontend developer’s toolkit. Being able to master this handy in-browser tool will greatly enhance your coding workflow. DevTools comes with a great deal of features, and to take advantage of them, it’s
Animation in Design Systems Our modern front-end workflow has matured over time to include design systems and component libraries that help us stay organized, improve workflows, and simplify maintenance. These systems, when executed well, ensure proper documentation of the code available and enable our
Are you using progressive booting already? What about tree-shaking and code-splitting in React and Angular? Have you set up Brotli or Zopfli compression, OCSP stapling and HPACK compression? Also, how about resource hints, client hints and CSS containment — not to mention IPv6, HTTP/2 and service
Difference between MVC, MVP And MVVM MVC, MVP, and MVVM are some of the common patterns to guide programmers toward creating decoupled solutions. The software behaviors that are common to MVC, MVP, and MVVM are: 1)Data Layer / Business Logic (Model): This is the
About http://caniuse.com/ “Can I use” provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers. The site was built and is maintained by Alexis Deveria, with occasional updates provided by the web development community. The design used as
The CSS3 Flexible Box, or flexbox, is a layout mode providing for the arrangement of elements on a page such that the elements behave predictably when the page layout must accommodate different screen sizes and different display devices. For many applications, the flexible box model
