The world has gone digital and there is no looking back, web development is a skill set that's in high demand.
Whether you are looking to launch a freelance web dev business, land a job at a creative agency or take on more responsibility in your existing job one thing is for sure - you'll have plenty of options to choose from.
One of the best things about web development is the freedom to set your own hours, work remotely and decide exactly how you want to structure your business.
All you need is a laptop and an internet connection, and we'll teach you everything you need to know to build a business you can run from anywhere.
With over a decade of experience running a creative agency (and almost as long teaching people all over the world how to do the same) this is how we would approach becoming a web developer if we were to start over.
The first step to becoming a web developer is learning the technical skills, starting with the foundations of building a website with HTML. We use HTML to define the structure of a website, including the pages, the sections and containers, the text elements like headings, paragraphs and links and even rich media content like images and videos.
The next step in your journey is to learn CSS, the language that controls styling elements on the web. It takes the elements that we've created with CSS and tells the browser how to style them and how to position them on the page - here we're telling the browser that we want to select all our paragraphs and set the color to teal, the font-size to 18px and font-weight to bold, and we're going to make them all uppercase. Not as hard as you thought right?
While you can start coding from just a browser (hello codepen) if you want to become a web developer you're going to need to get familiar with a few essential tools - first you'll need a code editor (our favourite is Visual Studio Code) which you'll want to customise to suit your preferences - there are so many handy plugins and tweaks that can speed up your workflow and make coding more fun.
The modern web is a dynamic, shape-shifter, and our layouts need to adapt to every every different screen size and style of content. Next step in your web dev journey is to master css layouts, including flexbox & css grid. What's important here isn't just learning what each property does, but being able to implement any complex design that your clients dream up (quickly & efficiently!)
There is more to building beautiful intuitive mobile experiences than just adapting the layouts - next step is to learn common design patterns and tricks to make sure anyone navigating your websites on their phone can easily get to everything they need. This includes both technical skills like learning how to adapt the size of typography & negative space with media queries, how to hide and show elements on specific devices and how to approach responsive development strategically.
You'll thank us for this one when you accidentally delete a project you've been working on -- but can bring it back with a few clicks with Github. This essential version control tool is like Dropbox for code - it keeps your projects organised and keeps backups in check, and it's also the industry standard for collaboration with other teams and developers. Put this one on your to-do list as an essential skill for a web developer.
Whether you want to design sites yourself, or partner with a web designer on your projects you're still going to want to learn some essential design principles - things like how to choose typography styles that fit well together, how to use design tool like Figma, working with color palettes & balancing designs with hierarchy and negative space. Once you've got the basics down pat you'll transform your websites from 'just ok' to stunningly beautiful.
Now that you understood the languages used to build websites (html & css) and have an eye for design, it's time to practice building common web components so that you can confidently tackle any project. The more you can streamline your workflow for coding these essentials, the faster you'll be able to finish your projects (and when time is money, that's a win!). Start with the basics like headers, footers, hero banners and simple informational grids, and then move onto card layouts, image galleries, and FAQ-style accordians.
As a freelance web developer, your clients often come to you looking not just for someone to code their website but for help with the entire process. You want to be able to think strategically when mapping out the structure and content of a website, and understand UX (user experience) fundamentals to build websites that are designed to convert from the start.
While you can build entire websites out of just HTML & CSS, it's not the most efficient way of doing things - you can save time and make your websites easier to maintain. What a templating language does is lets you break your website up into re-usable puzzle pieces (like layouts with a consistent header and footer) and loop through content dynamically like blog posts and portfolios. While there are lots of options to choose from, we recommend learning a modern templating language like liquid (used by both Shopify & Jekyll) over a more traditional option like PHP.
In the world of web development, clients rarely ask to see a certificate or degree - they want to see live website projects that you've built yourself. So the next step in your web dev journey is to build at least 3+ complete websites (you can use placeholder content), and host them live. They should show off your skills and have that wow-factor that makes pitching to future clients a breeze.
While we would put Javascript on the 'nice to have' (you can certainly build beautiful responsive websites without any javascript) learning at least the foundations of Javascript will help you add interactivity to your projects - think playful animations, a filterable portfolio, simple search, carousel slider and pop-up lightbox gallery to name a few. Having this skill in your toolkit empowers you to take on more advanced website projects that you can charge more for.
While building websites is a lot of fun, it won't be very helpful to your or your clients while it's sitting on your computer - you need to host it live & connect a custom domain name. Beyond the basics of hosting, DNS & domain names you'll also want to learn how to setup SSL certificates, optimise website speed & performance and add all the relevant analytics tracking codes (like google analytics, and the meta pixel). You'll want to get familiar with this process in advance so you aren't scrambling when you've got a real client project ready to go live.
You've designed & coded a beautiful responsive website, and hosted it live - but now you need to make it easy for you client to edit the content. That's where a content management system comes in. There are lots to choose from, but we recommend CloudCannon - it's great for developers & great for clients and while it's really easy to learn the basics it also comes with some advanced features that let you give endless flexibility to your clients (including built-in SEO functionality!). CloudCannon let's any non-technical user easily edit and update the website.
There are so many ways to launch a thriving web development business, and no one-size-fits-all approach. So before you dive into the business and marketing foundations, have a think about what you want out of it - whether you want to build a thriving web dev agency or a profitable side hustle. Getting clear on your vision will help you build a business that fits your goals, your lifestyle and your values.
Focusing on a niche, means picking one or two specific areas that you'll focus your business on and doing them really well. Having a niche helps you streamline your operations, become an expert in your field faster, tailor your portfolio to your ideal client and build a name for yourself. There are so many different ways to define your niche in web development, including around your values, location, style or industry -- and once you have you'll find it so much easier to attract your dream clients.
With over a decade of experience in the web development industry, our founder & lead instructor Tina May answers all your questions about how to become a web developer.
Why a four-year computer science degree isn't the best path.
7 mins
This answer might surprise you, and it's one we get asked a lot!
2 mins
It's not just the technical coding skills that are important.
5 mins
You don't need a bootcamp, but just might want one.
12 mins
Design is a handy skill to have, but it's not a requirement.
4 mins
A myth we love to debunk, why coding wins vs drag-and-drop.
5 mins
My top tips and resources for staying up to date.
4 mins
An honest look into life as a freelance web developer.
19 mins
All the juicy details you have been dying to know.
26 mins