Just need some guidance on how to get to the next level of Web Design and Development.
To start, I’ve always been design-first, as a graphic designer. I’ve never learnt programming, and have never made the jump into front-end web development. But I know how to design a website, create a simple custom/child WordPress theme, write HTML/CSS etc. from a somewhat entry-level standpoint, since it was easy to learn. Right now, I’ve currently been designing basic WordPress websites for small businesses over the past year or so.
However, my workflow basically consists of developing locally (WAMP) > uploading and editing on a test site via FTP > finalising and uploading to live site via FTP. This involves a very crude loop of updating files, uploading via FTP, refreshing pages, repeat.
My problem is that it always feels like I’m cowboy coding the ‘old-fashioned way’, if you could even call it proper ‘coding’. It feels like I’m stuck in the early 2010s, using JS and WordPress plugins to fill the void, and something that anybody after two-weeks of training can do.
I want to teach myself proper front-end development with JS Frameworks, Node modules, etc. But I feel they’ll get me nowhere if I don’t know how to implement it in a workflow (especially one involving WordPress).
I’ve also looked at things such as Gulp, Webpack, GitHub/Bitbucket, Heroku, etc. but I don’t know what to learn first, or whether certain things will be worth spending the time to learn. Ultimately, I’m looking to find:
- A proper, professional front-end workflow
- Things to learn that will enhance my workflow
- Things I can use/implement to bring my websites to a slick, 2018 standard.
Very vague post, and has probably been discussed to death before, but any help or suggestions will be much appreciated. Cheers!