narzędzia developera

  • informacje o błędach przeglądarek – www.quirksmode.org
  • validator html – validator.w3.org
  • debuger JS Mozilli – mozilla.org/projects/venkman/
  • Microsoft Script Debuger – msdn.microsoft.com/library/en-us/sdbug/Html/sdbug_1.asp
  • caniuse.com
  • html5please.com
  • postman – ułatwia czytanie plików json

css

design systems

kodowanie

web developer toolbar (f) Chris Pederick

  • disable JS
  • information, display id, class details
  • information/ view JS
  • view source, view generated source

testowanie

testowanie responsywności

tekst

statystyki używalności urządzeń

resetowane hasła usera w bazie danych poprzez generator md5

Obrazki

JSON

Aplikacje webowe do pisania i testowania kodu:

DataBase

Edytory kodu, IDE

  • Visual Studio Code + fajne pluginy:
    • Quokka.js – walidacja kodu js podczas pisania
    • Indenticator – zaznacza pionowe linie zagnieżdżeń
    • Live Server by Ritwick Dey
    • Monokai++ by Davide Casella
    • Vetur by Pine Wu
    • vscode-vue
  • Atom
  • Sublime Text + pluginy
    • vue syntax highlight
  • PhpStorm
  • WebStorm + pluginy
  • Brackets+ pluginy
    • brackets-vue
  • Eclipse
  • Coda
  • DW – Adobe Dreamweaver

transpiler

  • reads code written in one language and produces the equivalent code in another
  • browsers only currently have widespread support of older JS
  • transpilers convert advenced TypeScript and CoffeScript code back into the original JS

transpiler for ES6 – Babel – babeljs.io

 

webpack

https://webpack.js.org/

  • it bundles modules into one .js file
  • comes with a dev-server

Przeglądarki

inne

  • GitBook – platforma w technologii Node.js. Pozwala przy znajomości języka Markdown i podstawowych poleceń Gita pisać książki i udostępniać je na serwerach GitBooka
  • zestaw narzędzi od dailyweb.pl