Lecture 2 - Инструметы для javascript разработки

[smithua]

Git GUI clients:

Win/macOS
https://www.sourcetreeapp.com/
https://desktop.github.com/
Linux
http://www.syntevo.com/smartgit/
macOS
https://www.git-tower.com/mac/

Git cheatsheet:

http://ohshitgit.com/

Crossbrowser testing:

https://codepen.io/
https://dsh.re/aecb4

Terminals:

Win/Linux/macOS
https://hyper.is/
Linux
http://guake-project.org/
macOS
https://www.iterm2.com/

Text editors/IDE:

https://atom.io/
https://code.visualstudio.com/
https://www.jetbrains.com/webstorm/
https://www.sublimetext.com/

Linters:

CSS/SCSS:
https://stylelint.io/
JS
https://eslint.org/

Code Formater
https://github.com/prettier/prettier
Run linters on only staged files
https://github.com/okonet/lint-staged
Git hooks
https://github.com/typicode/husky

Editorconfig:

http://editorconfig.org/#example-file

Example of code guide:

AirBnb
https://github.com/airbnb/javascript

For testing your code on Push to GitHub:

https://travis-ci.org/
https://circleci.com

Example setup CircleCI
https://www.youtube.com/watch?v=ymPOI4gWQFY
https://www.youtube.com/watch?v=7VxBn_ZgOek

И в заключении кому интересно слушать что происходит в мире HTML/CSS/JS, рекомендую слушать подкаст:

https://soundcloud.com/web-standards

[smithua]

Atom plugins, которые я использую

atom-ternjs
autocomplete-paths
busy-signal
chester-atom-syntax
colornamer
duotone-dark-space-syntax
editorconfig
emmet
file-icons
highlight-selected
intentions
language-docker
language-slim
language-vue
linter
linter-eslint
linter-markdown
linter-stylelint
linter-ui-default
markdown-writer
merge-conflicts
minimap
pigments
postcss-sorting
prettier-atom
project-manager
todo-show

VScode plugins, которые я использую

https://dsh.re/27cf0
https://dsh.re/ab7b2