INTRODUCTION TO TYPESCRIPT Mathias Schäfer 9elements 2019-05-08. First, let’s talk about JavaScript (ECMAScript). ECMAScript’s type system 🧚🏻‍♂️ Weak 🧚🏻‍♂️ 🏃🏾‍♀️ Dynamic 🏃🏾‍♀️ 🧚🏻‍♂️ Weak vs. strong typing 🏋🏽‍♀️. Weak: Implicit type conversions

JAVASCRIPT: OBJEKTE

Ein Objekt ist grob gesagt ein Bündel von Informationen im Speicher. Wie wir im Kapitel über Datentypen gelernt haben, unterscheidet JavaScript zwischen einfache Werten und Objekten. Manche einfache Werte können sich jedoch wie Objekte verhalten. Daher beschäftigt sich ein Großteil der JavaScript-Programmierung mit Objekten. DIE STERNE FANSEITE / LIEDTEXTE DES ALBUMS »WO IST …TRANSLATE THIS

PAGE

Liedtexte/Lyrics des Albums »Wo ist hier« (1999) Inhalt. Ich variiere meinen Rhythmus (3:57 min); Big in Berlin (2:56 min); Nichts wie wir's kennen (4:14 min); Dingeling (3:26 min); Solangehierunterwegs (3:39 min); Biestbeat (1:53 min); Bevor Du losgehst (4:00 min); Das bißchen besser (4:08 min); Melodie d'Amour (3:06 min); Manchmal sagt man vertraute Sachen vor sich hin (4:02 min) JAVASCRIPT: GRUNDLEGENDE KONZEPTE JavaScript basiert auf sogenannten Objekten, die die Umgebung abbilden, in der ein Script arbeitet. Der Zugriff auf das Browserfenster und das Dokument erfolgt über Objekte, die nach bestimmten Regeln aufgebaut sind. Diese Regeln für den Aufbau von Objekten werden auch Objekt-Typen genannt. JAVASCRIPT: ZUSAMMENARBEIT MIT CSS, DARSTELLUNG …TRANSLATE THIS PAGE Vielmehr besitzt JavaScript eine Schnittstelle zur Formatierungssprache Cascading Stylesheets (CSS). Mittels JavaScript können Sie also sämtliche Formatierungen vornehmen, die CSS möglich macht. Daher sollten Sie die Grundlagen von CSS bereits beherrschen, JAVASCRIPT: BROWSERÜBERGREIFENDE ENTWICKLUNGTRANSLATE THIS PAGE Dabei entstanden fertige Scripte und bewährte Verfahren, mit denen sich Standardaufgaben browserübergreifend lösen lassen. Dieser Ausblick soll optimistisch stimmen und dazu anregen, die Herausforderung der Browser-Wirklichkeit anzunehmen. Es ist jedoch harte Arbeit, sich in die browserübergreifende JavaScript-Entwicklung

hineinzudenken.

JAVASCRIPT: SYNTAX-GRUNDLAGENTRANSLATE THIS PAGE Ein JavaScript-Programm ist nach gewissen Regeln aufgebaut. Solche Syntax-Regeln kennen Sie aus der natürlichen Sprache, zum Beispiel der deutschen Sprache. Wenn Ihr Gesprächspartner Sie verstehen soll, müssen Sie beim Formulieren eines Satzes gewisse Grundregeln der Grammatik einhalten, damit Sie verstanden werden. POPUPS MIT JAVASCRIPT · MOLILYTRANSLATE THIS PAGESEE MORE ON

MOLILY.DE

JAVASCRIPT: SCRIPTE BEIM LADEN DES DOKUMENTS …TRANSLATE THIS PAGE Das load-Ereignis. Das besprochene DOMcontentLoaded-Ereignis tritt ein, sobald der HTML-Parser seine Arbeit verrichtet hat und der JavaScript-Zugriff auf alle Elemente im Dokument möglich ist.Dies ist entkoppelt vom Laden des Dokuments, wie es der Benutzer wahrnimmt. Um das Dokument erstmalig zu rendern (anzuzeigen), muss der Browser nämlich das Stylesheet heruntergeladen haben, das im JAVASCRIPT: SINNVOLLER JAVASCRIPT-EINSATZTRANSLATE THIS PAGE JavaScript ist nahezu für die die gesamte Interaktivität zuständig. Das bedeutet: Nimmt man die Scripte weg, bleibt ein leeres Gerüst übrig. Selten wird eine Alternative angeboten. Die oben vorgestellte Auffassung vom sinnvollen JavaScript-Einsatz sieht das als absoluten

