Web Developer Monthly ๐Ÿ’ป๐Ÿš€ September 2020

Andrei Neagoie

27th 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 September as a Web Developerโ€ฆ

Applebot Is Here To Play ๐ŸŽ

This may sound like insignificant news until you dive a little deeper: Applebot is a web crawler. The most famous web crawler Googlebot is what allows Google to index websites and give you hopefully meaningful search results. So why does Apple need an Applebot? Well, for their Siri and Spotlight searches, but this may also mean a possibility that Apple will come out with their own web search to compete with Google (focused on privacy?) soon. Keep an eye (preferably the right eye) on this.

Speaking of crawlers, Googlebot will soon crawl websites using HTTP/2.

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. Checklist to advance within your career and climb that (virtual) corporate ladder
  2. Some free animated icons to use for your projects. And even more icons
  3. Yet another resume builder because who has time to do it themselves?
  4. Copy and paste CSS box shadows
  5. Free HTML templates for your next quick prototype
  6. SVG background generator for your websites, blogs and app
  7. Every single accessibility resource you ever wanted
  8. 16,000 sound effects for you to use for the rest of your life

React News ๐Ÿ’Ž

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

  • Not much going on with the new React 17, but there is an official React blog post about it anyway talking about the new JSX transform and what it is/does. With the new transform, you can use JSX without importing React...speaking of....
  • import React from 'react' may be gone one day.
  • Create React App 4.0 is coming!
  • Have some fun with React for the next hour and create this cool little flip animation. While we are at it, here is another fun idea: popup library.
  • A great React hit piece? Not really, but this is an excellent article talking about some of the pitfalls of React and the Virtual DOM model. It talks about client side, server side, and hydration, all in an attempt to better understand how React works. Some great insights in here. Don't miss this article.
  • Is React becoming a black box? I actually agree with the points made in this article... I miss the good old days where the hardest part of React was memorizing all the lifecycle hooks. Speaking of hooks... kind of agree with this piece: The Ugly Side Of React Hooks (don't hate me).
  • A list of large open source React apps you can take a look through and analyze their code and how they structure large apps.
  • Understand how the new Recoil library everyone is drooling about works.

Maintainable Code ๐Ÿ‘พ

We've all heard about writing maintainable code. However that could mean a million things. Luckily for you, somebody wrote how NOT to write maintainable code. It's a funny read but also teaches you what NOT to do. Check it out here

10 Secret Web APIs ๐Ÿ•ต๐Ÿปโ€โ™€๏ธ

Not exactly a secret, but a list of 10 lesser known but still useful web APIs (I had to grab your attention with a headline somehow). What's your favourite one from this list?

Weekend Project Idea ๐Ÿšจ

For the past few years, I have mentioned how cool Stripe's real time globe animation is. Well, now they have released a blog post to show you how you can build it from scratch using Three.js. An awesome post and a great thing to add to your portfolio simply for that awesome visual.

Want more? How about building a snake game in JavaScript?

New Github Things ๐ŸŽˆ

Ever since getting acquired by Microsoft, Github has been on a tear with new features. Here are a few more: Github Container Registry. It's like the Docker Registry but on Github. It essentially helps you handle containers within GitHub Packages. Read more here. They also officially are out of beta and released Github CLI 1.0. Never have to leave github again.

Speaking of Github, they now have a new Readme feature that developers have been using to create their snazzy developer profiles. For us less excited folk who don't need another social media/resume platform to show off our skills, here is a simple generator for you without all that hassle.

DENOsaurs Assemble ๐Ÿฆ•

Deno may be a little quiet until their next major release, but the community has not stopped growing. We now have mod.land: a free and sleek URL where you can host a free website for your deno project. Another great reason to jump on the Deno bandwagon.

P.S. Deno 1.4 is out!

Blue Green Deployment ๐Ÿ—

Something I learned this month: Blue Green Deployment... despite years in the industry I never bothered to look up what this actually means. This is just a reminder that all those complex sounding jargon are just a small google/wikipedia search away and nobody knows everything.

Now that we all know what Blue Green Deployment means, here is how to do it using Node.js.

JavaScript Tids and Bits ๐Ÿงฉ

A nice refresher on some of the common but hard things you should know if you want to call yourself a true JavaScript Developer. Nice little reading on your next work from home commute.

Is The Web Getting Slower? ๐Ÿฏ

How would you answer this question? The answer may surprise you. The big takeaway? Websites today run more code and are multiple times larger than websites 10 years ago. Still, mobile web โ€“ as experienced by users โ€“ has become slower overall. At the same time, a lot more people now experience the mobile web. This will drag down the overall experience people have with web performance.

Machine Learning in JS ๐Ÿค–

Machine Learning for JavaScript Devs in 10 Minutes. If that title doesn't get you then I don't know what will. Despite the classic headline grab, it's actually a pretty fun read and does a good job of giving an overview of what machine learning looks like using Javascript.

Want to learn more? Here is a full Data Science course using JavaScript.

AVIF I Know What That Is... ๐Ÿค“

If you enjoyed my pun with the title, wait until you actually read this article. AVIF is a new image format on the web that brings with it some great improvements. Read all about it here.

@media (min-width: 768px) ๐Ÿ“ฑ

Everything you ever wanted to know about media queries. Ok, maybe not everything, but it does teach you a cool little trick: To determine if the document matches the media query string in JavaScript, use the matchMedia() method.

How HTTPS Works ๐Ÿ›

A detailed and animated walkthrough of what happens during an HTTPS connection and why have the security baked in. I wish we had more easy to read posts like these in our industry.

Vue 3.0 Things ๐Ÿ”‹

Last month we announced that Vue 3.0 was finally coming. Now that everyone is getting their hands dirty with Vue 3.0, here are some noteworthy features: Github release

Common Security Vulnerabilities ๐Ÿฆนโ€โ™‚๏ธ

If you have taken my Junior to Senior Web Developer Roadmap course, you already know these things, but believe it or not some people go their entire lives without taking that course ๐Ÿ˜ฑ. For those people, here is a quick recap of the most common security vulnerabilities in JavaScript.

ECMAScript 2021 ๐Ÿ’ƒ

Who doesn't like the new and shiny things? Here is a sneak peak of what is coming in 2021 for the JavaScript lovers out there.

Ruby 3.0.0 ๐Ÿ’„

Ruby 3.0.0 preview is out! Some big changes are coming to the languge which you can read all about here. The 2 biggest things being RBS (types in Ruby) and Ractor (concurrency made easy).

Design Is ๐Ÿ”ฅ

The Desgin field is blowing up right now as companies are looking to hire more and more designers. Unlike programming, the path to becoming a designer is a lot less structured with way fewer resources out there. For that reason, we just launched: Complete Web & Mobile Designer in 2020: UI/UX, Figma, +more. You should check it out.

Here is a great resource on the state of prototyping and why it is important.

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:

  • NativeScript 7.0 is out! Angular developers rejoice!
  • Tailwind Ink is an AI palette generator trained with the Tailwindcss colors.
  • Stiches Near-zero runtime, server-side rendering, multi-variant support, and a best-in-class developer experience... or so they say.
  • Moment.js is done. Yep. It's going into retirement (why add new things if it's "done"?).
  • Playwright-cli is possibly the best way to do E2E testing right now. If you are not sure how to do E2E testing, here is a guide for you.
  • New frontend framework because why not? Halfmoon
  • Visx from AirBnB

News Around the World ๐Ÿ—บ

  • I had nothing to put in here for this month (without depressing everyone) so here is the most useful article of all time for this month: New Emoji Added

Big Tech News ๐Ÿข

Completely useless to your career but still great ๐Ÿ™ƒ

Two massive black holes just rattled earth after 7 billion years. Carry on with your day.

Want to become a Linux sysadmin just because the title sounds cool? Well here is a free tutorial.

How the earth looked back in the day.

Best Resource of the Month โœ…

Pace, people, prestige, profit and learning. Sometimes in this fast paced world, we are looking for a fast rise to the top and a daily status check on how successful we are. But perhaps shifting your mentality may benefit you in the future. Here is a reminder for you: A forty year career. This article goes over one of my favourite recipes for success: compound learning.

Once you are so valued at your company, they can't live without you, then maybe you should learn how to negotiate your salary.

Trick of the Month ๐ŸŒ—

See you next month everyone!

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...

This is part 2 of a series of articles for programmers looking to upgrade their ...

Don't be a Junior Developer

Seriously, donโ€™t be a junior developer. A junior developer puts this title in ...

Python Monthly ๐Ÿ’ป๐Ÿ September 2020

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