<commit_before>---
titel: Responsive Webdevelopment
kuerzel: w-rwd
verantwortlich: df, mk
typ: workshop
pflicht: false
termine: 2017-11-16 14:30|3.217|http://bit.ly/2yfh3nM|, 2017-11-23 11:00|3.217||
empfohlene-voraussetzungen: t-tooling, w-htmlbasics, w-htmlbadvanced, w-cssbasics, w-cssadvanced
published: true
dauer: 240
raum: 3.102

info: 
--- 

## Über den Workshop

### An wen richtet sich der Workshop?
Teilnehmer die wissen wollen was Responsive Design ist und wie man selbststädig aus einen Statischen Seite ein Responsive Design erarbeitet. Die Teilnehmer sollten aufgeschlossen sein und aktiv mitdenken den es wird ein aktiven Programmierteil geben.
### Worum geht es?
Testen ob eine Webseite "Responsive" ist. Die Vor und Nachteile von Responsive Design. Was Mobil First bedeutet, Welche Marketing Hintergründe das Responsive Design hat. Welchen Einfluss es auf den Algorithmus von Google Reserach hat.Die verschiedenen Layouttypen und Methoden um Responsive Design anzuwenden.

### Was muss ich mitbringen?
Eigener Rechner mit Browser (inkl. Web Development Tools, z.B. Chrome, Safari), Code Editor, Internetzugang z.B. via VPN oder Eduroam.
Sauberes semantisches HTML Markup aus den HTML Workshops

### Material
https://bradfrost.github.io/this-is-responsive/patterns.html
https://wiki.selfhtml.org/wiki/HTML/Tutorials/responsive_Webdesign#Mobile_first.21

<commit_msg>Update workshop-rwd.md<commit_after>---
titel: Responsive Webdevelopment
kuerzel: w-rwd
verantwortlich: df, mk
typ: workshop
pflicht: false
termine: 2017-11-16 14:30|3.217|http://bit.ly/2yfh3nM|, 2017-11-23 11:00|3.217||
empfohlene-voraussetzungen: t-tooling, w-htmlbasics, w-htmlbadvanced, w-cssbasics, w-cssadvanced
published: true
dauer: 240
raum: 3.102

info: 
--- 

## Über den Workshop

### An wen richtet sich der Workshop?
Teilnehmer die wissen wollen was Responsive Design ist und wie man selbststädig aus einen Statischen Seite ein Responsive Design erarbeitet. Die Teilnehmer sollten aufgeschlossen sein und aktiv mitdenken den es wird ein aktiven Programmierteil geben.
### Worum geht es?
Testen ob eine Webseite "Responsive" ist. Die Vor und Nachteile von Responsive Design. Was Mobil First bedeutet, Welche Marketing Hintergründe das Responsive Design hat. Welchen Einfluss es auf den Algorithmus von Google Reserach hat.Die verschiedenen Layouttypen und Methoden um Responsive Design anzuwenden.

### Was muss ich mitbringen?
Eigener Rechner mit Browser (inkl. Web Development Tools, z.B. Chrome, Safari), Code Editor, Internetzugang z.B. via VPN oder Eduroam.
Sauberes semantisches HTML Markup aus den HTML Workshops.

### Material
https://bradfrost.github.io/this-is-responsive/patterns.html
https://wiki.selfhtml.org/wiki/HTML/Tutorials/responsive_Webdesign#Mobile_first.21


{'fraction_non_alphanumeric': 0.082492795389049, 'fraction_numerical': 0.030979827089337175, 'mean_word_length': 5.157427937915743, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 4, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1540801', 'n_tokens_mistral': 1008, 'n_tokens_neox': 924, 'n_words': 309}