Web Developer Monthly 💻🚀 October 2020

Andrei Neagoie

Andrei Neagoie

28th issue! If you missed them, you can read the previous issues of our Web Developer Monthly newsletter here.

If it’s your first time here… (otherwise, skip this part)

Being a web developer is a fantastic career option. You have many job opportunities, you can work around the world, and you get to solve hard problems. One hard thing, however, is staying up to date with the constantly evolving ecosystem. You want to be a top-performing web developer, coder, programmer, software developer, but you don’t have time to select from hundreds of articles, videos and podcasts each day.

This monthly newsletter is focused on keeping you up to date with the industry, keeping your skills sharp, without wasting your valuable time. I will be sharing the most important articles, podcasts and videos of the month. Think Tim Ferriss and the Pareto Principle (80/20 rule) meeting the Software Development world. What’s the 20% that will get you 80% of the results?

If you want to be the first to get next month's issue of Web Developer Monthly and receive other exclusive ZTM content once in a while, subscribe below 👇

What you missed in October as a Web Developer…

Static Webhosting Benchmark 🏆

Here is something interesting this month. This person decided to test out the most popular static hosting options: AWS, Google, Firebase, Netlify, GitHub & Cloudflare. Guess which option is the best for you to host your next blog?

Big takeaway: If you want a fast website without breaking the bank, go for GitHub Pages. It’s completely free and super fast. It does, however, require you to open source your site. Some of the other results may surprise you.

Free Tools For Web Developers ✂️

Some tools and assets to help you build your next project since we are best friends by now (unless this is your first time reading my articles… in that case let’s take things slow):

  1. Customizable free icon pack. And here is another one.
  2. Play and test out your TailwindCSS components
  3. Free audio and music to use for your projects
  4. Nice little loader generator
  5. 3D shapes for your next shaping needs
  6. Create beautiful infrastructure diagrams
  7. CSS Background patterns to look trendy
  8. You like the above patterns? Then you're going to love this one too

React News 💎

Mostly everyone's favourite frontend library. What crazy things have they been up to?

New Competitor In The House 👾

Node and Deno, it's time for you to meet the new entrant in the arena: Elsa. Elsa is a minimal, fast and secure runtime for JavaScript and TypeScript written in Go (and doesn't use the v8 engine like the others). Deno, is written in Rust and Node in C++. Let's see where the future goes (my money is on Deno).

Svelte VS React 🤼

An excellent article on when to use React and when to use Svelte. I'm seeing a general trend in more and more Svelte usage for simpler static websites. As the article suggests, Svelte for Sites, React for Apps may become a thing. The creator of Svelte also did a little preview of what's coming in Svelte (no more Snapper).

While we are on the topic: Vue vs React 🤼‍♂️

Gatsby, More Like Badsby 💁‍♂️

Some interesting points raised in the article and the discussion on some of the bad points of GatsbyJS. The battle between Next.js, Svelte and Gasby for static websites is heating up.

Ps Next.js is getting into the Static site generator game.

New Github Things 🎈

It seems like very month there is something new coming out of Github. This month is no exception. Meet Github Code Scanning. So what is it? It scans code as it’s created and surfaces actionable security reviews within pull requests and other GitHub experiences you use everyday, automating security as a part of your workflow. This helps ensure vulnerabilities never make it to production in the first place.

Getters And Setters 👩‍🎤 🧑‍🎨

Quick: what are the benefits of having getters and setters in your classes? You may have seen them being used in JavaScript but do you know why there are useful? This is a bit of a deep dive but an interesting discussion around this topic that you won't find in many places (and also applies to other programming languages).

A New JavaScript Trend 🦋

An interesting trend in the world of JavaScript. More and more tools are being built with programming languages other than JavaScript for the JavaScript ecosystem to take advantage of some of the performance and security benefits. Some of the main ones:

Build tools and compilers:
esbuild – Go: JavaScript bundler and minifier. It packages up JavaScript and TypeScript code for distribution on the web.
swc – Rust: JavaScript/TypeScript compiler
Google Closure Compiler – Java: JavaScript checker and optimizer

Linters and code formatters:
RSLint – Rust: JavaScript linter
Flow – OCaml: static typechecker for JavaScript
dprint – Rust: code formatting platform