Albtraum.

INTRODUCTION TO TYPESCRIPT Mathias Schäfer 9elements 2019-05-08. First, let’s talk about JavaScript (ECMAScript). ECMAScript’s type system 🧚🏻‍♂️ Weak 🧚🏻‍♂️ 🏃🏾‍♀️ Dynamic 🏃🏾‍♀️ 🧚🏻‍♂️ Weak vs. strong typing 🏋🏽‍♀️. Weak: Implicit type conversions

JAVASCRIPT: OBJEKTE

Ein Objekt ist grob gesagt ein Bündel von Informationen im Speicher. Wie wir im Kapitel über Datentypen gelernt haben, unterscheidet JavaScript zwischen einfache Werten und Objekten. Manche einfache Werte können sich jedoch wie Objekte verhalten. Daher beschäftigt sich ein Großteil der JavaScript-Programmierung mit Objekten. DIE STERNE FANSEITE / LIEDTEXTE DES ALBUMS »WO IST …TRANSLATE THIS

PAGE

Liedtexte/Lyrics des Albums »Wo ist hier« (1999) Inhalt. Ich variiere meinen Rhythmus (3:57 min); Big in Berlin (2:56 min); Nichts wie wir's kennen (4:14 min); Dingeling (3:26 min); Solangehierunterwegs (3:39 min); Biestbeat (1:53 min); Bevor Du losgehst (4:00 min); Das bißchen besser (4:08 min); Melodie d'Amour (3:06 min); Manchmal sagt man vertraute Sachen vor sich hin (4:02 min) JAVASCRIPT: GRUNDLEGENDE KONZEPTE JavaScript basiert auf sogenannten Objekten, die die Umgebung abbilden, in der ein Script arbeitet. Der Zugriff auf das Browserfenster und das Dokument erfolgt über Objekte, die nach bestimmten Regeln aufgebaut sind. Diese Regeln für den Aufbau von Objekten werden auch Objekt-Typen genannt. JAVASCRIPT: ZUSAMMENARBEIT MIT CSS, DARSTELLUNG …TRANSLATE THIS PAGE Vielmehr besitzt JavaScript eine Schnittstelle zur Formatierungssprache Cascading Stylesheets (CSS). Mittels JavaScript können Sie also sämtliche Formatierungen vornehmen, die CSS möglich macht. Daher sollten Sie die Grundlagen von CSS bereits beherrschen, JAVASCRIPT: BROWSERÜBERGREIFENDE ENTWICKLUNGTRANSLATE THIS PAGE Dabei entstanden fertige Scripte und bewährte Verfahren, mit denen sich Standardaufgaben browserübergreifend lösen lassen. Dieser Ausblick soll optimistisch stimmen und dazu anregen, die Herausforderung der Browser-Wirklichkeit anzunehmen. Es ist jedoch harte Arbeit, sich in die browserübergreifende JavaScript-Entwicklung

hineinzudenken.

JAVASCRIPT: SYNTAX-GRUNDLAGENTRANSLATE THIS PAGE Ein JavaScript-Programm ist nach gewissen Regeln aufgebaut. Solche Syntax-Regeln kennen Sie aus der natürlichen Sprache, zum Beispiel der deutschen Sprache. Wenn Ihr Gesprächspartner Sie verstehen soll, müssen Sie beim Formulieren eines Satzes gewisse Grundregeln der Grammatik einhalten, damit Sie verstanden werden. POPUPS MIT JAVASCRIPT · MOLILYTRANSLATE THIS PAGESEE MORE ON

MOLILY.DE

JAVASCRIPT: SCRIPTE BEIM LADEN DES DOKUMENTS …TRANSLATE THIS PAGE Das load-Ereignis. Das besprochene DOMcontentLoaded-Ereignis tritt ein, sobald der HTML-Parser seine Arbeit verrichtet hat und der JavaScript-Zugriff auf alle Elemente im Dokument möglich ist.Dies ist entkoppelt vom Laden des Dokuments, wie es der Benutzer wahrnimmt. Um das Dokument erstmalig zu rendern (anzuzeigen), muss der Browser nämlich das Stylesheet heruntergeladen haben, das im JAVASCRIPT: SINNVOLLER JAVASCRIPT-EINSATZTRANSLATE THIS PAGE JavaScript ist nahezu für die die gesamte Interaktivität zuständig. Das bedeutet: Nimmt man die Scripte weg, bleibt ein leeres Gerüst übrig. Selten wird eine Alternative angeboten. Die oben vorgestellte Auffassung vom sinnvollen JavaScript-Einsatz sieht das als absoluten

