DEV Community

loading...

Hand-curated list of awesome resources for developers

michaelgv profile image Mike ・2 min read

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:

  1. Visual Studio Code (https://code.visualstudio.com/) - hands down, best editor I've used (it's NOT an IDE)

  2. Jetbrains All Products Pack (free for OSS and students! https://www.jetbrains.com/student/ https://www.jetbrains.com/opensource/)

  3. 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)

  4. Vim and emacs (let the sighs begin)

  5. PostgreSQL with DBeaver

  6. Gitlab (free CI/CD, private repos)

  7. Bitbucket (good for business or private code)

  8. Github (OSS is great, hook CircleCI up and you're golden)

  9. CircleCI and TravisCI

  10. NPM

  11. Paratest (bias: I co-maintain this)

  12. Babel, Webpack, React, Angular 5

  13. Material Design (heads up, Material Design Refresh is coming!)

  14. Discord and Slack (preference of mine is Discord due to UI/UX)

  15. SASS, and LESS (new addition: CSS Blocks - https://github.com/linkedin/css-blocks)

  16. Asana (would pick 99/100 times over Jira)

  17. FiraCode font for VSCode

  18. 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.

Discussion

pic
Editor guide
Collapse
justyntemme profile image
Justyn Temme

I would just like to add this to the list, feel free to make a PR :)

github.com/justyntemme/awesome-cou...

Collapse
prhomhyse profile image
Promise Akpan

Hi Justyn, I made a PR.

I would definitely add more that I find related and useful. :)

Collapse
justyntemme profile image
Justyn Temme

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.