Web Programming

Web Programming

1. CSS

   • Description
     • All Web Browsers support CSS
     • Styles define how to display HTML elements
     • Cascading Style Sheets
   • Frameworks
     • Bootstrap
     • Foundation
     • Semantic UI
   • Ways to insert
     • External style sheet (recommended): .css extension
     • Internal style sheet: <style> tag
     • Inline style

2. JavaScript

   • Frameworks
     • Angular.js
     • Ember.js
     • Vue.js
   • Placement
     • Scripts can be placed in the <body> or in the <head>
     • External scripts have the file extension .js
   • Description
     • Is the programming language of the web
     • Can change HTML elements
     • All modern HTML pages are using JavaScript
   • Libraries
     • jQuery
     • React.js
     • D3.js

3. Web Server

   • The most common use of web servers is to host websites
     • IIS (Internet Information Services) - Microsoft Windows
     • Apache Web Server - Open Source
     • Nginx (engine X) - Google Web Server

4. HTML

   • Description
     • The visual appearnce of a Web Site
     • HyperText Markup Language
     • All Web Browsers understand HTML
   • Tags
     • Hyperlink: <a href>
     • Paragraph: <p>
     • Headers: <h1>...<h6>
     • Image: <img src>
     • Line Break: <br>
   • Editors
     • Sublime Text
     • Notepad++
     • Coffee Cup HTML Editor
     • Text Edit