Hot Web Design and Development Resources – July 2020

Welcome to July’s monthly roundup of Web Design and Development resources. In this month’s edition, the focus is on learning. If you are keen to get into the web development field then I hope you will find the resources helpful. As always there is a little something for everyone. Enjoy!

Productivity

One of the keys to learning productively is to take meaningful notes. The art of taking notes is to take something you have read or heard, simplify it and make it your own. Notes can be in written form, drawings, mind-maps or even voice memos. Using colour can also make it stand out so you can highlight particular key components. Google keep is one particular piece of notetaking software. Head over to 10 Google keep tips and trick to be a more productive learner.

On a more general consensus if you want to learn new skills entirely you can visit 17 Fun Websites to learn something new

Learning Node

If you want to develop an app then you should have an understanding of the infrastructure it runs on. After all, you wouldn’t want to build a house without ever laying bricks! I’ve mentioned Node JS a few times on this blog over the past year. It’s very popular as is the JavaScript language that runs on it. Geek for Geeks wrote an interesting article on the top 8 reasons to learn it.

If you endeavour to try learning node and JavaScript then you should also learn about how to install packages. NPM is a package manager for Node. Very much like your operating systems built-in software store without the GUI. It’s all command-line based but much quicker. FreeCodeCamp published a beginners guide to NPM.

If you are new to any type of programming but don’t understand the opportunities it could bring then here are 17 reasons to learn to code.

Web Design Resources

If you have an interest in web design and have the following skills then why not give it a go. The structure of the web is made up of HTML, CSS and JavaScript. In parallel, we’ll use the building reference that was used above. The HTML is the main structure, the walls of your house. The CSS is the decor, the colours of your walls, furniture etc. JavaScript is the functions. The lights switching on and off, power etc.

As a beginner, you will make mistakes. We all do. It’s only natural and it’s what helps us get better in the long run. Here are some pointers for HTML mistakes not to make to get you started.

Years ago some things were not possible with CSS so therefore web designers used JavaScript to implement transitions, border-radius and animations etc. Take a look at 6 powerful CSS techniques that can be used instead of JavaScript.

New Tools for July 2020

LT Browser is a developer-friendly web browser for testing your apps or websites on different devices. It features a free basic plan that gives you 60 minutes of tests per month, 3rd party app integration and 24/7 support. If it saves you time in the long run it may be beneficial to get a paid plan. The basic plan allows you to road test it first.

Checkout LT Browser

Code Inspector is an Open Source static analysis tool for JavaScript and TypeScript Code. It can be used within the VS Code environment to analyse the code you write ensuring that its setup as expected.

Checkout Code Inspector