2018.01.02

Title: 2018.01.02

Industry Conferences

First Ant Experience Technology Conference https://seeconf.alipay.com/
Attachments: Ant Financial SEE Conf 2018 Highlights, Conference Experience.
The conference also launched a knowledge‑creation tool: Yuque (http://yuque.com/). If you need to write documentation or build a team knowledge base, check it out.

Deep Reading

Roadmap of Web Applications on Mobile https://www.w3.org/2018/01/web-roadmaps/mobile/ – hoping it arrives a bit sooner.

Aurelia 2018 Roadmap http://blog.aurelia.io/2018/01/03/aurelia-2018-roadmap/ – Platform features and capabilities, Server‑Side Rendering (SSR), Aurelia UX, Web Component export, single‑file components…

Front‑End Performance Checklist 2018 https://www.smashingmagazine.com/2018/01/front-end-performance-checklist-2018-pdf-pages/ – If we created an overview of everything we need to keep in mind when improving performance—from the very start of the process to the final release—what would that list look like? Below you’ll find a (hopefully unbiased and objective) front‑end performance checklist for 2018, covering the issues you might need to consider to ensure fast response times, smooth user interaction, and bandwidth‑friendly sites.

Ember Timer Leaks: The Bad Apples in Your Test Infrastructure https://engineering.linkedin.com/blog/2018/01/ember-timer-leaks – This piece discusses test stability and mentions Ember in particular. While the topics apply to all single‑page applications (SPAs), the article is written from an Ember perspective because that’s the framework of choice at LinkedIn.

An Audit of Boomerang’s Performance https://calendar.perfplanet.com/2017/an-audit-of-boomerangs-performance/ – Boomerang’s mission is to measure every aspect of the user’s experience without affecting page load time or causing a noticeable degradation (avoiding the observer effect). It can be loaded asynchronously so it never delays the page, even if boomerang.js is unavailable. This post provides an honest audit of the total “cost” Boomerang adds to a page it measures.

[Translation] Pinterest’s PWA Practice https://mp.weixin.qq.com/s?__biz=MzIwNjQwMzUwMQ==&mid=2247485707&idx=1&sn=60de1fcd951f76e1c057421bb8d02130 – Pinterest uses a PWA for its new mobile web experience. The article explains how Pinterest keeps the JavaScript bundle lean and uses Service Workers to maintain network resilience, ensuring fast loading on mobile devices.

Node.JS – Best of 2017 https://codeburst.io/node-js-best-of-2017-6f81f4ccfea – Also see: React & React Native – Best of 2017, Top Pens of 2017 on CodePen, JavaScript 2018: Things You Need to Know, and a Few You Can Skip

The Rise Of The State Machines https://www.smashingmagazine.com/2018/01/rise-state-machines/ – It’s already 2018, and countless front‑end developers are still battling complexity and immobility. Month after month they’ve searched for the holy grail: a bug‑free application architecture that lets them ship quickly and with high quality. I’m one of those developers, and I’ve found something interesting that might help.

8 Best Practices for Perfect CSS Documentation https://webdesign.tutsplus.com/articles/css-documentation-best-practices--cms-30139 – In this article I explain the benefits of documenting CSS and share the best practices my team at Bitovi follows so that documentation works for you—not the other way around. Let’s dive in.

Sapper: Towards the Ideal Web App Framework https://svelte.technology/blog/sapper-towards-the-ideal-web-app-framework – Sapper is a Next.js‑style framework that aims to satisfy the eleven criteria listed at the top of this article while dramatically reducing the amount of code sent to the browser. It’s implemented as Express‑compatible middleware, making it easy to understand and customize.

SQL Keys in Depth https://begriffs.com/posts/2018-01-01-sql-keys-in-depth.html – The internet is full of dogmatic commandments about choosing and using keys in relational databases. At times it borders on a holy war: natural vs. artificial keys, auto‑incrementing integers vs. UUIDs, etc.

Good Books for Deep Hacks https://begriffs.com/posts/2017-04-13-longterm-computing-reading.html – These books are emphatically not about “cracking” coding interviews or other brain‑teasing exercises. They focus on intrinsically interesting topics. I’ve omitted the usual suspects like SICP, TAOCP, or CLRS—my selections are higher‑level guides for diving into fun, deep hacks.

Ten Things I Wish I’d Known About Bash https://zwischenzugs.com/2018/01/06/ten-things-i-wish-id-known-about-bash/ – Here I focus on the things that either confused me or dramatically increased my power and productivity in Bash, and I try to present them (as in my book) in a way that emphasizes solid understanding.

Designing a Memorable LOGO https://mp.weixin.qq.com/s?__biz=MTEwNTM0ODI0MQ==&mid=2653435075&idx=1&sn=1191fc2ec2a0fd74fe3197031b34b25b – A LOGO (i.e., a trademark) is the most important graphic or typographic symbol in a brand identity and is gaining increasing importance in today’s fierce market competition. A great LOGO helps users quickly remember the product and conveys brand culture. This article discusses the four components of a LOGO (color + shape + personality + meaning) and offers simple advice on creating a memorable LOGO.

What Can You Learn from Years of Studying Netflix’s Microservice Architecture? https://mp.weixin.qq.com/s?__biz=MzIwMzg1ODcwMw==&mid=2247487304&idx=1&sn=147bbf10cb316350e3e4a5ac612378db – Netflix is an industry exemplar for microservices and DevOps, with large‑scale production‑grade microservice success stories. Most of its tech stack is open source, well‑modularized, and serves as a template. Rich technical material is available via the company’s tech blog or Slideshare. This article is the author’s summary of years of research on Netflix’s technical resources—a comprehensive reverse‑engineering of Netflix’s microservice architecture.

Difference Between a Web Developer and a User Interface Developer http://codecondo.com/difference-between-a-web-developer-and-user-interface-developer/ – Both UI developers and web developers are important. They work differently but aim for the same result: solving technological problems. Their level of expertise creates the professional distinction between the two roles.

12 Mobile UX Design Trends for 2018 https://uxplanet.org/12-mobile-ux-design-trends-for-2018-5b4ce7e8445f – Things move quickly in the mobile app world. To succeed in mobile UX design, designers must anticipate upcoming challenges. To simplify the task, I’ve listed the biggest, most impactful trends for 2018—and likely beyond.

Fresh Finds

Many Packages Suddenly Disappeared https://github.com/npm/registry/issues/255 – Another major npm registry incident.

Time‑Travelling Exploits with Meltdown [h

(content truncated)

---

Originally written by Ping Xia (平侠) and published in Chinese on Web技术周刊 (Web Tech Weekly). Translated and adapted for DriftSeas with permission.