As the brief tells us that we must be able to understand slightly on how code works. This is great for me as that I have studied Computer Science for the last three years, so this will play in my advantage greatly.

In computing, source code is any collection of computer instructions (possibly with comments) written using some human-readable computer language, usually as text. The source code of a program is specially designed to facilitate the work of computer programmers, who specify the actions to be performed by a computer mostly by writing source code. The source code is often transformed by a compiler program into low-level machine code understood by the computer. The machine code might then be stored for execution at a later time. Alternatively, an interpreter can be used to analyze and perform the outcomes of the source code program directly on the fly. Most application softwares are distributed in a form that includes executable files, but not their source code. If the source code were included, it would be useful to a user, programmer, or system administrator, who may wish to modify the program or to understand how it works. Aside from its machine-readable forms, source code also appears in books and other media, often in the form of small code snippets, but occasionally complete code bases, a well-known case is the source code of PGP.

Source code is primarily used as input to the process that produces an executable program (i.e., it is compiled or interpreted). It is also used as a method of communicating algorithms between people (e.g., code snippets in books). Computer programmers often find it helpful to review existing source code to learn about programming techniques. The sharing of source code between developers is frequently cited as a contributing factor to the maturation of their programming skills. Some people consider source code an expressive artistic medium. Porting software to other computer platforms is usually prohibitively difficult without source code. Without the source code for a particular piece of software, portability is generally computationally expensive. Possible porting options include binary translation and emulation of the original platform. Decompilation of an executable program can be used to generate source code, either in assembly code or in a high-level language. Programmers frequently adapt source code from one piece of software to use in other projects, a concept known as software reusability.

ref: https://en.wikipedia.org/wiki/Source_code

There are two broad divisions of web development – front-end development (also called client-side development) and back-end development (also called server-side development).

Front end development refers to constructing what a user sees when they load a web application the content, design and how you interact with it. This is done with three codes being HTML, CSS and JavaScript. HTML, short for Hypertext Markup Language, is a special code for ‘marking up’ text in order to turn it into a web page. Every web page on the net is written in HTML, and it will form the backbone of any web application. CSS, short for Cascading Style Sheets, is a code for setting style rules for the appearance of web pages. CSS handles the cosmetic side of the web. Finally, JavaScript is a scripting language that’s widely used to add functionality and interactivity to web pages.

Back-end development controls what goes on behind the scenes of a web application. A back-end often uses a database to generate the front-end. Here’s an example. Say you log into your Facebook account, and you are greeted with the latest updates in your News Feed. They’re not going to be the same updates that you saw yesterday. How did the page change? Did a Facebook employee manually edit the page to update your news feed? Of course not. A script on the Facebook back-end would have received the updates and re-generated the front-end accordingly. Back-end scripts are written in many different coding languages and frameworks, such as:

  • PHP
  • Perl
  • Java
  • Node.js
  • Python

ref: http://www.codeconquest.com/what-is-coding/web-programming/

Now with my code it looks slightly jumbled as that I have been doing my website through a front end software (Muse), if I was to code then it would look a little less busy as that I’d be short coding most of it, so here are a few screenshots of my CSS code which shows the customisation of the website going through text fonts, colours, sizes, spacing etc.

Screen Shot 2016-03-16 at 22.37.53

Below is an area I can change the content in my website through coding.

Screen Shot 2016-03-16 at 22.44.30

And below is the PHP code for a form which you can make in a variety of text editors, I used to create these in windows visual basics.

Screen Shot 2016-03-16 at 22.52.13