site icon

Hi, I’m Chris

I am a web developer teaching
regular people how to code

~ Welcome to my blog ~

Jargon Explained For New Developers

In the web dev world, we use a lot of jargon and technical words. Sometimes the words make sense, but sometimes as a beginner, a simple explanation is needed. That is the aim of this blog post. To provide a simple "Tweet" sized description to get you going.

Once you get more comfortable, you can look into the subjects more deeply.

Please note-This post is a collection of my Jargon Buster Tweets, more will be added as I create them!

Server :

~ Client-Server ~

Client= makes a request (browser, phone etc) for a resource, i.e. requesting a web page we want to view.

Server= provides the resources or services the client needs, such as our web page which it will send back to the client if it has it.

~ HTTP Request ~

When a client makes a request, such as requesting a web page, this is called a HTTP request, HTTP stands for HyperText Transfer Protocol

This is the standard or procedure used when transferring hypertext data across the web.

~ Common HTTP Request types ~

GET= Retrieve / request data

POST= Submit data (add to Database etc)

PUT= Create or replace data if already exists (update)

DELETE= Delete data

~ Server Status Codes ~

When the server responds it will also respond with a status code too, there are may different responses, but here are some examples:

200= Successful request

301= Resource has been moved

401= Unauthorized client

404= Not found

HTML

~ Semantic elements ~

These are HTML elements which clearly describe their contents.

I.e the <header> element clearly tells the browser, screenreader etc that it contains a header.

Some others include nav, article, section, footer, main, aside

Javascript

~ Async & Defer ~

When loading Javascript from a script tag like this:



<script src="script1.js" async></script>

You may have noticed the async or defer keywords added.

Want to know what are they and what do they do?:

ASYNC

- Script downloads with HTML content.

- Browser attempts to render the page during download.

- Runs as soon as download finished.

- No guarantee scripts will run in source order / won't stop content from displaying.

- Use with multiple scripts which don't rely on each other


DEFER

  • Will load multiple scripts in order.
  • Does not block page content from rendering.
  • Scripts will run as soon as both the page content, and scripts have finished downloading.
  • Best to use with multiple scripts which need to run in order.

~ The Return Keyword ~

The return keyword will stop the function from running, at any point used, often useful when combined with an if statement.

Can also be used to “send back” a value from the function.

Demo:

https://codepen.io/chrisdixon161/pen/pogOQjQ


- By Chris Dixon

Chris Dixon is a web developer and teacher. Teaching thousands of students mainly in Vue.js React.js, WordPress and web development.