mainiak/introduction.md

## introduction.md

      
    Raw
  

              introduction.md
            
          
    HTML, CSS, JS

Preparations


https://atom.io/
https://atom.io/packages/atom-html-preview

Reading


http://www.w3schools.com/html/
http://www.w3schools.com/css/
http://www.w3schools.com/js/
http://www.w3schools.com/html/html5_intro.asp

Other

jQuery


https://jquery.com/
http://jqueryui.com/

Semantic UI


http://semantic-ui.com/
http://osscdn.com/#/semantic-ui
http://learnsemantic.com/

Backbone


http://backbonejs.org/
http://marionettejs.com/

ES2015 aka ES6


http://www.2ality.com/2015/02/es6-classes-final.html

HTML5


http://www.w3schools.com/html/html5_serversentevents.asp
http://www.w3schools.com/html/html5_canvas.asp
http://www.w3schools.com/html/html5_svg.asp
http://www.w3schools.com/html/html5_app_cache.asp
http://www.w3schools.com/html/html5_webworkers.asp
http://www.w3schools.com/html/html5_webstorage.asp
http://www.w3schools.com/html/html5_draganddrop.asp

CSS


http://postcss.org/

Node.js


https://nodejs.org/en/
https://nodejs.org/dist/latest-v4.x/docs/api/modules.html

Browser&Node compatible client


Axios
Request

Export by method

exports.a = function () {}
exports.b = function () {}
Export all

module.exports = {}
Samples

<link rel="stylesheet" type="text/css" href="semantic/dist/semantic.min.css">
<script src="semantic/dist/semantic.min.js"></script>
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Page Title</title>
  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/semantic-ui/2.2.6/semantic.min.css">
</head>
<body>

  <script src="https://cdn.jsdelivr.net/semantic-ui/2.2.6/semantic.min.js"></script>
</body>
</html>