Please enable JavaScript.
Coggle requires JavaScript to display documents.
Informatik (Git (VersionContol (Brenching and Merging), local (Working…
Informatik
Git
VersionContol
Brenching and Merging
local
Working Directory
Git add
Satging Index
Git Commit
Repository Server
GitHub/GitLab
Deploying
Run Apps on Server
AWS/Heroku
Send package.jason
App recipe
Software
Programm
Programmiersprachen
Scripted/Interpretiert
dynamisch während Laufzeit
Compiled/Übersetzt
statisch vor Laufzeit
Werkzeug zur Formulierung von Datenstrukturen und Algorthmen
Quellcode Anweisung
Compiled
Assemblersprache
Daten
Befunde
Datei
Datenformat
Semantik
Syntax
proprietär
openSource
inhaltlich zusammengehörige Befunde
Hardware
CPU
Instructions
Load/Add/Store/Compare/Jump/external Devices
RAM
Adressen
Bits
Fullstack Web Development
Frontend
HTML
CSS
Seperate .css file
head of html
Selector
Style it
Style of HTML
Structure
<head>
Metadata/Links
<body>
Content
Elements
<h1>
Überschrift
<p>
Paragraph
<buttom>
Knopf
<li>
Liste
<div>
Block like Paragraph
<table>
Tabelle
Attributs
<tag name="value"></tag>
<img src>
<p class>
<a href>
<link rel="stylesheet">
Forms
Interact with Database
<input type="...">
text
date
color
file
checkbox
radio
Framework
Bootstrap
HTML/CSS/JS
jQuery
DOM Manipulation
Sematic UI
JavaScript
While Loop
While(Condition){code}
Methoden
Prompt("..")
Console.log("..")
Alert("..")
Clear()
Variables
var NAME = value
Store Values
Value Datatypes
Undefined
Null
Boolean
Strings
Numbers
if Statement
For Loops
Funktionen
Declare
function NAME(){code;}
Call
NAME();
return Value
Higher Order Functions
Function as Input of Function
Arrays
var Name = ["value1", "value2"]
Data Structure/List of values
Methods
Push and Pop
Shift and Unshift
indexOF()
Slice
Splice
isUniform()
sumArray()
max()
contains()
Object
unordered Data Structure
var NAME = { name:"Travis", age:21};
Keywords
New
Creates object
Assigns This value to object
This
how function is called
global/implicit
explicit
call/apply/binding
DOM
Interface btw. HTML, CSS, JS
Document Object Model
Select an Element then manupilate
document.getElementByID()
change Style/classes/content/attributes
events
click/drag..
Backend
HTTP Request
Server
eventlistner on Request
Database
SQL
Tabelle
Columns
Rows
1 more item...
Schema
Relations
SQL Statements
SELECT
2 more items...
COUNT
ORDER BY
LIMIT
BETWEEN
WHERE
GROUP BY
2 more items...
AS
UNION
CREATE
1 more item...
Functions
MIN MAX AVG SUM
Mathematical
STRING Functions
JOINS
INNER JOIN
1 more item...
FULL OUTER JOIN
1 more item...
LEFT OUTER JOIN
1 more item...
PrimaryKey
1 more item...
Query
Subquery
1 more item...
Views
1 more item...
Data Types
Boolean
Character
Number
Temporal
Array
Geometry Types
NoSQL
Objekte
ObjektID
key value pairs
Embedded Data
Reference Data
MongoDB
cmd Line
3 more items...
Mongoose JS Layer
2 more items...
Node.js
JS Runtime on Server
cmd: node app.js
Express Framework
app.js
require Express
Routing
app.get("/Pfad", function(req, res){})
Assigment
API Calls
API
2 more items...
Interact with CMD Line
NPM Open Source JS Libary
Packages: Express, mongoose, ejs
npm install express --save
npm init
package.jason
MetaData
touch app.js
var express = require("express")
var app = express();
Mkdir
c9
GET/POST/PUT/PATCH/DELETE..
Postman
RESTful
RESTful API
Cloud Web Services
RESTful Routing
HTTP Verb mapping
GET/POST/PUT/DELETE
Index/New/Create/Show/Edit/Update/Destroy
Index/Create - /name
New - /name/new
Show/Edit/Destroy - /name/:id
npm install express/mongoose/body-parser/ejs
app.js
app.get("RESTful", function(req,res){});
app.listen(PORT,IP)
dynamic web pages
EJS (Embedded JS)
file.ejs
JS in HTML
%= JSCode %
will render value in html
% JS code %
will just run code