There's a million and one resources out there...
and I've only touched a handful of them, here's my personal curated of awesome resources for developers who want a productive impact:
Visual Studio Code (https://code.visualstudio.com/) - hands down, best editor I've used (it's NOT an IDE)
Jetbrains All Products Pack (free for OSS and students! https://www.jetbrains.com/student/ https://www.jetbrains.com/opensource/)
Github Student (https://education.github.com/pack - friends of mine have used this, I've used all the tools and infrastructure offered there however, and I'd give it overall a 8/10)
Vim and emacs (let the sighs begin)
PostgreSQL with DBeaver
Gitlab (free CI/CD, private repos)
Bitbucket (good for business or private code)
Github (OSS is great, hook CircleCI up and you're golden)
CircleCI and TravisCI
NPM
Paratest (bias: I co-maintain this)
Babel, Webpack, React, Angular 5
Material Design (heads up, Material Design Refresh is coming!)
Discord and Slack (preference of mine is Discord due to UI/UX)
SASS, and LESS (new addition: CSS Blocks - https://github.com/linkedin/css-blocks)
Asana (would pick 99/100 times over Jira)
FiraCode font for VSCode
Compassion
VS Code Plugins
I'm a fan of using plugins per-workspace basis, and not globally, however, here's my general preference settings (I use Material Theme for VS Code):
{
"editor.fontFamily": "'Fira Code',Menlo, Monaco, 'Courier New', monoscape",
"editor.fontSize": 12,
"editor.wordWrap": "on",
"editor.letterSpacing": 0,
"editor.tabSize": 2,
"terminal.integrated.shell.osx": "/bin/zsh",
"workbench.colorTheme": "Material Theme Darker High Contrast",
"materialTheme.cache.workbench.settings": {},
"workbench.colorCustomizations": {
"activityBarBadge.background": "#64FFDA",
"list.activeSelectionForeground": "#64FFDA",
"list.inactiveSelectionForeground": "#64FFDA",
"list.highlightForeground": "#64FFDA",
"scrollbarSlider.activeBackground": "#64FFDA50",
"editorSuggestWidget.highlightForeground": "#64FFDA",
"textLink.foreground": "#64FFDA",
"progressBar.background": "#64FFDA",
"pickerGroup.foreground": "#64FFDA",
"tab.activeBorder": "#64FFDA",
"notificationLink.foreground": "#64FFDA"
},
"telemetry.enableCrashReporter": false,
"telemetry.enableTelemetry": false,
"slack.teamToken": "*REDACTED*",
"slack.username": "*REDACTED*",
"explorer.confirmDragAndDrop": false,
"gitlens.advanced.messages": {
"suppressCommitHasNoPreviousCommitWarning": false,
"suppressCommitNotFoundWarning": false,
"suppressFileNotUnderSourceControlWarning": false,
"suppressGitVersionWarning": false,
"suppressLineUncommittedWarning": false,
"suppressNoRepositoryWarning": false,
"suppressResultsExplorerNotice": false,
"suppressShowKeyBindingsNotice": true
},
"sync.gist": "*REDACTED*",
"sync.lastUpload": "*REDACTED*",
"sync.autoDownload": false,
"sync.autoUpload": false,
"sync.lastDownload": "",
"sync.forceDownload": false,
"sync.host": "",
"sync.pathPrefix": "",
"sync.quietSync": false,
"sync.askGistName": false,
"sync.removeExtensions": true,
"sync.syncExtensions": true,
"workbench.iconTheme": "material-icon-theme",
"prettier.singleQuote": true,
"prettier.eslintIntegration": true,
"prettier.tabWidth": 2,
"editor.formatOnSave": true,
"editor.fontLigatures": true,
"javascript.implicitProjectConfig.checkJs": true,
"todo.indentation": " ",
"todohighlight.isEnable": true,
"vscode_custom_css.imports": [
"/opt/nfs/software/vscode/extensions/custom_css/my_src/vscode.css"
]
}
Plugins (including theme, icon):
material-icon-theme, material theme, eslint, tslint, jshint, prettier, settings sync, TODO highlight, TODO list generator, autoprefixer, beautify, bracket pair colorizer (saves my code on a daily basis), custom css and js for visual studio code, gitlens, editorconfig, git history, project manager, git project manager, slack, vim, and jira (for legacy projects we still require jira, so why not have the extension)
Hosting Resources
100% Free:
netlify, now, surge
Free and Paid (to scale):
now, surge, heroku, openshift
Subreddits
r/webdev
r/javascript
r/web_design
r/node
r/somebodymakethis
r/angularjs
r/angular
r/reactjs
Last thing!
Don't overwork yourself, you'll burn out.
Top comments (3)
I would just like to add this to the list, feel free to make a PR :)
github.com/justyntemme/awesome-cou...
Hi Justyn, I made a PR.
I would definitely add more that I find related and useful. :)
Hi Akpan, I have merged your pull request, thanks for that! Feel free to PR with any more resources. I know these resources really helped me when I was first jumping into development.