Category: web dev

  • Functions in JavaScript

    As with other languages, functions are a little lumps of code with their own scope. They can optionally take some arguments, and optionally return a value. In JavaScript they often have names, can be passed around as types and have a condensed form suitable for functional programming. Scope Arguments are passed in by value so…

  • CodePen.io

    I quite often leave a link to a GitHub repo to share my source in these posts, and on a few recent ones, a link to a live version of a page on my github.io. In a recent installment of CWD, Andrei shared some previous students’ solutions, and some were hosted on CodePen.io which I…

  • Step Ahead

    I was a bit pleased with myself when I started the next content element in the Complete Web Developer course to find that one and a half of the extensions I’d made to the tutorial app for my own fun were specified as the next task. In my previous post, I’d talked about using a…

  • Web Reference

    There is no shortage of places to reference material to help when developing web apps, including a gazillion tutorials and blog posts (like mine) of various quality, and more importantly – based on the state of play at the time they were written, which could be any time in the last twenty years. I keep…

  • Document Object Model – ToDo

    I’m up to Section 12 of the Complete Web Developer course “DOM Manipulation” and it feels like we’re finally at the stage of pulling everything (HTML, CSS & JavaScript) together to make minimal web apps. Since the course is light on building challenges, I’ve set myself one – to make a simple todo list (the…

  • Are you okay JavaScript arrays?

    As a visitor from sensible type-safe land, this makes me uncomfortable: As I keep learning, I’m interested to find out if JavaScript objects turn out to just be arrays. To get from here to there, you’d just need to be able to use some sort of self[2] notation to access properties from inside the functions.

  • Curse of Backwards Compatibility

    I was listening to a JavaScript podcast today (JavaScript Jabber) and in one of the discussions a point was made about how HTML, CSS and JavaScript have all had to maintain considerable legacy behaviors that compile-able languages do not have to. For instance, when Swift underwent some substantial changes from Swift 2 to Swift 3…

  • Running Javascript in VS Code

    I’ve been using the Live Server plugin to see HTML & CSS updated as I edit, and that will also be useful when I start using Javascript for web development, but as you can see above, I’m not quite up to that. It seemed there should be a way to run JS in VS Code,…

  • 99 CSS Layout challenge

    In the Zero To Mastery Complete Web Developer course, I’m up to the first practical challenge – to use CSS to layout a reasonably standard looking web page using flex-box and grid to make it responsive. Frustratingly, both for writing this, and while I was trying to build the page, I’m unable to screenshot the…

  • HTML 001

    A HTML file is a text file that can be displayed in a web browser. It is marked up in the sense that tags are applied to the text to signify the purpose of that text in the structure of the document. For example: The <h1> tag tells the browser that Greetings is a heading.…