How to build and upload a javaScript document

HTML5

HTML5 is about three technologies: HTML, CSS and JAVASCRIPT.

HTML is the estructure, JAVASCRIPT the behavior and CSS the style or the way something looks like.

Both, CSS and JAVASCRIPT could be in a HTML document or be outside as usually are used as independent documents.

How to build code

First way

If all the code [HTML, CSS and JAVASCRIPT] is together in the HTML document this is the way to do it, is quick for short code, but when code is large and you are using several pages and sites it’s better use the next method:

Second way

This is the most professional way to do it, when each language has its own document:

HTML
CSS
javaScript

Software to code and upload data

Brackets

With focused visual tools and preprocessor support, Brackets is a modern text editor that makes it easy to design in the browser. It’s crafted from the ground up for web designers and front-end developers.

CyberDuck

Cyberduck is a libre server and cloud storage browser for Mac and Windows with support for FTPSFTPWebDAVAmazon S3OpenStack SwiftBackblaze B2Microsoft Azure & OneDriveGoogle Drive and Dropbox.

Start with CyberDuck

  1. Download CyberDuck and install it.
  2. Create a folder called M7 and inside this folder three more: IntroJavaScript, GuesstheNumber and MagicEight.
  3. Log in Ionos.es
  4.  Click on “Hosting”
  5.  Select SFTP
  6. By default there is a FTP account.
  7. Download CyberDuck set up file
6 By default there is a FTP account.
7 Download CyberDuck set up file
3 Log in Ionos.es
4 Click on "Hosting"
5 Select SFTP

CyberDuck now is configured to upload files, but first of all we will create a folder on the root called M7. Here we will save the exercises we are going to do.