Albtraum.

GED VIZ: AN HTML5 DATA VISUALIZATION TOOL Examples: Handelsblatt, GED articles Made with Open Web Technologies™ Ruby on Rails app with HAML, Sass, CoffeeScript; MySQL database, data import from CSV; Asynchronous Module Definition (AMD) and Require.js/Almond.js; HAML Coffee Templates INTRODUCTION TO TYPESCRIPT Mathias Schäfer 9elements 2019-05-08. First, let’s talk about JavaScript (ECMAScript). ECMAScript’s type system 🧚🏻‍♂️ Weak 🧚🏻‍♂️ 🏃🏾‍♀️ Dynamic 🏃🏾‍♀️ 🧚🏻‍♂️ Weak vs. strong typing 🏋🏽‍♀️. Weak: Implicit type conversions TESTING CSS SUPPORT WITH JAVASCRIPT Testing CSS support with JavaScript. jsunconf 2014, 2014-04-26. molily. molily.de – @molily; Software developer at 9elements; Initiator of Chaplin.js; Testing CSS support. Does the browser support

a property?

JAVASCRIPT: FUNKTIONEN In JavaScript sind Funktionen nicht feste, einmal definierte Teilprogramme, sondern selbst Werte, mit denen Sie im Programm arbeiten können. Sie können neue Funktionen zur Laufzeit erzeugen. Nicht mehr benötigte Funktionen werden wieder gelöscht. Sie können

eigene Funktionen

EINFÜHRUNG IN JAVASCRIPTTRANSLATE THIS PAGE Einführung in JavaScript – Deutschsprachige Dokumentation der Programmiersprache JavaScript. Originaladresse: https://molily.de/js/ Autor: Mathias Schäfer (molily) Kontakt: molily@mailbox.org Lizenz: Creative Commons Namensnennung - Weitergabe unter gleichen Bedingungen 3.0 Sie können diese Texte wiederveröffentlichen, solange Sie die

Quelle nennen.

DIE STERNE FANSEITE / LIEDTEXTE DES ALBUMS »WO IST …TRANSLATE THIS

PAGE

Liedtexte/Lyrics des Albums »Wo ist hier« (1999) Inhalt. Ich variiere meinen Rhythmus (3:57 min); Big in Berlin (2:56 min); Nichts wie wir's kennen (4:14 min); Dingeling (3:26 min); Solangehierunterwegs (3:39 min); Biestbeat (1:53 min); Bevor Du losgehst (4:00 min); Das bißchen besser (4:08 min); Melodie d'Amour (3:06 min); Manchmal sagt man vertraute Sachen vor sich hin (4:02 min) JAVASCRIPT: DATENTYPEN UND KERNOBJEKTE Kernobjekte. Die Werte der Typen Boolean, String, Symbol, Number und Object haben gewisse Gemeinsamkeiten. Sie haben Eigenschaften und Methoden, die sie von den Kernobjekten und den daran gespeicherten Prototypen erben. Beispielsweise haben alle String-Werte die Methode

toUpperCase.

JAVASCRIPT: VARIABLEN UND KONSTANTEN Eine Konstante besteht ebenfalls aus einem Namen (einem Bezeichner) und einem Wert. Eine Konstante hat ebenfalls einen Block-Geltungsbereich, so wie Variablen mit let. Der Unterschied ist: Eine Variable ist veränderbar (variabel eben), eine Konstante ist unveränderbar (konstant eben). JAVASCRIPT: ARBEITSTECHNIKEN UND ENTWICKLERWERKZEUGETRANSLATE THIS

PAGE

