Lessons learned building an ASCII tree folder generator

link: https://xqgvz.csb.app/


Stop writing error-prone URL strings and level up with a JavaScript object for manipulating URLs in code.

const url = 'http://example.com/movies'; 
fetch(url)
.then(response => response.json())
.then(data => console.log(data));


Level up with an advanced HTML element to help you create options lists for text inputs

Make the list dynamic


My firsthand experience with the “Social Credit” system in the Peoples’s Republic of China.

The closest I could get to a photo of ChengYun. Credit:: iStock

Re-write your scrolling functions for better performance.

credit: Denys Nevozhai, unsplash.com
  1. Sticky navigation bars
  2. Live table of contents
  3. Some scrolling effects


A library for Serverside-rendered React, with data from a .NET Core backend.


Level up as a web developer by using more advanced HTML markup

Credit: unsplash.com


The most common headers that you will need to recognize as a web developer to communicate fluently with a remote API.


Use semantic HTML to make your web page easier to understand for users of your site who don’t look like you.

Image of basic semantic HTML, credit: https://seekbrevity.com/semantic-markup-important-web-design/

Why HTML?


Introduction to important categories and concepts

Alex Zito-Wolf

Product Manager + Software Developer. Interested in Travel, Culture, and the Internet.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store