WEB II - Advanced design course

Topic outline

• General
  

  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.

  
  

  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.

  
  

  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.

  
  

  • For this course, you need... Page

    
  • Announcements Forum
  • You can continue your study! Forum

    

    Not available unless: You belong to 2018JUNE
• Module 1: Introduction to WEB tools
  

  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.

  • Aims - Expected outcomes- Key concepts - Instructions Introduction to WEB tools Page

    
  • Submodule 1.1: Popular tools Book

    

    • Browser
    • Code editor
    • Terminal
    • Node.js - NPM
  • Submodule 1.2: Version control. Git - Github Book

    

    • Version Control Systems
    • Git - Github commands
    • Communication between local and remote directories
  • Submodule 1.3: WEB Server Book

    

    • Internet
    • WEB Server
    • SFTP - Filezilla
    • Upload files to a WEB Server
    • Needed URL to serve from a WEB Server