Wenn Sie in die JavaScript-Entwicklung einsteigen, sollte Sie sich mit einigen Werkzeugen vertraut machen, die Ihnen das Schreiben eines Scriptes vereinfachen. Um zu einem funktionsfähigen Script kommen, um Fehler zu finden und um Script-Abläufe zu verstehen, gibt es einige bewährte Arbeitsmethoden und Fertigkeiten. JAVASCRIPT: SINNVOLLER JAVASCRIPT-EINSATZTRANSLATE THIS PAGE JavaScript ist nahezu für die die gesamte Interaktivität zuständig. Das bedeutet: Nimmt man die Scripte weg, bleibt ein leeres Gerüst übrig. Selten wird eine Alternative angeboten. Die oben vorgestellte Auffassung vom sinnvollen JavaScript-Einsatz sieht das als absoluten

Albtraum.

JAVASCRIPT: BROWSERÜBERGREIFENDE ENTWICKLUNGTRANSLATE THIS PAGE Dabei entstanden fertige Scripte und bewährte Verfahren, mit denen sich Standardaufgaben browserübergreifend lösen lassen. Dieser Ausblick soll optimistisch stimmen und dazu anregen, die Herausforderung der Browser-Wirklichkeit anzunehmen. Es ist jedoch harte Arbeit, sich in die browserübergreifende JavaScript-Entwicklung

hineinzudenken.

JAVASCRIPT: FUNKTIONEN In JavaScript sind Funktionen nicht feste, einmal definierte Teilprogramme, sondern selbst Werte, mit denen Sie im Programm arbeiten können. Sie können neue Funktionen zur Laufzeit erzeugen. Nicht mehr benötigte Funktionen werden wieder gelöscht. Sie können

JAVASCRIPT: OBJEKTE

Ein Objekt ist grob gesagt ein Bündel von Informationen im Speicher. Wie wir im Kapitel über Datentypen gelernt haben, unterscheidet JavaScript zwischen einfache Werten und Objekten. Manche einfache Werte können sich jedoch wie Objekte verhalten. Daher beschäftigt sich ein Großteil der JavaScript-Programmierung mit Objekten. JAVASCRIPT: GRUNDLEGENDE KONZEPTE JavaScript basiert auf sogenannten Objekten, die die Umgebung abbilden, in der ein Script arbeitet. Der Zugriff auf das Browserfenster und das Dokument erfolgt über Objekte, die nach bestimmten Regeln aufgebaut sind. Diese Regeln für den Aufbau von Objekten werden auch Objekt-Typen genannt. DIE STERNE FANSEITE / LIEDTEXTE DES ALBUMS »WO IST …TRANSLATE THIS

PAGE

Liedtexte/Lyrics des Albums »Wo ist hier« (1999) Inhalt. Ich variiere meinen Rhythmus (3:57 min); Big in Berlin (2:56 min); Nichts wie wir's kennen (4:14 min); Dingeling (3:26 min); Solangehierunterwegs (3:39 min); Biestbeat (1:53 min); Bevor Du losgehst (4:00 min); Das bißchen besser (4:08 min); Melodie d'Amour (3:06 min); Manchmal sagt man vertraute Sachen vor sich hin (4:02 min) JAVASCRIPT: SYNTAX-GRUNDLAGENTRANSLATE THIS PAGE Ein JavaScript-Programm ist nach gewissen Regeln aufgebaut. Solche Syntax-Regeln kennen Sie aus der natürlichen Sprache, zum Beispiel der deutschen Sprache. Wenn Ihr Gesprächspartner Sie verstehen soll, müssen Sie beim Formulieren eines Satzes gewisse Grundregeln der Grammatik einhalten, damit Sie verstanden werden. JAVASCRIPT: ZUSAMMENARBEIT MIT CSS, DARSTELLUNG …TRANSLATE THIS PAGE Vielmehr besitzt JavaScript eine Schnittstelle zur Formatierungssprache Cascading Stylesheets (CSS). Mittels JavaScript können Sie also sämtliche Formatierungen vornehmen, die CSS möglich macht. Daher sollten Sie die Grundlagen von CSS bereits beherrschen, JAVASCRIPT: DATENTYPEN UND KERNOBJEKTE Kernobjekte. Die Werte der Typen Boolean, String, Symbol, Number und Object haben gewisse Gemeinsamkeiten. Sie haben Eigenschaften und Methoden, die sie von den Kernobjekten und den daran gespeicherten Prototypen erben. Beispielsweise haben alle String-Werte die Methode

toUpperCase.

POPUPS MIT JAVASCRIPT · MOLILYTRANSLATE THIS PAGESEE MORE ON

MOLILY.DE