Managing command line tools:
Fast Node Manager (fnm) – Rust: Node.js version manager
Volta – Rust: manage JavaScript command-line tools such as node, npm, yarn.

Full Bleed Layout 🧛‍♂️

Since its Halloween month, I had to add this article just for the title. But this shows an interesting trick that I bet you never thought about using CSS Grid. Research has shown that the ideal line length in a web page is about 65 characters... so how do we take advantage of this information? Read the article!

CDN Anti Pattern 🚧

An interesting look at how importing a JS library through a third party CDN may be an anti pattern. You may have seen something like this:

<script src="https://cdn.example.com/js/library-v1.2.3.js"></script>

Can you think of the benefits in doing this? How about the downsides? Here are the answers.

An Important Reminder 🤓

Be prolific Share your work Get better by creating more Eat your broccoli

MDN Docs Evolve! 🐌

Everyone's favourite JavaScript Documentation website, MDN is getting a new facelift. For most people you won't notice the difference, but to contributors, they are now changing the way things work. Check out the internal architecture and setup that they have now.

Modern Day Design Patterns 🏛

Although this is just a brief overview, there are some important Design Patterns you should be aware of when it comes to modern architecture in today's software world. Learn about: Circuit Breaker, CQRS, Event Sourcing, Sidecar, Backend-for-Frontend, and Strangler

Rust vs JavaScript 🔋

This is a refreshing look at the world of JavaScript and the world of Rust and how they fit into the web development world. Don't bother diving too deep into the code, but you can skim through this article and I guarantee you, you will learn something interesting and new.

Trick To Improve DB Performance 💃

We tend to rely on caching solutions to improve database performance. Caching frequently-accessed queries in memory or via a database can optimize write/read performance and reduce network latency, especially for heavy-workload applications, such as gaming services and Q&A portals. But you can further improve performance by pooling users’ connections to a database.

Make Money Building Libraries 💰

Next time you think building a JavaScript Library is a waste of time, a reminder that a project that got started as a simple JS library just got bought for $3.2billion.

Speaking of libraries...

Discover The Best Libraries 🏅

How can you decide which 3rd party JS library should be used in your project? Check out Skypack Discover. Discover combines human-reviewed package recommendations with a quality-focused search algorithm to help you find the best JavaScript packages.

New/Updated Libraries 🗿

Just because we had a ton of these this month, I've added them into this section. Check out these shiny new things:

  • Everyone's favourite library that is used everywhere but 99% of people (myself included) have no idea/patience to ever dive deep into the configurations (thank you pre built CLI tools) got a big update: Webpack 5.0
  • NPM 7 is here with some exciting features like workspaces and automatic peer dependency installs.
  • Node 15 is here!. It includes NPM 7 and experimental QUIC (more on this later in this newsletter)
  • JavaScript Music Generator Library

News Around the World 🗺

  • An Excel error caused 16,000 COVID results to be missed in England. Oops.

Big Tech News 🏢

Completely useless to your career but still great 🙃

Best Resource of the Month ✅

Woa! For this month, instead of an artice, I have a video for you. The story of Adobe. Whether we are talking about Flash, or Photoshop, or any of their other products, Adobe has had a tremendous impact on the web development world. Here is a look at their contributions and history. It's super interesting and you will learn a thing or two.

Trick of the Month 🌗

If you haven't already, subscribe below to receive Web Developer Monthly next month along with exclusive ZTM posts and offers. If you're already subscribed, please share it with someone (use those little widgets on the left) who might find it useful, they'll love you and so will we!

By the way, my full-time job is to teach people how to code and get hired in the most efficient way possible as the Lead Instructor of Zero To Mastery Academy. You can see a few of my courses below or see all of my courses by visiting the courses page.

More from Zero To Mastery

The Developer’s Edge: How To Become...

Part 2. Do you want to be considered a Senior Developer and want to excel in you...

Don't be a Junior Developer

Don’t sell yourself short. Seriously, don’t be a Junior Developer. A Junior Deve...

Python Monthly 💻🐍 October 2020

11th issue of Python Monthly! Read by 20,000+ Python developers every month. Thi...