Coding is learning to program, programming is the backbone of hacking: all the tools you are going to use have been programmed by professionals. A computer program is a set of operations intended to be executed by a computer. A source program is code written by a computer scientist in a programming language. This is what we call the Source Code.
Coding frightens all computer beginners and this is quite normal, only we have several and its execution requires the learning of a new language by the user. You don't need to know how to code to start hacking, but when you type your first few lines of code and see what you can do you will quickly become hooked. Programming professions are booming because behind each application, each connected object, software hides a programmer who, as we say in the jargon, "pisses lines of code".


The 10 main programming languages


  1. HTML/CSS.
  2. JavaScript.
  3. PHP.
  4. Ruby.
  5. Java.
  6. Swift.
  7. C#, C ou C++.
  8. Python.
  9. Julia.
  10. Scala.


You are free to learn the programming language (s) you want, know that each language has its specificities and that those we will discuss in our examples are HTML / CSS, Javascript, PHP, Ruby and Python.

The HTML Language


HyperText Markup Language (HTML) is the code used to structure a web page and its content. In reality HTML is not a programming language. It is a language that acts as the backbone of the web page. To be able to write in HTML you will have to use a text editor, I recommend Sublime Text, it can be used under Windows, OSX or Linux and there is a free version.



This text editor has the advantage of supporting all the languages that we will discuss on the site.


A small example of coding in HTML, we open Sublime Text:



After saving our code in .html all that remains is to run it with our browser and here is a draft of our first coding in html (read by firefox please ...)



<and> are called tags, the first <! DOCTOTYPE html> is used to indicate to the browser that the web page is written in HTML, most often they allow to insert comments from the programmer that will not be visible on the page web. Learn to spot them <! .............>, they will sometimes be useful in web operation (see chapter web exploitation).


<a href = is an opening tag which means Hypertext Reference, this link corresponds to a destination address in quotes "https://www.padawanhacker.com" then a closing tag </a>


There are many other tags like <head> ... </head>, <body> .... </body>, <title> .... </title>, etc ... each of them can be an opening or closing tag and a specific function and simply allow the browser to understand what you want from him.


In other words thanks to the tags you communicate with the browser.




Whether you are on a PC, a Mac or even a smartphone, to open a web page you must use a browser, in fact it is an interpreter, that is to say it translates into "human" language a source code written by the developer who created the web page.


On each browser (Chrome, Firefox, etc ...) you can display the source code of the page being read, here we will use Firefox.


At the top right of your browser click on open menu (the three horizontal bars), you can also type the keyboard shortcut Ctrl + U:



Then in Web development, click on Page source code, let's try on the first page of www.openclassrooms.com


The first 25 lines of code of this page, you can also type in the browser: view-source: https: //openclassrooms.com/fr/




Just for the home page you have 420 lines of code. You can see HTML, CSS and JavaScript, there are tags to insert text, images, links, in short all the content of your web page .


Le Langage CSS