JAVASCRIPT: SINNVOLLER JAVASCRIPT-EINSATZTRANSLATE THIS PAGE JavaScript ist nahezu für die die gesamte Interaktivität zuständig. Das bedeutet: Nimmt man die Scripte weg, bleibt ein leeres Gerüst übrig. Selten wird eine Alternative angeboten. Die oben vorgestellte Auffassung vom sinnvollen JavaScript-Einsatz sieht das als absoluten

Albtraum.

JAVASCRIPT: BROWSERÜBERGREIFENDE ENTWICKLUNGTRANSLATE THIS PAGE Dabei entstanden fertige Scripte und bewährte Verfahren, mit denen sich Standardaufgaben browserübergreifend lösen lassen. Dieser Ausblick soll optimistisch stimmen und dazu anregen, die Herausforderung der Browser-Wirklichkeit anzunehmen. Es ist jedoch harte Arbeit, sich in die browserübergreifende JavaScript-Entwicklung

hineinzudenken.

JAVASCRIPT: FUNKTIONEN In JavaScript sind Funktionen nicht feste, einmal definierte Teilprogramme, sondern selbst Werte, mit denen Sie im Programm arbeiten können. Sie können neue Funktionen zur Laufzeit erzeugen. Nicht mehr benötigte Funktionen werden wieder gelöscht. Sie können

JAVASCRIPT: OBJEKTE

Ein Objekt ist grob gesagt ein Bündel von Informationen im Speicher. Wie wir im Kapitel über Datentypen gelernt haben, unterscheidet JavaScript zwischen einfache Werten und Objekten. Manche einfache Werte können sich jedoch wie Objekte verhalten. Daher beschäftigt sich ein Großteil der JavaScript-Programmierung mit Objekten. JAVASCRIPT: GRUNDLEGENDE KONZEPTE JavaScript basiert auf sogenannten Objekten, die die Umgebung abbilden, in der ein Script arbeitet. Der Zugriff auf das Browserfenster und das Dokument erfolgt über Objekte, die nach bestimmten Regeln aufgebaut sind. Diese Regeln für den Aufbau von Objekten werden auch Objekt-Typen genannt. DIE STERNE FANSEITE / LIEDTEXTE DES ALBUMS »WO IST …TRANSLATE THIS

PAGE

Liedtexte/Lyrics des Albums »Wo ist hier« (1999) Inhalt. Ich variiere meinen Rhythmus (3:57 min); Big in Berlin (2:56 min); Nichts wie wir's kennen (4:14 min); Dingeling (3:26 min); Solangehierunterwegs (3:39 min); Biestbeat (1:53 min); Bevor Du losgehst (4:00 min); Das bißchen besser (4:08 min); Melodie d'Amour (3:06 min); Manchmal sagt man vertraute Sachen vor sich hin (4:02 min) JAVASCRIPT: SYNTAX-GRUNDLAGENTRANSLATE THIS PAGE Ein JavaScript-Programm ist nach gewissen Regeln aufgebaut. Solche Syntax-Regeln kennen Sie aus der natürlichen Sprache, zum Beispiel der deutschen Sprache. Wenn Ihr Gesprächspartner Sie verstehen soll, müssen Sie beim Formulieren eines Satzes gewisse Grundregeln der Grammatik einhalten, damit Sie verstanden werden. JAVASCRIPT: ZUSAMMENARBEIT MIT CSS, DARSTELLUNG …TRANSLATE THIS PAGE Vielmehr besitzt JavaScript eine Schnittstelle zur Formatierungssprache Cascading Stylesheets (CSS). Mittels JavaScript können Sie also sämtliche Formatierungen vornehmen, die CSS möglich macht. Daher sollten Sie die Grundlagen von CSS bereits beherrschen, JAVASCRIPT: DATENTYPEN UND KERNOBJEKTE Kernobjekte. Die Werte der Typen Boolean, String, Symbol, Number und Object haben gewisse Gemeinsamkeiten. Sie haben Eigenschaften und Methoden, die sie von den Kernobjekten und den daran gespeicherten Prototypen erben. Beispielsweise haben alle String-Werte die Methode

toUpperCase.

POPUPS MIT JAVASCRIPT · MOLILYTRANSLATE THIS PAGESEE MORE ON

MOLILY.DE

