Course: WEB II - Advanced design course, Topic: Module 1: Introduction to WEB tools

Topic outline

General
Terminology and aims of the course:

WEB tools

HTML - CSS, Bootstrap

JavaScript, JavaScript Libraries

Daily a web developer uses a variety of tools for doing his job, for collaborating with other developers, to get feedback, and suggest improvements.
Some of these tools are specialized code editors such as the Visual studio editor, the node.js that lets developers use JavaScript to produce dynamic web page content, Git, Github as Version Control Systems for tracking changes in computer files and coordinating work on those files among multiple people, WordPress etc.

The first aim of this course is to learn, understand and apply the above tools during the whole duration of the course.

A very powerful tool for acquiring new and modern skills in HTML-CSS is Bootstrap.
Bootstrap is a free front-end framework for faster and easier web development. Bootstrap also gives the ability to build responsive, mobile-first projects.
Bootstrap includes HTML and CSS based design templates as well as optional JavaScript plugins.

The second aim of this course is to learn, understand and apply advanced HTML-CSS and Bootstrap Classes to create advanced websites.

JavaScript is the most popular language among web developers. They have created many JavaScript-based libraries and frameworks such as node.js, p5.js, Angular etc.
We will examine, p5.js that makes coding accessible for artists, scientists designers and educators and Angular that creates Single Page Applications for WEB and Mobile WEB.

The third aim of this course is to enhance JavaScript knowledge and use JavaScript frameworks and libraries to create applications.
- Page
  
  For this course, you need... Page
- Forum
  
  Announcements Forum
- Forum
  
  You can continue your study! Forum
  
  Not available unless: You belong to 2018JUNE

Module 1: Introduction to WEB tools
Tools, Version control, WEB Server

Popular tools

Version control. Git - Github

WEB Server

Popular tools. In this submodule, you will be given a quick overview of several tools, terminal, node.js, Visual Studio Code.
You will also see the way we use these.

Version control. Git - Github. In this submoldule, you will learn what version control is.
This submodule also introduces the first steps to set up your Git and Github repositories and establish communication between these.

WEB Server. In this submodule, you will learn to upload files to our WEB Server via FileZilla.
You also learn how to grab the URL and serve your site.
- Please, create a folder called yourNameWEB2 on the Desktop of your computer.
- Page
  
  Aims - Expected outcomes- Key concepts - Instructions Introduction to WEB tools Page
  
  View
- Book
  
  Submodule 1.1: Popular tools Book
  
  View
  Browser
  
  Code editor
  
  Terminal
  
  Node.js - NPM
- Book
  
  Submodule 1.2: Version control. Git - Github Book
  
  View
  Version Control Systems
  
  Git - Github commands
  
  Communication between local and remote directories
- Book
  
  Submodule 1.3: WEB Server Book
  
  View
  Internet
  
  WEB Server
  
  SFTP - Filezilla
  
  Upload files to a WEB Server
  
  Needed URL to serve from a WEB Server

Topic outline

General

Terminology and aims of the course:

Module 1: Introduction to WEB tools

Tools, Version control, WEB Server