Willkommen zum Bootstrap Workshop

Michael Reichart

• [email protected]
• Auf LinkedIn unter Michael Reichart

Inhalte und Zeiten

Die Kurstage gehen jeweils von

• 9:00 bis 16:00 Uhr.

Folgende Pausenzeiten sind geplant:

• 10:30 bis 10:45 Uhr
• 12:00 bis 13:00 Uhr
• 14:30 bis 14:45 Uhr

Foliensatz

Es gibt einen Foliensatz zu unserem Seminar und Workshop im Verzeichnis docs: Cascading Stylesheets v3.2.pdf. Dort finden Sie zum Nachlesen, was während Seminars erläutert wird. Eine vollständige Sass Dokumentation liefert die Webseite unter sass-lang.com Der Foliensatz wird ggf. aktualisiert, wenn wir bis zum Ende Seminars Inhalte umstellen. Er steht Ihnen anschließend unter der MIT Lizenz und CC BY-NC-SA zur freien Verfügung.

Dateien zum Download

wir werden im Laufe des Seminars HTML und CSS Dateien schreiben. Sie können während und am Ende des Seminars von https://github.com/zenbox/workshop heruntergeladen werden.

Die wichtigesten Lesezeichen

• https://caniuse.com
• https://html5test.com
• https://css-tricks.com
• https://meyerweb.com/eric/tools/css/reset/
• https://docs.emmet.io/cheat-sheet/
• https://necolas.github.io/normalize.css/8.0.1/normalize.css
• https://www.caniemail.com/

Sass vscode settings

1. Sass Compiler installieren
2. settings einfügen

  "liveSassCompile.settings.formats": [
    {
      "extensionName": ".css",
      "format": "expanded",
      "savePath": "/assets/css/"
    }
  ],
  "liveSassCompile.settings.generateMap": false,
  "liveSassCompile.settings.autoprefix": [],
  "liveSassCompile.settings.excludeList": [
    "**/node_modules/**",
    ".vscode/**"
  ],

Prettier vscode settings

1. prettier extension installieren
2. settings anpassen

  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnSave": true,
  "editor.formatOnPaste": true,
  "editor.formatOnType": true,

.prettierrc

{
    "proseWrap": "preserve",
    "semi": true,
    "singleQuote": false,
    "useTabs": false,
    "tabWidth": 4,
    "printWidth": 80,
    "quoteProps": "consistent",
    "jsxSingleQuote": false,
    "trailingComma": "es5",
    "bracketSpacing": true,
    "bracketSameLine": true,
    "arrowParens": "always",
    "htmlWhitespaceSensitivity": "css",
    "vueIndentScriptAndStyle": false,
    "endOfLine": "lf",
    "embeddedLanguageFormatting": "auto",
    "singleAttributePerLine": true
}