Issue #9 - Understand how browsers work, open codespaces from GitHub repo, primitive values in JavaScript, and some boring avatars for your app
Dive into the art of Frontend Engineering, learn about the journey of a web page, make interactive web animations with SVG, generate random artwork for your apps, and see if you really know JavaScript strings.
Tip of the day
GitHub has added a new web-based editor with codespaces that can be accessed by pressing ( . ) on any repository on GitHub. It allows you to browse the code and make and commit code changes and many other features of Visual Studio code. Check out how the Scriptified repo looks like with it.
null
Articles
The art of Frontend Engineering
As the web continues to expand how does Frontend Engineering fit into this landscape and what makes a Frontend Engineer great?
*by *
Journey of a web page 🛣️ - How browsers work
We are accustomed to opening a webpage in the browser and then almost instantaneously interacting with it. But have you ever wondered what happens behind the scenes in-between you entering a web address in a browser and a web page showing up as a result? Explore with Paulo this and many other questions regarding the journey of a web page in this article.
by Paulo Santos
Tools
Generate abstract geometric art using a delightful free tool. Includes 11 different styles and a ton of customization.
by Sy Hong, Ye Joo Park
Boring avatars is a tiny JavaScript React library that generates custom, SVG-based, round avatars from any username and color palette.
by Hayk An, Josep Martins
Tech Talks
Interactive web animation with SVG
Explore with Cassie how you can create interactive animations SVG, and how they provide a link from the world of design to the world of Frontend Development.
Quiz
What will be the output of the below snippet?
let foo = 'bar';
foo[2] = 'z';
console.log(foo);
This week in GIF
Liked this issue? Share on Twitter or read previous issues.