JAVASCRIPT: SINNVOLLER JAVASCRIPT-EINSATZTRANSLATE THIS PAGE JavaScript ist nahezu für die die gesamte Interaktivität zuständig. Das bedeutet: Nimmt man die Scripte weg, bleibt ein leeres Gerüst übrig. Selten wird eine Alternative angeboten. Die oben vorgestellte Auffassung vom sinnvollen JavaScript-Einsatz sieht das als absoluten

Albtraum.

GED VIZ: AN HTML5 DATA VISUALIZATION TOOL Examples: Handelsblatt, GED articles Made with Open Web Technologies™ Ruby on Rails app with HAML, Sass, CoffeeScript; MySQL database, data import from CSV; Asynchronous Module Definition (AMD) and Require.js/Almond.js; HAML Coffee Templates TESTING CSS SUPPORT WITH JAVASCRIPT Testing CSS support with JavaScript. jsunconf 2014, 2014-04-26. molily. molily.de – @molily; Software developer at 9elements; Initiator of Chaplin.js; Testing CSS support. Does the browser support

a property?

JAVASCRIPT: GRUNDLEGENDE KONZEPTE JavaScript basiert auf sogenannten Objekten, die die Umgebung abbilden, in der ein Script arbeitet. Der Zugriff auf das Browserfenster und das Dokument erfolgt über Objekte, die nach bestimmten Regeln aufgebaut sind. Diese Regeln für den Aufbau von Objekten werden auch Objekt-Typen genannt. JAVASCRIPT APPLICATION ARCHITECTURE That’s it (add routing). And that’s all. Text Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all

to

JAVASCRIPT: DATENTYPEN UND KERNOBJEKTE Kernobjekte. Die Werte der Typen Boolean, String, Symbol, Number und Object haben gewisse Gemeinsamkeiten. Sie haben Eigenschaften und Methoden, die sie von den Kernobjekten und den daran gespeicherten Prototypen erben. Beispielsweise haben alle String-Werte die Methode

toUpperCase.

JAVASCRIPT: SCRIPTE BEIM LADEN DES DOKUMENTS …TRANSLATE THIS PAGE Das load-Ereignis. Das besprochene DOMcontentLoaded-Ereignis tritt ein, sobald der HTML-Parser seine Arbeit verrichtet hat und der JavaScript-Zugriff auf alle Elemente im Dokument möglich ist.Dies ist entkoppelt vom Laden des Dokuments, wie es der Benutzer wahrnimmt. Um das Dokument erstmalig zu rendern (anzuzeigen), muss der Browser nämlich das Stylesheet heruntergeladen haben, das im JAVASCRIPT: AUFGABEN UND ANWENDUNGSBEREICHE JavaScripte haben Zugriff auf das Browserfenster und das darin angezeigte HTML-Dokument. Ihre wichtigste Aufgabe besteht darin, auf Benutzereingaben im Dokument zu reagieren (z.B. klickt der Benutzer auf ein Element oder gibt einen Text in ein Formularfeld ein). JavaScripte können daraufhin Änderungen im gegenwärtigen HTML-Dokument vornehmen. JAVASCRIPT: ARBEITSTECHNIKEN UND ENTWICKLERWERKZEUGETRANSLATE THIS

PAGE

Wenn Sie in die JavaScript-Entwicklung einsteigen, sollte Sie sich mit einigen Werkzeugen vertraut machen, die Ihnen das Schreiben eines Scriptes vereinfachen. Um zu einem funktionsfähigen Script kommen, um Fehler zu finden und um Script-Abläufe zu verstehen, gibt es einige bewährte Arbeitsmethoden und Fertigkeiten. JAVASCRIPT: SINNVOLLER JAVASCRIPT-EINSATZTRANSLATE THIS PAGE JavaScript ist nahezu für die die gesamte Interaktivität zuständig. Das bedeutet: Nimmt man die Scripte weg, bleibt ein leeres Gerüst übrig. Selten wird eine Alternative angeboten. Die oben vorgestellte Auffassung vom sinnvollen JavaScript-Einsatz sieht das als absoluten

Albtraum.

JAVASCRIPT: VORKENNTNISSE UND VORAUSSETZUNGENTRANSLATE THIS PAGE Für einen Einstieg in JavaScript ist es hilfreich, die genauen Aufgaben von HTML und CSS sowie vor allem deren Rolle im modernen Webdesign zu kennen: Sie sollten wissen, dass HTML der Auszeichnung von Texten dient. Damit entsteht ein strukturiertes Dokument – bestehend aus Überschriften, Abschnitten, Absätzen, Listen,

