- 15 May
- Madison Kanna
So You Want to Learn to Code…
A few years ago I wanted to learn to code, but I had no idea how to get started.
Today I work as an engineer on the Publisher Engineering team here at Mediavine. A question I hear often is the one I was asking myself: Where to start?
When I first began, my only coding experience thus far was tweaking things on my WordPress blog. I realized that I could edit the CSS on my WordPress theme, and began experimenting. I knew I wanted to learn more, but wasn’t sure what to learn next.
There’s a vast amount of free coding resources on the internet, so deciding on what to choose can seem overwhelming for a beginner.
Let’s go over some of the essentials of web development and some of the best resources for getting started with coding.
So You Want to Learn to Code…
Most people with any interest in coding have probably played around with HTML at some point. HTML blocks are the building blocks of the internet. HTML is at the core of every web page and provides the basic structures of our sites.
HTML is a fantastic starting point for anyone who wants to learn web development.
Here are a few great (and free) resources for learning HTML:
Codeacademy’s Learn HTML
Learn the basics of HTML with Codecademy.
Practice HTML in this code editor.
Document and website structure
Utilizing semantic HTML can be a good way of ensuring the site you’re building is accessible to others and even when optimizing your SEO.
Improve RPM and SEO with Headings
Here’s an article by our CEO, Eric Hochberger, on how you can improve your site’s SEO with headings.
If your site was a house, you could picture HTML as its fundamental building blocks. HTML could be the walls, roof or furniture. CSS on the other hand is the styling of your site. If an HTML element is a wall, then CSS is the color of the wall.
CSS: From Zero to Hero
This is a fantastic beginner’s guide to CSS. When I started my first blog, I noticed that some blogs looked fantastic when viewed from mobile phones, while other blogs didn’t look great. The font size on some blogs was so small that it was unreadable, or I was unable to click certain links on a blog from my phone. One of my favorite things about CSS is that it can be used to create a responsive site or blog–one that looks and feels great whether you are viewing it from your computer or phone.
Responsive Web Design Fundamentals
Here’s a great resource on how you can use CSS to make your site or app responsive.
While “the frontend” of a site is commonly described as the part of the web you can see and interact with, the backend of a site usually makes up things that a site’s user cannot see, such as your site’s database and server.
There are many backend (or server side) languages to learn from. One of them is PHP.
PHP is a commonly used server-side language. WordPress is written using PHP and you may have seen it if you’ve looked at the theme of your WordPress site. While most WordPress users don’t need to know PHP to have a WordPress site, knowing PHP can help you understand more of how your site works. With PHP you can develop WordPress plugins and create WordPress themes, as well as create any kind of site or app you want.
Here’s a couple of resources for getting started with PHP and WordPress. These are resources that have been helpful to many developers here at Mediavine.
One of the ways that Mediavine developers like to learn beyond taking tutorials is by building. If you have an idea for a site or app you are excited about, start building it and Google as you go.
Coding can seem daunting, but anyone can learn to code with practice and in time.
© 2019 Mediavine. All Rights Reserved.