I'm a graphic designer who moved into web design and have been building client websites for about two years using WordPress, Wix, and recently Shopify. I can create sites that look good, but I want to understand what I'm doing under the hood instead of relying mostly on visual builders and platform defaults. I'd like to become more confident with layout, responsiveness, customization, and general web development. Should I start with an online web development course, or is there a better learning path for someone with my background?
4 Answers
Start with the fundamentals: HTML, CSS, responsive design, Flexbox, and CSS Grid. Since you already work with website builders, practice inspecting and modifying existing themes with browser developer tools. Once you’re comfortable with layouts, add basic JavaScript and DOM manipulation. That foundation will make it much easier to understand and customize the platforms you already use.
You probably don’t need to jump straight into a full-stack bootcamp. Learn solid CSS, especially Flexbox and Grid, along with enough JavaScript to understand basic interactions. Then look into Shopify Liquid and WordPress PHP so you can edit themes directly instead of depending on plugins or page-builder workarounds. Rebuilding sections from your existing sites with raw HTML and CSS is great practice.
It helps to decide how deep you want to go. For a broad understanding of how websites work, a structured curriculum such as The Odin Project can be useful, even if you don’t plan to become a full-stack developer. If your priority is design control, focus first on HTML and CSS, then JavaScript. If you mainly want to customize WordPress, Wix, or Shopify, study the development tools specific to those platforms as well.
Online courses can definitely work, but choose one with projects and a clear progression rather than just watching lessons. Build a strong understanding of the basics first, then use AI as a productivity tool. Knowing HTML, CSS, JavaScript, and the structure of the platform you’re working with lets you check whether generated code is actually accessible, responsive, secure, and maintainable.
That makes sense. I don’t want to depend on AI without understanding the result, so I’ll focus on the fundamentals first and use it later to speed up the parts I already understand.