Hyperlinks usw.

molily Navigation

TESTING ANGULAR - A GUIDE TO ROBUST ANGULAR APPLICATIONS

February 17th, 2021

How do we take advantage of Angular’s testability? THE ANTAGONISM OF HUMAN AND NATURE IN FACTORIO

June 21, 2020

“I strongly feel that this is an insult to life itself” – Hayao

Miyazaki

DIE GRUNDLAGEN VON JAVASCRIPT: ZWEITE AUSGABE – DEUTSCHE

ÜBERSETZUNG

January 30, 2018

Übersetzung des Artikels von Dmitry Soshnikov veröffentlicht ROBUST CLIENT-SIDE JAVASCRIPT – A DEVELOPER’S GUIDE

December 21, 2017

Why do we need to talk about robust JavaScript and how do we achieve

it?

THINGS I’VE LEARNED: ANGULAR, TYPESCRIPT AND RXJS

November 2, 2017

Exploring programming paradigms in different JavaScript stacks COMPARING ALTERNATIVE ANDROID BROWSERS

July 20, 2017

Chrome alternatives with ad blocking, data saving and privacy features

molily

QUOTES

* Den ekel- und haßerfüllten Kopf auf die Brust senken. Gewiß, aber wie, wenn Dich jemand am Hals würgt? Franz Kafka, 25. November

1917

* Dabei ist es doch müßig über den Gewaltakt der Befreiung nachzudenken, wenn Du nicht weißt, wer Dir die Fesseln anlegt. Älis,

Eklektrick

LINKS TO PAGES ON THIS SITE

TESTING ANGULAR

A Guide to Robust Angular Applications Free online book and e-book * Web development articles * Robust Client-Side JavaScript * Einführung in JavaScript * Die Sterne Fanseite * Bemerkenswerte Wörter LINKS TO PROJECTS AND EXTERNAL PROFILES

* Twitter profile

* GitHub profile

* Bookmarks

* Chaplin.js – JavaScript Application Architecture LINKS ABOUT THE AUTHOR

* About molily

* E-Mail: molily@mailbox.org * Avatar: Spider Mum

OLDER ARTICLES

* 2017-06-01 A short note on Google AMP and the German copyright law * 2017-05-28 What Google AMP means for the JavaScript community * 2017-04-09 Call for Papers: RuhrJS JavaScript conference 2017 * 2016-09-14 RuhrJS JavaScript conference, PottJS talk on Progressive Enhancement * 2016-05-16 Our best practices are killing mobile web performance * 2016-05-03 Workshop: Die Geschichte von JavaScript bis ECMAScript

6

* 2016-02-27 Progressive enhancement and JavaScript failure * 2016-01-18 JavaScript web apps considered valuable * 2016-01-08 Progressive enhancement for JavaScript web apps * 2015-12-18 Interaction is Key: Progressive Enhancement and

JavaScript

* 2015-12-04 Podcast zur Tech-Kultur, Artikel zur JavaScript-Geschichte * 2015-05-08 Violence in video games: Deux Ex: Human Revolution and

Tomb Raider

* 2014-12-04 Mobile-First-Datenvisualisierung * 2014-10-15 Ada Lovelace Day 2014 * 2014-08-15 New data visualization project: OECD Data Portal * 2014-08-11 Front-end security and Cross-Site Scripting (XSS) for Ruby on Rails developers * 2014-05-04 Conference talk: Testing CSS support with JavaScript * 2014-03-08 Workshop: Webanwendungen strukturieren mit Backbone und

Chaplin

* 2013-12-03 Neuer Artikel: Interactive Storytelling * 2013-09-05 Recent activities: GED VIZ, JavaScript Web Apps and Object-Oriented JavaScript * 2013-07-06 Thoughts and links on “The Last of Us” * 2013-07-02 A note on violence in video games like “The Last of

Us”

* 2013-04-08 A comparison between Marionette.js and Chaplin.js * 2012-12-14 Komplexe Stylesheets strukturieren mit Sass Placeholder

Selectors

* 2012-10-16 Ada Lovelace Day 2012 * 2012-05-29 Chaplin as a Fully-Tested, Reusable Application Library * 2012-03-12 Übersicht über HTML5-Spezifikationen und -Literatur * 2012-02-28 Slides and Video of my JavaScript Conference talk * 2012-02-24 Chaplin.js, an Application Architecture based on

