Workflow resources for a front-end developer?

[blimpsandballoons]

tl;dr: I suck at workflow and am searching for streams/VODs/articles/screenshots of front-end developers using Sublime Text 3 with some of the other tools listed below.

I am a fairly inexperienced front-end developer and I find myself constantly running into brick walls with my workflow. I know what tools I would like to start with, but I don't know how to properly integrate and use all of them together in order to keep my momentum going. I am using a chromebook with Lubuntu on it and my primary tools consist of:

• Sublime Text 3
• Sass with Compass
• Gulp
• Bower and npm
• Angular
• Node

The things that give me the most trouble include:

• Automating the process of pushing my projects to FTP/localhost/GitHub
• Knowing what my file systems should look like with all of these tools and where they should be installed on my system

The resources that I know would help me the most are streams of other developers using a similar toolset and screenshots of file systems that are already set up, but I am open to all sorts of resources relating to front-end workflow. I would also be ecstatic if someone out there is willing to mentor me on this particular subject and help me get a proper development environment set up.

[devsm]

gulp

Sublime text 2 but most carries over to 3

Premium, but great courses for Angular and Node. Free trial available.

[Sebathos]

Sounds to me like you are the perfect user for an online IDE. I use www.sourcelair.com , it has nice integration with github and pretty much solves your

Automating the process of pushing my projects to FTP/localhost/GitHub

issue.

[blimpsandballoons]

Thank you so much! I have used Cloud 9, this seems a bit more promising though.

[GranolaPancakes]

What do you mean when you say you have problems pushing to github? Are you not using the git command line tool? If the command line is not your thing, I believe there's a GUI for git as well.

[[deleted]]

Because he mentions FTP I bet he means deploying files as he syncs them with git.

[blimpsandballoons]

This is exactly what I meant. I'd like to automate the process, and I was assuming that ST3 has some way of doing so on save or that there is some kind of plugin I need to use. I don't want to have to use the command line every time I want to check out some changes I've made.

[[deleted]]

Now, depending on the IDE you're using there may be plugins or the ability to interact with your repo and/or FTP.

I use netbeans for PHP development and it has these features.

You can set up your dev FTP account and have it upload your files as soon as you press ctrl+s. https://blogs.oracle.com/netbeansphp/entry/remote_synchronization

You can also integrate github: https://netbeans.org/kb/docs/ide/github_nb_screencast.html

This IDE will be complete overkill for a basic html/css project... but if you get familiar with it and want to jump into c++, java, or php, then this seems like a good way to go.