90 lines
3.6 KiB
Markdown
90 lines
3.6 KiB
Markdown
# Webdeveloper Links & Tips
|
||
## HTML
|
||
### HTML lernen
|
||
* [selfhtml](https://wiki.selfhtml.org/wiki/HTML)
|
||
* [Einführung in HTML - MDN web docs](https://developer.mozilla.org/de/docs/Web/HTML)
|
||
* [w3schools HTML5 Tutorial](https://www.w3schools.com/html/)
|
||
* [HTML Forms](https://wiki.selfhtml.org/wiki/HTML/Formulare)
|
||
* [Kurs im Selbststudium](https://open.hpi.de/courses/webtech2017)
|
||
|
||
### Editoren
|
||
* [Sublime Text](https://www.sublimetext.com/)
|
||
* [Visual Studio Code](https://code.visualstudio.com/ )
|
||
* [Atom editor](https://atom.io/ )
|
||
* [Brackets](http://brackets.io/)
|
||
* [lighttable](lighttable)
|
||
|
||
### Online Tools / Plugins
|
||
* [HTML Validator](https://validator.w3.org/ )
|
||
* [HTML nu Validator](https://html5.validator.nu/)
|
||
* [HTML Extension Chromium](https://chrome.google.com/webstore/search/html?hl=de&_category=extensions)
|
||
* [HTML Extension Mozilla](https://addons.mozilla.org/de/firefox/search/?q=html&type=extension)
|
||
* [Can I use](https://www.caniuse.com/)
|
||
* [codepen](https://codepen.io/)
|
||
* [jsfiddle](https://jsfiddle.net/)
|
||
* [Google Search Console](https://search.google.com/search-console)
|
||
* [Cross Browser testing](https://www.browserling.com/)
|
||
* [Browser Test](https://html5test.com/)
|
||
|
||
### Interne Links
|
||
* [Semantische Tags](html/semantik.html)
|
||
* [Seitenstruktur](html/struktur.html)
|
||
* [Kopfbereich](html/header.html)
|
||
* [Formulare](html/formular.html)
|
||
* [Navigation](html/navigation.html)
|
||
|
||
## CSS
|
||
### CSS Lernen
|
||
* [CSS-Grundlagen](https://developer.mozilla.org/de/docs/Learn/Getting_started_with_the_web/CSS_basics)
|
||
* [CSS lernen W3C](https://www.w3.org/Style/CSS/learning.de.html)
|
||
* [CSS Tutorial](https://www.w3schools.com/css/)
|
||
* [Selfhtml CSS](https://wiki.selfhtml.org/wiki/CSS/Tutorials)
|
||
* [CSS Übersicht](https://t3n.de/magazin/flexibler-als-gedacht-was-du-mit-248427/)
|
||
* [Leitfaden Animationen](https://www.webdesign-journal.de/css3-animationen-leitfaden/)
|
||
* [Animate Keyframes.app](https://keyframes.app/animate)
|
||
|
||
### CSS (minimal) Frameworks
|
||
* [Milligram](https://milligram.io/)
|
||
* [minicss](https://minicss.org/)
|
||
* [Pure.css](https://purecss.io/)
|
||
* [TentCSS](https://css.sitetent.com/)
|
||
* [Skeleton](http://getskeleton.com/)
|
||
* [A Modern CSS Reset](https://hankchizljaw.com/wrote/a-modern-css-reset/) (Nur Reset-Funktion)
|
||
|
||
### CSS Inhalte positionieren
|
||
* [CSS float – Positionieren und Umfließen](https://www.mediaevent.de/css/position-float.html)
|
||
* [CSS position](https://www.mediaevent.de/css/position.html)
|
||
* [Flexbox](https://blog.kulturbanause.de/2013/07/einfuhrung-in-das-flexbox-modell-von-css/)
|
||
* [Grid Guide](https://css-tricks.com/snippets/css/complete-guide-grid/)
|
||
* [Learn Grid](https://learncssgrid.com/)
|
||
|
||
### Responsive Design
|
||
* [Irrwege im Webdesign](https://wiki.selfhtml.org/wiki/HTML/Tutorials/responsive_Webdesign/Layoutkonzepte#Die_Irrwege)
|
||
* [Die Basics](https://t3n.de/news/basics-responsive-webdesign-9-578560/)
|
||
* [Adaptive Responsive Liquide](http://blog.kulturbanause.de/2012/11/adaptive-website-vs-responsive-website/)
|
||
|
||
### Interne Links
|
||
* [float](html/float.html)
|
||
* [position](html/position.html)
|
||
* [flexbox](html/flex.html)
|
||
* [grid](html/grid.html)
|
||
|
||
## JavaScript
|
||
|
||
### JavaScript lernen
|
||
* [JavaScript für absolute Beginner](https://opentechschool.github.io/js-beginners-1/index_de.html)
|
||
* [The Modern JavaScript Tutorial](https://javascript.info/)
|
||
* [JavaScript Tutorial](https://www.w3schools.com/js/)
|
||
|
||
### JavaScript Frameworks & Libraries
|
||
|
||
* [jQuery](https://jquery.com/)
|
||
* [React](https://reactjs.org/)
|
||
* [Angular](https://angularjs.org/)
|
||
* [Vue.js](https://vuejs.org/)
|
||
* [Vanilla.js](http://vanilla-js.com/)
|
||
|
||
### Interne Links
|
||
* [Pure JavaScript](html/vanilla.html)
|
||
* [jQuery](html/jquery.html)
|