Backbone.js

* 2012-01-28 Zur Lagerung von Schokolade * 2012-01-27 Conference Talk: JavaScript Application Architecture

with Backbone.js

* 2011-12-06 Effiziente CSS-Entwicklung mit Sass und Compass * 2011-12-03 JavaScript: Von einfachen Scripten zu komplexen

Anwendungen

* 2011-08-29 Zum Stand der Webstandards, dem W3C und der WHATWG * 2011-08-09 Standards-compliant and Sustainable JavaScript

Libraries

* 2011-07-02 Standardkonforme und zukunftsfähige JavaScript-Bibliotheken * 2011-05-15 Artikel überarbeitet: Objektabfragen und Fallunterscheidungen in JavaScript * 2011-05-07 Gourmand und Gourmet testen Schokoladen * 2011-03-29 Methodenketten und Fluent Interfaces mit ECMAScript 5

und Harmony

* 2011-02-13 Popups mit JavaScript * 2011-02-13 Was kommt nach Popups und Lightboxen? * 2011-02-05 Lesbarkeit von Texten im Web * 2011-01-29 Pseudoklassische Vererbung in JavaScript * 2011-01-15 H.264 vs. WebM – Thesen zur Webökonomie * 2010-10-14 Deutsche Übersetzung: Die Grundlagen von JavaScript * 2010-09-05 Buchrezension: HTML5 – Webseiten innovativ und

zukunftssicher

* 2010-08-21 Pro & Contra Validität – Chronik einer laufenden

Debatte

* 2010-08-14 poly:logo-Podcast zum Thema HTML5 * 2010-07-13 JavaScript muss asynchron werden * 2010-05-21 Avatar: Spider Mum * 2010-05-10 Objektorientiertes JavaScript mit YUI 3 * 2010-04-29 Artikel überarbeitet: Organisation von JavaScripten * 2010-04-12 JavaScripte für die Textauswahl: SelectionMenu und

CopyLink

* 2010-03-28 Webentwicklerinnen zum Ada Lovelace Day 2010 * 2010-02-28 Ein Podcast über die Geschichte von HTML * 2010-02-09 DOMContentLoaded and stylesheets * 2010-01-24 Wie sieht die Zukunft von JavaScript aus? * 2010-01-10 Progressive Enhancement: Die Zeit ist gekommen * 2009-12-31 Versuche zur Bestimmung von Google * 2009-12-07 HTML5: Ein soziales Desaster? * 2009-11-22 In Defense of New Amateurs – Zur Verteidigung der

�Neuen Amateure«

* 2009-11-12 CSS kompakt: Einschließen (Clearing) von Floats * 2009-09-22 Was ist HTML 5? – Weit mehr als eine Auszeichnungssprache * 2009-07-11 Nachrufe auf XHTML 2 * 2009-07-02 Performance von JavaScript-Closures * 2009-06-19 Strenge HTML-4-Validierung * 2009-06-18 JavaScript-Profiling über benannte Funktionsausdrücke * 2009-06-11 Opera 10 und das Browser-User-Interface * 2009-05-29 XHTML wird zu Grabe getragen * 2009-05-29 Los geht’s im Weblog * 2009-05-29 Markup-Qualitätsstandards forcieren * 2009-05-29 JavaScript: Fokus-Ereignisse zentral behandeln und aktives Element finden * 2009-05-29 JavaScript-Dokumentation geht an den Start * 2009-05-29 Articles and talks on web development (HTML, CSS,

JavaScript)

* 2009-05-20 Nachtrag zum Ada-Lovelace-Tag 2009 * 2007-04-09 Abwärtskompatibilität aus Sicht des Designs und der

Barrierefreiheit

* 2006-11-12 Web-Zugänglichkeit: Zum Begriff »behindertengerecht« * 2006-02-07 DOM 3 Load and Save in Opera 7.6 * 2006-02-03 JavaScript/DOM: Rekursive Auflistung aller Kindknoten * 2005-12-07 Visualisierung von HTML-Attributen durch CSS * 2005-12-04 Probleme mit Ankern und position:fixed (feste

CSS-Positionierung)

* 2005-07-12 HTML-Dokumentmodelle * 2004-05-14 Hypertext im WWW

* molily

* molily@mailbox.org

* @molily

* Impressum & Datenschutz