Kurze Slideshow zu aktuellen Frontend Techniken in der TYPO3 Usergroup Bodensee

1. Frontend 2017
Tabellen waren gestern
Rene Kreupl
renekreupl.de

2. es war einmal…
HTML, CSS, JavaScript

3. jemand hängen geblieben? :)

4. AngularES6
Sass
jQuery
NPM
BEMGulp
CSS3
React
GIT
vue.js
Webpack
HTML5
Modernizr
Responsive Webdesign
Bootstrap
ITCSS
JavaScript
Dies ist keine vollständige Liste ;-)

5. Sass
NPM
BEMGulp
CSS3
GIT
HTML5
Modernizr
Responsive Webdesign
ITCSS
JavaScript

6. Aufbau einer modernen „Frontend Base“
mit NPM, Gulp & Sass
• NPM - package manager for JavaScript and the world's
largest software registry
• Gulp - gulp is a toolkit for automating painful or time-
consuming tasks in your development workflow
• Sass - Präprozessor for CSS

7. • HTML5 & CSS3 (klar oder? :))
• Responsive Webdesign ( mobile-first )
• GIT
• BEM & ITCSS (Modularer Aufbau)

8. BEM?
• BEM ist eine naming convention und unterscheidet 3
Arten (Block, Element, Modifier)

9. ITCSS?
• ITCSS: SCALABLE AND MAINTAINABLE CSS
ARCHITECTURE

10. Ab zur Praxis
https://github.com/renekreupl/phoenixBase